BAB VI
LIST
Tag List dalam dokumen HTML terdiri dari beberapa macam, diantaranya :
§ List dengan nomor (ordered list)
<ol type=”I|i|A|a|1”>
<li> ... </li>
<li> ... </li>
dst
</ol>
<menu>
<li> ……</li>
<li> …… </li>
</menu>
<dl>
<dt> ... </dt>
<dd> .............. </dd>
<dt> ... </dt>
<dd>..............</dd>
</dl>
S1 Teknik Informatika
1
Modul Pemrograman Web 1
Latihan 1
<html>
<head><title>Using List</title></head>
<body>
<font size="5">Common Foods of the French
Quarter</font><br>
You can visit <font size="+1">New Orleans</font> and
have a
great time without ever leaving
the picturesque and partyin’ French Quarter area,
particularly if you partake of some of these
fabulous local foods:
<ul>
<li><font color="magenta">Beignets</font> - small deep-
fried
donuts in powdered sugar. Best with
a steaming fresh <font size="+2">cup of
coffee</font>.</li>
<li><font color="GREEN">Seafood Gumbo</font> - a stew-
like
soup that’s delicious.
Typically served with a side of white rice
that’s best dumped into the soup directly. Skip the
chicken gumbo some
places serve too: the seafood is definitely
better!</li>
<li><font color="ORANGE" size="+2">Jambalaya</font> -
the best
of all possible dinners. You’ll just have
to order it so you can find out what it’s about.</li>
<li><font size="5" color="BLUE">alcohol</font> - it’s
the
grease on the wheels of the tourist experience in the
French Quarter, but I’m not convinced it’s as necessary
for a good time as the bars suggest... </li>
</ul>
Whatever you do, make sure you have <font
size="+1">F</font><font size="+2">U</font>
<font size="+3">N</font>!
<dl>
<dt>Komputer</dt>
<dd>
Komputer adalah seperangkat alat elektornik yang
bekerja
secara otomatis mempunyai internal storage dan untuk
melakukan poses data</dd>
<dt>Software</dt>
S1 Teknik Informatika
2
Modul Pemrograman Web 1
Latihan 2
<html>
<head>
<title>The Cool Web Movie Database</title>
</head>
<body>
<font color="navy" size=4>Welcome to the Cool Web Movie
Database.</font><br>
So far we offer information on the many brilliant films
of David Lean: soon, a lot more will be online.
<ol type="A">
<li>Films with Sam Spiegel Productions</li>
<li>The Bridge on the River Kwai (1957)</li>
<li>Lawrence of Arabia (1962)</li>
<li>The Later Years</li>
<li>Doctor Zhivago (1965)</li>
<li>Ryan’s Daughter (1970)</li>
</ol>
<blockquote>
This information maintained by Dave Taylor
</blockquote>
The ingredients:
<ul type="circle">
<li>100 g. flour</li>
<li>10 g. sugar</li>
<li>1 cup water</li>
<li>2 eggs</li>
<li>salt, pepper</li>
</ul>
The procedure:
<ol type="1">
<li>Mix dry ingredients thoroughly.</li>
<li>Pour in wet ingredients.</li>
<li>Mix for 10 minutes.</li>
<li>Bake for one hour at 300 degrees.</li>
</ol>
</body>
</html>
S1 Teknik Informatika
3
Modul Pemrograman Web 1
Latihan 3
S1 Teknik Informatika
4