Cara Menampilkan Daftar Item / List
Tag HTML :
List 1
<html>
<head>
<title> Contoh Pemakaian Tag UL </title>
</head>
<body>
<h2> Aneka Buah Yang Segar : </h2>
<ul>
<li>Anggur</li>
<li>Mangga</li>
<li>Apel</li>
<li>Jeruk</li>
<li>Pisang</li>
</ul>
</body>
</html>
Hasilnya :
List 2
<html>
<head>
<title> Contoh Pemakaian Tag OL </title>
</head>
<body>
<h2> Aneka Buah Yang Segar : </h2>
<ol type="1">
<li>Anggur</li>
<li>Mangga</li>
<li>Apel</li>
<li>Jeruk</li>
<li>Pisang</li>
</ol>
<h2> Aneka Buah Yang Segar : </h2>
<ol type="a">
<li>Anggur</li>
<li>Mangga</li>
<li>Apel</li>
<li>Jeruk</li>
<li>Pisang</li>
</ol>
</body>
</html>
Tag HTML :
Gambar1
<html>
<body bgcolor="cian">
<a href="Album.htm">album</a>
<p><font size="6" color="red" face="jokerman">gambar1</font></p><br>
<img src="ahai.jpg"width="300"height="400"><br><br>
<a href="gambar1.htm">previous</a>
<a href="gambar3.htm">next</a>
</body>
</html>
<body bgcolor="cian">
<a href="Album.htm">album</a>
<p><font size="6" color="red" face="jokerman">gambar1</font></p><br>
<img src="ahai.jpg"width="300"height="400"><br><br>
<a href="gambar1.htm">previous</a>
<a href="gambar3.htm">next</a>
</body>
</html>
Gambar2
<html>
<body bgcolor="cian">
<a href="Album.htm">album</a>
<p><font size="6" color="red" face="jokerman">gambar2</font></p><br>
<img src="garuda.jpg"width="300"height="400"><br><br>
<a href="gambar1.htm">previous</a>
<a href="gambar3.htm">next</a>
</body>
</html>
Gambar3
<html>
<body bgcolor="cian">
<a href="Album.htm">album</a>
<p><font size="6" color="red" face="jokerman">gambar3</font></p><br>
<img src="uin.jpg"width="300"height="400"><br><br>
<a href="gambar2.htm">previous</a>
<a href="gambar4.htm">next</a>
</body>
</html>
<body bgcolor="cian">
<a href="Album.htm">album</a>
<p><font size="6" color="red" face="jokerman">gambar3</font></p><br>
<img src="uin.jpg"width="300"height="400"><br><br>
<a href="gambar2.htm">previous</a>
<a href="gambar4.htm">next</a>
</body>
</html>
Gambar4
<html>
<body bgcolor="cian">
<a href="Album.htm">album</a>
<p><font size="6" color="red" face="jokerman">gambar4</font></p><br>
<img src="riau.jpg"width="300"height="400"><br><br>
<a href="gambar3.htm">previous</a>
<a href="gambar1.htm">next</a>
</body>
</html>
<body bgcolor="cian">
<a href="Album.htm">album</a>
<p><font size="6" color="red" face="jokerman">gambar4</font></p><br>
<img src="riau.jpg"width="300"height="400"><br><br>
<a href="gambar3.htm">previous</a>
<a href="gambar1.htm">next</a>
</body>
</html>
Keterangan :
Untuk materi tag ini, file gambar harus sesuai dengan file yang aslinya dan jangan lupa membuat ekstensinya. Berhubung dalam tag ini, file gambar yg saya posting hilang dari data saya, jadi hasilnya tidak bisa saya ditampilkan. Tapi kawan2 tenang aja, kalau kawan2 betul mengetik tag htmlnya, insyaallah kerja kawan2 akan sukses.
0 komentar:
Posting Komentar
Berikan Komentar...!!!