Your SlideShare is downloading. ×
03. session 03   using lists and tables
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

03. session 03 using lists and tables

739
views

Published on

Published in: Technology, Design

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

  • Be the first to like this

No Downloads
Views
Total Views
739
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
13
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. Using Lists and Tables Session 3
  • 2. Objectives
    • Explain Ordered Lists.
    • Explain Unordered Lists.
    • Explain Defination Lists.
    • Explain the Table elements.
    Building Dynamic Websites/Session 1/ of 22
  • 3. Lists
    • A List is a collection of items.
    • A list can contain other HTML elements such as image, links or other lists.
    Building Dynamic Websites/Session 1/ of 22
  • 4. Ordered Lists
    • <HTML>
    • <HEAD>
    • <TITLE>Learning HTML</TITLE>
    • <BODY>
    • <H2>Days in a week</H2>
    • <OL>
    • <LI>Sunday
    • <LI>Monday
    • <LI>Tuesday
    • <LI>Wednesday
    • <LI>Thursday
    • <LI>Friday
    • <LI>Saturday
    • </OL>
    • </BODY>
    • </HTML>
    Building Dynamic Websites/Session 1/ of 22
  • 5. Ordered Lists Building Dynamic Websites/Session 1/ of 22
  • 6. List-style-type
    • <OL STYLE=&quot;list-style-type:property’s value&quot;>
    Building Dynamic Websites/Session 1/ of 22
  • 7. Nested Ordered lists
    • <HTML>
    • <HEAD><TITLE>Learning HTML</TITLE>
    • <BODY>
    • <H2>Web Designing with HTML</H2>
    • <OL>
    • <LI>Introducting HTML
    • <OL STYLE=&quot;list-style-type:lower-roman&quot;>
    • <LI>WWW and Internet Overview
    • <LI>HTML Overview
    • <LI>Basic HTML Elements
    • </OL>
    • <LI>Working with HTML Elements
    • (continue…)
    Building Dynamic Websites/Session 1/ of 22
  • 8. Nested Ordered lists Building Dynamic Websites/Session 1/ of 22
  • 9. Unordered Lists
    • <HTML>
    • <HEAD>
    • <TITLE>Learning HTML</TITLE>
    • <BODY>
    • <H2>Wild Animals</H2>
    • <UL>
    • <LI>Lion
    • <LI>Tiger
    • <LI>Leopard
    • <LI>Wolf
    • </UL>
    • </BODY>
    • </HTML>
    Building Dynamic Websites/Session 1/ of 22
  • 10. Unordered Lists Building Dynamic Websites/Session 1/ of 22
  • 11. List-style-type
    • <OL STYLE=&quot;list-style-type:property’s value&quot;>
    Building Dynamic Websites/Session 1/ of 22
  • 12. Nested Unordered lists Building Dynamic Websites/Session 1/ of 22
  • 13. Definition lists
    • DL
    • DT
    • DD
    Building Dynamic Websites/Session 1/ of 22
  • 14. Unordered Lists
    • <HTML>
    • <HEAD>
    • <TITLE>Learning HTML</TITLE>
    • <BODY>
    • <H2>Types of noun</H2>
    • <DL>
    • <DT>Common noun
    • <DD>It is a name of an Object
    • in general such as pencel, pen
    • paper and so on
    • <DT>Proper noun
    • <DD>It is a unique name of a person
    • or a place
    • </DL>
    • </BODY>
    • </HTML>
    Building Dynamic Websites/Session 1/ of 22
  • 15. Tables
    • A table is made up of rows and columns.
    • The intersection of each row and column is a cell.
    Building Dynamic Websites/Session 1/ of 22
  • 16. Columns heading Building Dynamic Websites/Session 1/ of 22
  • 17. Caption Building Dynamic Websites/Session 1/ of 22
  • 18. Colspan/Rowspan attribute Building Dynamic Websites/Session 1/ of 22
      • These attributes are used to create cells that span more than one column or row.
      • The COLSPAN attribute is used with the <TH> tag, while the ROWSPAN attribute is used with the <TD> tag.
  • 19. Colspan/Rowspan attribute Building Dynamic Websites/Session 1/ of 22 Rowspan Colspan
  • 20. Some attribute
    • WIDTH
    • BORDER
    • CELLSPACING
    • CELLPADDING
    Building Dynamic Websites/Session 1/ of 22
  • 21. Horizontal/Vertical alignment Building Dynamic Websites/Session 1/ of 22
    • Align = left
    • Align = center
    • Align = right
    • Align = justify
    • Valign = top
    • Valign = middle
    • Valign = bottom
    • Valign = baseline
    <TD ALIGN = right VALIGN = bottom> Data Cell 1</TD>
  • 22. Summary
    • A nested list refers to another list defined inside an item of a list.
    • The THEAD, TFOOT, TBODY elements allow grouping the rows in a table.
    • COLGROUP element allow grouping the column in a table.
    • Hyperlinks within a table ca display by using A element.
    Building Dynamic Websites/Session 1/ of 22

×