World Wide Web &Html
Chapter 07
Structure of Html
Structure of Html
Document Model
Html
Various Text Formatting Tags
• Bold<b></b>
• Underline<u></u>
• Italic<i></i>
• Strikeout<strike></strike>
Superscript<sup></sup>
• Subscript<sup></sup>
Various Text Formatting Tags
• Center<center></center>
• FontSize
• <fontsize=6>This Text has a larger
font size </Font>
• FontColor<Fontcolor=?</Font>
• <Fontcolor=Red>this text is Red
</Font>
•What we will do today ?
Ordered and Unordered List
• An unordered HTML list:
• Item
• Item
• Item
• Item
• An ordered HTML list:
1. First item
2. Second item
3. Third item
4. Fourth item
Unordered List
• <!DOCTYPE html>
• <html>
• <body>
• <h2>An unordered HTML list</h2>
• <ul>
• <li>Coffee</li>
• <li>Tea</li>
• <li>Milk</li>
• </ul>
• </body>
• </html>
An unordered HTML list
• Coffee
• Tea
• Milk
Ordered List
• <!DOCTYPE html>
• <html>
• <body>
• <h2>An unordered HTML list</h2>
• <ol>
• <li>Coffee</li>
• <li>Tea</li>
• <li>Milk</li>
• </ol>
• </body>
• </html>
An unordered HTML list
1. Coffee
2. Tea
3. Milk
Activity
Activity 01
•Create an ordered list
using the suitable tags
Place the statements in correct order and
generate the correct output
• <html>
• <body>
• <li>Coffee</li>
• <li>Tea</li>
• <li>Milk</li>
• <h2>An unordered HTML list</h2>
• <ol>
• </ol>
• <!DOCTYPE html>
• </body>
• </html>
Activity
02

Education and Learning,Website ,Html Tags

  • 1.
    World Wide Web&Html Chapter 07
  • 2.
  • 3.
  • 4.
    Various Text FormattingTags • Bold<b></b> • Underline<u></u> • Italic<i></i> • Strikeout<strike></strike> Superscript<sup></sup> • Subscript<sup></sup>
  • 5.
    Various Text FormattingTags • Center<center></center> • FontSize • <fontsize=6>This Text has a larger font size </Font> • FontColor<Fontcolor=?</Font> • <Fontcolor=Red>this text is Red </Font>
  • 6.
    •What we willdo today ?
  • 7.
    Ordered and UnorderedList • An unordered HTML list: • Item • Item • Item • Item • An ordered HTML list: 1. First item 2. Second item 3. Third item 4. Fourth item
  • 8.
    Unordered List • <!DOCTYPEhtml> • <html> • <body> • <h2>An unordered HTML list</h2> • <ul> • <li>Coffee</li> • <li>Tea</li> • <li>Milk</li> • </ul> • </body> • </html> An unordered HTML list • Coffee • Tea • Milk
  • 9.
    Ordered List • <!DOCTYPEhtml> • <html> • <body> • <h2>An unordered HTML list</h2> • <ol> • <li>Coffee</li> • <li>Tea</li> • <li>Milk</li> • </ol> • </body> • </html> An unordered HTML list 1. Coffee 2. Tea 3. Milk
  • 10.
  • 11.
    Activity 01 •Create anordered list using the suitable tags
  • 12.
    Place the statementsin correct order and generate the correct output • <html> • <body> • <li>Coffee</li> • <li>Tea</li> • <li>Milk</li> • <h2>An unordered HTML list</h2> • <ol> • </ol> • <!DOCTYPE html> • </body> • </html> Activity 02