PC08 Generic Html Elements
DefinitionBasic HTML building blocks. UsageUsed in various combinations, these can be used to build many types of content. Use paragraphs to contain anything from one-line fragments of text to multi-line blocks of text. At procul ex celso miratus uertice montis aduentum sociasque rates occurrit Acestes, horridus in iaculis et pelle Libystidis ursae, Troia Criniso conceptum flumine mater quem genuit. ueterum non immemor ille parentum gratatur reduces et gaza laetus. Intro paragraphs are used as the first paragraph in certain layouts. The class on the P tag allows the css to style it differently, however this style can work differently in varied contexts. Here it is shown in a tabbed content context. Contents must be a link or start with a link. Common link text will be "More" or "See all." Contents must be a link. No margins on this paragraph. At procul ex celso miratus uertice montis aduentum sociasque rates occurrit Acestes, horridus in iaculis et pelle Libystidis ursae, Troia Criniso conceptum flumine mater quem genuit. ueterum non immemor ille parentum gratatur reduces et gaza laetus. Parentheses required. (Tue, 23 May 2006) Button for user action.
Lorem IpsumLorem Ipsum (March 11th, 2008)
List item contents must be links or start with links. List item contents must be links or start with links that link to some type of feed, rss, podcast, etc. For more information about using these icons in list or inline links see the Icons & Images page. List item contents must be links or start with links that link to PDF documents. For more information about using these icons in list or inline links see the Icons & Images page. List item contents must be links or start with links that link to Sun owned content in new window. For more information about using these icons in list or inline links see the Icons & Images page. List item contents must be links or start with links that link to third party content in new window. For more information about using these icons in list or inline links see the Icons & Images page. List item contents must be links or start with links that link to audio content. For more information about using these icons in list or inline links see the Icons & Images page. List item contents must be links or start with links that link to video content. For more information about using these icons in list or inline links see the Icons & Images page. Icon class names may be used in either the UL (as the previous examples), or in the LI as well. For example, if you have three links that link to Sun content and one link that connects to a third-party site, you can illustrate that by making the UL the "popicon" class, then use the "windowicon" class in the LI to indicate the third-party link. Alternatively, one could omit the "popicon" class from the UL, and add that class to the LI's in the list. For more information about using these icons in list or inline links see the Icons & Images page. By adding the "ul2col" class to the UL, the list will appear in two columns. Note that the list items will be displayed from left to right, not top to bottom (i.e. the second list item will be at the top of the second column, not under the first list item in the first column). The use of this class can be mixed with any of the icon classes above to produce a multicolumn list with icons. By adding the "ul3col" class to the UL, the list will appear in two columns. Note that the list items will be displayed from left to right, not top to bottom (i.e. the second list item will be at the top of the second column, not under the first list item in the first column). The use of this class can be mixed with any of the icon classes above to produce multi column list with icons. By adding the "ul4col" class to the UL, the list will appear in two columns. Note that the list items will be displayed from left to right, not top to bottom (i.e. the second list item will be at the top of the second column, not under the first list item in the first column). The use of this class can be mixed with any of the icon classes above to produce multi column list with icons. List item contents must be links or start with links that link to audio content. For more information about using these icons in list or inline links see the Icons & Images page. List item contents must be links or start with links that link to privileged content. For more information about using these icons in list or inline links see the Icons & Images page. List item contents must be links or start with links. Use sparingly, in most cases the pc08v7 (example x1) "bluearrows" should be used. List item contents must be links or start with links that link to privileged content. For more information about using these icons in list or inline links see the Icons & Images page. List item contents must be links or start with links that link to privileged content. For more information about using these icons in list or inline links see the Icons & Images page. List item contents must be links or start with links that link to privileged content. For more information about using these icons in list or inline links see the Icons & Images page. List item contents must be links or start with links that link to privileged content. For more information about using these icons in list or inline links see the Icons & Images page.
Use this to visually separate sections of content. This is just a simple square-cornered image. For nicer looking images, use the g19 Inline Image or the g20 Inline Image With Caption. The surrounding text shown here is only for context and not part of the component. 
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam semper. Proin mi lectus, aliquet sed, imperdiet nec, eleifend ac, massa. Pellentesque id sapien pharetra libero porta rutrum. Aenean nibh mi, cursus nec, scelerisque sed, scelerisque nec, diam. Proin suscipit tincidunt velit. Aliquam faucibus pede nec justo. Vivamus adipiscing. Donec diam metus, eleifend non, viverra id, sollicitudin ac, sem. Nullam tincidunt magna cursus arcu. Vivamus a felis sed neque tempus dictum. Vestibulum consectetuer urna eget odio. Aenean ut purus. Aenean condimentum. Nulla facilisi. Donec lacus nulla, mollis at, tempus et, consectetuer a, dolor. Etiam mattis, orci consectetuer eleifend blandit, metus pede vestibulum dolor, ac facilisis eros elit in tortor. Cras ut purus. Curabitur suscipit massa pulvinar enim. Nullam purus. Nunc pharetra lobortis velit. Aliquam erat volutpat. Cras mattis mauris ac est. Sed aliquam. Pellentesque vestibulum pede et ante. Mauris arcu augue, aliquam in, sollicitudin non, fermentum eget, sapien. This is just a simple square-cornered image. For nicer looking images, use the g19 Inline Image or the g20 Inline Image With Caption. The surrounding text shown here is only for context and not part of the component.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam semper. Proin mi lectus, aliquet sed, imperdiet nec, eleifend ac, massa. Pellentesque id sapien pharetra libero porta rutrum. Aenean nibh mi, cursus nec, scelerisque sed, scelerisque nec, diam. Proin suscipit tincidunt velit. Aliquam faucibus pede nec justo. Vivamus adipiscing. Donec diam metus, eleifend non, viverra id, sollicitudin ac, sem. Nullam tincidunt magna cursus arcu. Vivamus a felis sed neque tempus dictum. Vestibulum consectetuer urna eget odio. Aenean ut purus. Aenean condimentum. Nulla facilisi. Donec lacus nulla, mollis at, tempus et, consectetuer a, dolor. Etiam mattis, orci consectetuer eleifend blandit, metus pede vestibulum dolor, ac facilisis eros elit in tortor. Cras ut purus. Curabitur suscipit massa pulvinar enim. Nullam purus. Nunc pharetra lobortis velit. Aliquam erat volutpat. Cras mattis mauris ac est. Sed aliquam. Pellentesque vestibulum pede et ante. Mauris arcu augue, aliquam in, sollicitudin non, fermentum eget, sapien. This is just a simple square-cornered image. For nicer looking images, use the g19 Inline Image or the g20 Inline Image With Caption. The surrounding text shown here is only for context and not part of the component.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam semper. Proin mi lectus, aliquet sed, imperdiet nec, eleifend ac, massa. Pellentesque id sapien pharetra libero porta rutrum. Aenean nibh mi, cursus nec, scelerisque sed, scelerisque nec, diam. Proin suscipit tincidunt velit. Aliquam faucibus pede nec justo. Vivamus adipiscing. Donec diam metus, eleifend non, viverra id, sollicitudin ac, sem. Nullam tincidunt magna cursus arcu. Vivamus a felis sed neque tempus dictum. Vestibulum consectetuer urna eget odio. Aenean ut purus. Aenean condimentum. Nulla facilisi. Donec lacus nulla, mollis at, tempus et, consectetuer a, dolor. Etiam mattis, orci consectetuer eleifend blandit, metus pede vestibulum dolor, ac facilisis eros elit in tortor. Cras ut purus. Curabitur suscipit massa pulvinar enim. Nullam purus. Nunc pharetra lobortis velit. Aliquam erat volutpat. Cras mattis mauris ac est. Sed aliquam. Pellentesque vestibulum pede et ante. Mauris arcu augue, aliquam in, sollicitudin non, fermentum eget, sapien. This example includes an image map. This can have as many
Use this to force content below a floated element, such as a g19 Inline Image or a pc08v10 Content Image. Alternatively, Link as hot button, used to highlight a call to action within the content area. This component is an inline element, but in most cases it should be presented in a P or DIV so that it stands alone on a new line. Link as hot button, used to highlight a call to action within the content area. This component is an inline element, but in most cases it should be presented in a P or DIV so that it stands alone on a new line. Link as hot button, used to highlight a call to action within the content area. This component is an inline element, but in most cases it should be presented in a P or DIV so that it stands alone on a new line. This small block level object can be used to highlight promotions inside of table cells, following headings or preceding paragraphs or related content blocks. This component uses a UL list with the "goto" class to generate menus with javascript on page load. This method is used in order to provide a non-javascript accessible method for users without javascript. This component uses a UL list with the "goto" class to generate menus with javascript on page load. This method is used in order to provide a non-javascript accessible method for users without javascript. Lorem IpsumSometimes you need to append the current page's URL to a link in order to pass that on to another page. To make that easier we've enabled some javascript on sun.com that will automatically replace any instance of "thisURL" in an href to the URL of the current page when a user clicks on the link. Use this at the beginning of a text block to indidicate that the following content is new. Be sure to remove after an appropriate amount of time, since nothing is forever "new".
New!
|
 |