Zmsl?$'&@JJ"]IkwX丝Ls$,Y "N9w<}Ϳ~`G ==y%vD: <LN=o6WfchuirֵnfJL"{#fv51]aGy lo&,QYµp i>'>^w]wqJI5\_}rZFJ8gQ㛽Sm(ɘ 1gM+'4[mV ?ROHh!p~f1eeT^b_:0<Àe 0QL41SF[Myb#O,r3, 3旣hC jh\JƩҙLVkbp(XA҈"$U\Wi8Y Hf&T*B5~yx#FL`efKpɵBq:SJWcgrPg߼cCIC ljK:@}lѿ%}/N)W"[g}.fpJk4PKtqvKoJN,^b9d@UU@66 <Ա!(,rрLBOd@9)sA=pWy'aa 12%Q@aPMZKؽZ ‹b>Y0<ǜpԤ"5C7Q(H?#5P Q+z5Rf72N鐩T] +@/uD,oܶ2DNrmy5??w;D!9%[D[< 7x98?N+{]]Փfka7Rwͷ Scv#QO[&b ^ˎTȕe8R$@/>%ԓ 5Q^bQ@DJ|s{:.9]P ;!i :CЪj u:lzB:T#=B ^qnSO6(ZO=UNc}ȅ`A"FbD>ۈts¹NLOS${GC 5<Um#ɕ*¯ 0J"  tRf4h.s:c*]dQ .2d%G& f&JY9[;5؝S^nda.tH)|q(21 NNW\CdS见#(m4Q!Ua` uYEp6+bg΢f;uJOJ7<{U9lG_)#b =z`lLmq/<SN a;`j9h JR+Jf]Mkb- (}*JԀ iO\n&m1(f#>Qyr'Vm 1t J"ez(B mq9vc"Y!Q1j9"D|?\gf#$.׬Ok^U5C)P $e*̅yT%iwIAP){Sg5-5Q0>̵ʯ(pB"s_"px46mz\|}-Nil )d }"7#(*k!cC\D`-J`ͥ4։RfP'WJ1 ^to'+v WnRYo0TN":TX{%c0_;l_! [=u`*ª#MKy eNX֙1v rc7v8+%XB~qc+ԸV Js8\l1@Z f n:QGA7Uxͧ sGle9Y06 Lq_ 5O(/ oS.ַg?ǿ9h9Rqz|z@J׈#4Jׇiz}N@7 G?p1mu{OdlS"Ґi-96

Introduction To HTML

` Untitled Document

Lists in HTML

HTML Lists

The most common HTML lists are ordered and unordered lists:

AN ORDERD LIST:

  1. The first list item
  2. The second list item
  3. The third list item

AN UNORDERD LIST:

  • List item
  • List item
  • List item

Unordered Lists

An unordered list starts with the <ul> tag. Each list item starts with the <li> tag. The list items are marked with bullets (typically small black circles)

Example

<html>

<body>

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

</body>

</html>

Output:

  • Coffee
  • Milk

Ordered Lists

An ordered list starts with the <ol> tag. Each list item starts with the <li> tag. The list items are marked with numbers.

Example:

<html>

<body>

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

</body>

</html>

Output:

  1. Coffee
  2. Milk

HTML Definition Lists

A definition list is a list of items, with a description 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):

<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>

How the HTML code above looks in a browser:

Coffee
- black hot drink
Milk
- white cold drink
 

Tip: Inside a list item you can put text, line breaks, images, links, other lists, etc.


HTML List Tags

Tag Description
<ol> Defines an ordered list
<ul> Defines an unordered list
<li> Defines a list item
<dl> Defines a definition list
<dt> Defines an item in a definition list
<dd> Defines a description of an item in a definition list




W]s8}3~6biH ٤ iw2r-B?~dB jX:WGHWp9D*tqMȗbN㜦+.RrVT#d>7C2&:գV@{c UPrAÛ@ Xk^gYĬo%4yk-8Mc=s)P !z 3Z-)7B!˜Ώ9bO؇r;nia:op* xKV2tXniL-2tnVx>>٩u֞iRsUkWB5ޕU gB E r/+;eO+K_N,1K5yfE"1Z u1[iR4|#M֣kKZ9Z#~%E~wq 3 m:rګ;Oa3 K/y5nD\*J5α߆'`ĿF