1 / 11

Learn Advanced and Basic HTML - Lesson 7

With HTML you can create your own Website. This tutorial teaches you everything about HTML. For full HTML course visit our website www.training-n-development.com

trainingdevelopment
Download Presentation

Learn Advanced and Basic HTML - Lesson 7

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Learn HTML BasicsLesson No : 07 Publisher : Attitude Academy

  2. Chapter Summary Html List Tag Example of an unordered list, an ordered & Description list in HTML: • Unordered List: • Item • Item • Item • Item Ordered List: First item Second item Third item Fourth item • Description List: • First item Second item 2. Third item Fourth item

  3. Unordered & Order Lists (1) An unordered list starts with the <ul> tag. Each list item starts with the <li> tag. The list items will be marked with bullets (small black circles): <body> <h2>Unordered List with Default Bullets</h2> <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> </body> (2) An ordered list starts with the <ol> tag. Each list item starts with the <li> tag. The list items will be marked with numbers: <body> <h2>Ordered List</h2> <ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> </body>

  4. HTML Description Lists HTML also supports description lists. A description list is a list of terms, with a description of each term. The <dl> tag defines the description list, the <dt> tag defines the term (name), and the <dd> tag describes each term:  <body> <h2>A Description List</h2> <dl> <dt>Coffee</dt> <dd>- black hot drink</dd> <dt>Milk</dt> <dd>- white cold drink</dd> </dl> </body>

  5. Nested HTML Lists List can be nested (lists inside lists): <body> <h2>A Nested List</h2> <ul> <li>Coffee</li> <li>Tea <ul> <li>Black tea</li> <li>Green tea</li> </ul> </li> <li>Milk</li> </ul> </body>

  6. Ordered HTML Lists - The Type Attribute A type attribute can be added to an ordered list, to define the type of the marker:

  7. Numbers Example <body> <h2> Ordered List with Numbers </h2> <ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> </body> Uppercase Letters Example <body> <h2>Ordered List with Letters</h2> <ol type="A"> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> </body>

  8. Lowercase Letters Example <body> <h2>Ordered List with Lowercase Letters</h2> <ol type="a"> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> </body> Uppercase Roman Numbers Example <body> <h2>Ordered List with Roman Numbers</h2> <ol type="I"> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> </body>

  9. Lowercase Roman Numbers Example <body> <h2>Ordered List with Lowercase Roman Numbers</h2> <ol type="i"> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> </body>

  10. PRACTICAL IMPLEMENTATION

  11. Visit Us : Attitude Academy

More Related