•Here
are 3 different types of lists. A <ol> tag starts an ordered list, <ul>
for unordered lists, and <dl> for definition lists. Use the type and start attributes to fine tune
your lists accordingly.
–<ul> - unordered list; bullets
–<ol> - ordered list; numbers
–<dl> - definition list; dictionary
•HTML Ordered Lists
–Use the <ol> tag to begin an ordered
list. Place the <li> (list item) tag between your
opening <ol> and closing </ol> tags to create list items. Ordered simply means numbered
.
–HTML Code:
–<h4 align="center">Goals</h4>
–<ol> <li>Find a Job</li>
–<li>Get Money</li>
–<li>Move Out</li>
–</ol>
•
•HTML Unordered Lists
•Create
a bulleted list with the <ul> tag. The bullet itself comes in three
flavors: squares, discs, and circles. The default bullet displayed by most web
browsers is the traditional full disc.
•HTML Code:
•<h4
align="center">Shopping List</h4>
•<ul>
<li>Milk</li>
•<li>Toilet
Paper</li>
•<li>Cereal</li>
•<li>Bread</li>
•</ul>
•HTML Definition Term Lists
•Make definition lists as seen in dictionaries
using the <dl> tag. These lists displace the term word just above the
definition itself for a unique look. It's wise to bold the terms to displace
them further.
–<dl> - defines the start of the list
–<dt> - definition term
–<dd> - defining definition
•HTML Code:
•<dl>
<dt><b>Fromage</b>
•</dt>
<dd>French
word for cheese.</dd> <dt><b>Voiture</b></dt>
•<dd>French
word for car.</dd>
•</dl>
•
0 comments:
Post a Comment