MATERI:
Element
OL(ordered list), Element UL(unordered list), Element LI(list item).
ELEMENT OL
(Orderd List)
Element OL
berfungsi untuk membuat nomor daftar urut. Element ini mempunyai attribute
yaitu start, dan type. Attribute start berfungsi untuk memberikan nilai awal
dari daftar urutan, attribute type berfungsi untuk memilih bentuk daftar urutan
yaitu A untuk abjad huruf besar, a untuk abjad huruf kecil, I untuk abjad
romawi besar, i untuk abjad romawi kecil, 1 untuk angka decimal (default:
start="1" type="1" ). Dalam element OL harus terdapat beberapa
element LI.
Sintaks:
<ol
start="number"
type="A"|"a"|"I"|"i"|"1">
........................
</ol>
ELEMENT UL
(Unordered List)
Element UL
berfungsi untuk membuat daftar tanpa nomor urut (dalam format bullet). Element
ini mempunyai attribute yaitu type. Attribute type berfungsi untuk memilih
bentuk bullet yang digunakan. Nilai dari pada attribute type ini adalah
"circle", "square" dan "disc" . Dalam element UL
harus terdapat beberapa element LI.
Sintaks:
<ul
type="circle"|"square"|"disc">
..........................
</ul>
ELEMENT LI
(List Item)
Element LI
merupakan isi dari pada daftar. Element ini harus berada di dalam element OL
atau UL. Element ini mempunyai attribute type dan value. Nilai attribute type
adalah A,a,I,i,1,circle,square,disc dan attribute value berisikan nilai nomor
urutan dari attribute type.
Sintaks:
<li
type="A"|"a"|"I"|"i"|"1"|"circle"|"square"|"disc">
..........................
</li>
Contoh :
1 :
<html>
<head>
<title>Latihan 1</title>
</head>
<body>
Matakuliah
TKJ Semester 1:
<ol>
<li>Bahasa Inggris 1</li>
<li>Matematika 1</li>
<li>Jaringan Komputer 1</li>
<li>Konsep Teknologi
Informasi</li>
<li>Keterampilan Komputer dan
Pengelolaan Informasi</li>
<li>Perangkat Keras
Komputer</li>
<li>Sistem Operasi</li>
</ol>
</body>
</html>
|
Hasil
2.
<html>
<head>
<title>Latihan 2</title>
</head>
<body>
Matakuliah
TKJ Semester 1:
<ol
start="1" type="a">
<li>Bahasa Inggris 1</li>
<li>Matematika 1</li>
<li>Jaringan Komputer 1</li>
<li>Konsep Teknologi Informasi</li>
<li>Keterampilan Komputer dan
Pengelolaan Informasi</li>
<li>Perangkat Keras
Komputer</li>
<li>Sistem Operasi</li>
</ol>
</body>
</html>
|
0 comments :
Post a Comment