Your SlideShare is downloading. ×
Web topic 8  listings in html
Web topic 8  listings in html
Web topic 8  listings in html
Web topic 8  listings in html
Web topic 8  listings in html
Web topic 8  listings in html
Web topic 8  listings in html
Web topic 8  listings in html
Web topic 8  listings in html
Web topic 8  listings in html
Web topic 8  listings in html
Web topic 8  listings in html
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Web topic 8 listings in html

244

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
244
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Web Authoring Topic 8 – Listings in HTML
  • 2. ObjectivesStudents should able to:1 Use Web Authoring tool to createvarious types of listing tags: • Un-numbered list; • Number list2 Use Web Authoring tool to create • definition lists <dl>: • definition term <dt> ; • definition description <dd> tags.
  • 3. ObjectivesStudents should able to:3 Use Web Authoring tool to insert specialcharacters.4 Use Web Authoring tool to inserthorizontal lines.
  • 4. HTML ListThe most common HTML lists areordered and unordered lists: An ordered list: An unordered list: 1.The first list item • List item 2.The second list • List item item • List item 3.The third list item
  • 5. Un-ordered listAn unordered list starts with the <ul> tag.Each list item starts with the <li> tag.Example: <ul> <li>Coffee</li> <li>Milk</li> </ul>
  • 6. Un-ordered listFor unordered list, type attributesdetermine bullet style.For unordered list, TYPE of LI can takefollowing values:“disc” <LI TYPE = “disc”>“circle” <LI TYPE = “circle”>“square” <LI TYPE = “square”>
  • 7. Ordered ListAn ordered list starts with the <ol> tag.Each list item starts with the <li> tag. <ol> <li>Coffee</li> <li>Milk</li> </ol>
  • 8. Ordered ListFor ordered list, the TYPE attribute of LIdetermines the numbering type:1 Arabic numbers 1, 2, 3, ... <LI TYPE = “1”>a lower alpha a, b, c, ... <LI TYPE = “a”>A upper alpha A, B, C, ... <LI TYPE = “A”>i lower roman i, ii, iii, ... <LI TYPE = “i”>I upper roman I, II, III, ... <LI TYPE = “I”>
  • 9. Definition ListA definition list is a list of items, with adescription of each item.The <dl> tag defines a definition list.The <dl> tag is used in conjunction with <dt>(defines the item in the list) and <dd>(describes the item in the list):
  • 10. Definition ListExample: <dl> <dt>Coffee</dt> <dd>- black hot drink</dd> <dt>Milk</dt> <dd>- white cold drink</dd> </dl>
  • 11. Special CharactersSymbols& &amp; ampersand¢ &cent; cent© &copy; copyright÷ &divide; divide> &gt; greater than< &lt; less than &nbsp; Non breaking space
  • 12. Special CharactersMaking a horizontal rule, or line , is easierthan most people think.Its one small, short, and simple command;<hr> <hr width="75%"> Creates a horizontal line of 75% window width

×