Make List In HTML Programming
LIST
In HTML support list too, there are numbered list, unumbered list and definition list.
1. Numbered list.
To make numbered list started width <ol>tag and ended </ol>. Between <ol></ol> you must use <li> to add the new list.The basic like this<ol><li>Your list<li>Your list2</ol>.
You can change type list width TYPE atribut like a,A,i,or I.Example : <ol type="a">
Example:
2. Unumbered List/Bullet list.
To make a bullet list its same as you make a numbered list, you just change the <ol>tag with <ul>. The value of TYPE attribute is square, circle, and disk.
Example :
3. Definistion list
A definition list (coded as <dl>) usually consists of alternating a definition term (coded as <dt>) and a definition definition (coded as <dd>). Web browsers generally format the definition on a new line.
Example:
To be continued
In HTML support list too, there are numbered list, unumbered list and definition list.
1. Numbered list.
To make numbered list started width <ol>tag and ended </ol>. Between <ol></ol> you must use <li> to add the new list.The basic like this<ol><li>Your list<li>Your list2</ol>.
You can change type list width TYPE atribut like a,A,i,or I.Example : <ol type="a">
Example:
<html>
<head><title>My HOBBY</title>
</head>
<body>
My Hoby is :
<ol>
<li>Eat
<li>Drink
<li>Sleep
</ol>
</body>
</html>
<head><title>My HOBBY</title>
</head>
<body>
My Hoby is :
<ol>
<li>Eat
<li>Drink
<li>Sleep
</ol>
</body>
</html>
2. Unumbered List/Bullet list.
To make a bullet list its same as you make a numbered list, you just change the <ol>tag with <ul>. The value of TYPE attribute is square, circle, and disk.
Example :
<html>
<head><title>My HOBBY</title></head>
<body>
My Hoby is :
<ul type="square">
<li>Eat
<li>Drink
<li>Sleep
</ul>
</body>
</html>
<head><title>My HOBBY</title></head>
<body>
My Hoby is :
<ul type="square">
<li>Eat
<li>Drink
<li>Sleep
</ul>
</body>
</html>
3. Definistion list
A definition list (coded as <dl>) usually consists of alternating a definition term (coded as <dt>) and a definition definition (coded as <dd>). Web browsers generally format the definition on a new line.
Example:
<html>
<head><title>DEFINITION LIST</title></head>
<body>
<dl>
<dt>HTML
<dd>HTML is Hyperttext Markup Language... bla..bla..bla....
<dt>PHP
<dd>PHP is Bla..bla..bla..
</dl>
</body>
</html>
<head><title>DEFINITION LIST</title></head>
<body>
<dl>
<dt>HTML
<dd>HTML is Hyperttext Markup Language... bla..bla..bla....
<dt>PHP
<dd>PHP is Bla..bla..bla..
</dl>
</body>
</html>
To be continued
posted by Innan Mei Setiyono at 8:34 AM
0 Comments:
Post a Comment
<< Home