Html Creating List

918 views

Published on

Published in: Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
918
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
11
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Html Creating List

  1. 1. CLARRIFICATION!!! <ul><ul><li>For using the name attribute and href: </li></ul></ul><ul><ul><li>the syntax is </li></ul></ul><ul><ul><li>then </li></ul></ul><a name= “anchorname1” > --- </a> <a href= “#anchorname2” > --- </a> <a name= “anchorname2” > --- </a> <a href= “#anchorname1” > --- </a>
  2. 2. Information Technology II HTML Creating List
  3. 3. Creating List <ul><ul><li>used to create somewhat like “ table of contents ” for your page and outlining </li></ul></ul><ul><ul><li>Kinds of List </li></ul></ul><ul><ul><ul><ul><li>Ordered </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Unordered </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Definition </li></ul></ul></ul></ul>
  4. 4. <ul><ul><li>used to show a defined sequence </li></ul></ul><ul><ul><li>Numbered list </li></ul></ul><ul><ul><li>Lettered List </li></ul></ul><ul><ul><li><OL> --- </OL> </li></ul></ul><ul><ul><li>Types </li></ul></ul><ul><ul><ul><ul><li>Arabic Numerals (1,2,3,…) - - - “1” (default) </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Upper Alphabet (A,B,C,…) - - - “A” </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Lower Alphabet (a,b,c,…) - - - “a” </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Upper Roman (I,II,III,…) - - - “I” </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Lower Roman (i,ii,iii,…) - - - “i” </li></ul></ul></ul></ul><ul><ul><li>Syntax </li></ul></ul>Ordered List <ol type=“1/A/a/I/i”> ---</ol>
  5. 5. Unordered List <ul><ul><li>used to show a bulleted outline structure </li></ul></ul><ul><ul><li>Bulleted List </li></ul></ul><ul><ul><li><UL> --- </UL> </li></ul></ul><ul><ul><li>Types </li></ul></ul><ul><ul><ul><ul><li>Disc (default) </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Circle </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Square </li></ul></ul></ul></ul><ul><ul><li>Syntax </li></ul></ul><ul type=“disc/circle/square”> --- </ul>
  6. 6. LIST <ul><ul><li>supplies the list element (items) </li></ul></ul><ul><ul><li><li> (no closing tag) </li></ul></ul><ul><ul><li>the syntax for Ordered list </li></ul></ul><ul><ul><li>for the Unordered List </li></ul></ul><ol type=“1/A/a/I/i”> <li> first item <li> second item </ol> <ul type=“disc/circle/square”> <li> first item <li> second item </ul>
  7. 7. Definition List <ul><ul><li>used for creating list of definitions </li></ul></ul><ul><ul><li>syntax is </li></ul></ul><dl> defintion list <dt> definition term <dd> defintion description 1 <dd> defintion description 2 </dl>
  8. 8. PREFORMATTED TAG <ul><ul><li>used to generate text in a fixed-width font </li></ul></ul><ul><ul><li>displays the text in the browser exactly the way it was written or formatted </li></ul></ul><ul><ul><li><pre> --- </pre> </li></ul></ul>
  9. 9. Body Attributes <ul><li>Sound </li></ul><ul><ul><li><body bgsound =“music.mp3”> --- </body> </li></ul></ul><ul><li>BG Color </li></ul><ul><ul><ul><li>Hexadecimal <body bgcolor=“#FFFFFF”>---</body> </li></ul></ul></ul><ul><ul><ul><li>Basic Colors <body bgcolor=“color”>---</body </li></ul></ul></ul><ul><li>Image </li></ul><ul><ul><li><body backgound=“image.jpg”> --- </body> </li></ul></ul>
  10. 10. HTML LIST <ul><li>These are the kinds of list in HTML. </li></ul><ul><li>Ordered List </li></ul><ul><ul><ul><li>Tag </li></ul></ul></ul><ul><ul><ul><li>Types </li></ul></ul></ul><ul><ul><ul><ul><ul><li>Alphanumeric </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Upper Alpha </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Lower Alpha </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Upper Roman </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Lower Roman </li></ul></ul></ul></ul></ul><ul><li>Unordered List </li></ul><ul><ul><ul><li>Tag </li></ul></ul></ul><ul><ul><ul><li>Types </li></ul></ul></ul><ul><ul><ul><ul><ul><li>Circle </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Disc </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Square </li></ul></ul></ul></ul></ul>
  11. 11. Assignment <ul><li>Do Exercises 62, 63, 64, and 65 and paste the links of these exercises to your page for checking. Pass this on or before SUNDAY. </li></ul><ul><li>Due for the updates of your NOTEBOOK is tomorrow. </li></ul><ul><li>Download Notepad++. </li></ul>

×