1.Membuat List
<html>
<body>
BAB 1 dengan UL
<ul>
<li>hello</li>
<li>hello</li>
<li>hello</li>
</ul>
BAB 2 dengan OL
<ol>
<li>hai</li>
<li>hai</li>
<li>hai</li>
</ol>
</body>
</html>
Ket.
- tag <ul> adalah unorderlist digunakan untuk membuat list berupa bullets
- tag <ol> adalah orderlist digunakan untuk membuat list berupa number
- tag<li> sebagai isi
2. List dengan atribut
<html>
<body>
Klarifikasi Hewan dengan UL Circle
<UL type="circle">
<li>mamalia</li>
<li>reptil</li>
<li>amfibi</li>
</UL>
Klarifikasi Hewan dengan UL Square
<UL type="square">
<li>mamalia</li>
<li>reptil</li>
<li>amfibi</li>
</UL>
Klarifikasi Hewan dengan UL Disc
<UL type="disc">
<li>mamalia</li>
<li>reptil</li>
<li>amfibi</li>
</UL>
Klarifikasi Hewan dengan OL type "a"
<OL type="a" start="1">
<li>mamalia</li>
<li>reptil</li>
<li>amfibi</li>
</OL>
Klarifikasi Hewan dengan OL type "A"
<OL type="A" start="4">
<li>mamalia</li>
<li>reptil</li>
<li>amfibi</li>
</OL>
Klarifikasi Hewan dengan OL type romawi "i"
<OL type="i" start="8">
<li>mamalia</li>
<li>reptil</li>
<li>amfibi</li>
</OL>
Klarifikasi Hewan dengan OL type romawi "I"
<OL type="I" start="12">
<li>mamalia</li>
<li>reptil</li>
<li>amfibi</li>
</OL>
Klarifikasi Hewan dengan OL type angka "1"
<OL type="1" start="16">
<li>mamalia</li>
<li>reptil</li>
<li>amfibi</li>
</OL>
</body>
</html>
ket.
- atribut pada tag <ul> hanya type dan berisi square(kotak), circle(lingkaran), disc (bulat penuh)
- atribut pada tag <ol> bertype type(type number apa yang akan kita pakai) dan start(dari angka berapa kita akan mulai)
3. Link and Hyperlink
<html>
<body>
Hyperlink ke halaman web <br/>
<a href = "Biodata.html"> Go to Biodata </a><br/><br/>
Link ke email<br/>
<a href = "mailto:m.rhyadh@gmail.com">
Send a email
</a><br/><br/>
Situs web<br/>
<a href = "http://www.google.com">Go to Google </a><br/><br/>
</body>
</html>
Tidak ada komentar:
Posting Komentar