Belajar membuatan list dalam HTML
Sebelumnya di halaman Web saya yang sebelumnya kita telah
mempelajari tentang dasar-dasar dalam text HTML ( Hyper Text Markup Language )
Sekarang kita akan belajar mengenai Pemformatan text paragraf dan juga List
atau yang sering kita dengan dengan istilah Daftar
Pemformatan
Paragrap
Tag HTML untuk paragrap adalah <p>, dengan tag penutup </p>.
Berikut ini contohnya :
<p> ini adalah paragrap </p>
<p> ini paragrap yang lain </p>
List
1.Pengertian List
List adalah bagian teks di dalam dokumen yang berisi
daftar item dari suatu kelompok atau grup tertentu. Sebagai contoh, dalam situs
web yang bertema kuliner, list dapat berupa daftar dari makanan dan minuman,
beserta harganya. List dapat juga berupa prosedur (urutan langkah-langkah) dari
suatu pekerjaan tertentu, yang sifatnya harus dilakukan secara berurutan dari
langkah pertama sampai langkah terakhir.
Contoh List :
Daftar Makanan di Menu :
·
Bakso
·
Nasi Goreng
·
Martabak
Daftar Minuman di Menu :
1. Teh
2. Susu
3. Es Jeruk
2) Tipe Daftar
dalam Dokumen HTML Dalam dokumen HTML,
tipe daftar dibedakan menjadi tiga, yaitu :
1.
Daftar
berurutan (ordered list)
2.
Daftar tidak
berututan (unordered list)
3.
Daftar definisi
(definition list)
3) Daftar Berurutan (Ordered List)
Daftar yang berurutan biasanya ditandai dengan penggunaan
penomoran tertentu. Penomoran ini bias menggunakan angka (1, 2, 3,…) maupun
karakter alphabet terntentu (a, b, c,… atau i, ii, iii,…). Daftar yang
berurutan umumnya dipakai untuk item-item yang saling berhubungan satu sama
lain, atau untuk menuliskan langkah-langkah atau prosedur dari kegiatan
terntentu yang tidak dapat dilakukan secara acak.
Contoh : Langkah-langkah membuat dokumen HTML :
1. Jalankan aplikasi Text Editor
2. Isikan kode HTML ke dalam Text Editor
3. Simpan file dengan ekstension .htm atau .html
4. Jalankan file HTML menggunakan aplikasi Web browser
untuk menampilkan hasilnya
Untuk membuat suatu daftar yang berurutan dalam dokumen
HTML, digunakan tag <ol> (ordered list), yang berpasangan dengan tag
</ol>. Tag <ol> digunakan untuk memulai suatu daftar berurutan
tertentu, sedangkan </ol> berfungsi untuk menandakan bahwa daftar
tersebut sudah berakhir.
Masing-masing item di dalam daftar harus dibuat
menggunakan tag <li> (list item, yang kemudian perlu ditutup dengan tag
</li>. Contoh penulisan adalah sebagai berikut :
<ol>
<li>Urutan Pertama</li>
<li>Urutan Kedua</li>
</ol>
Adapun atribut untuk tag <ol> adalah “type” yang
menunjukan jenis penomorannnya. Secara standart, tipenya adalah menggunakan
penomoran 1, 2, 3, 4 dst.
Selain tipe default, tipe lain yang dapat digunakan untuk
keperluan penomoran dalam suatu list adalah :
4) Daftar Tidak Berurutan (Unordered List)
Daftar yang tidak berurutan adalah daftar yang
item-itemnya dapat diubah posisinya secara acak. Daftar seperti ni tidak
menggunakan penomoran seperti di atas, melainkan hanya dengan menggunakan tanda
atau symbol tertentu, misalnya gambar kotak atau bulat (bullet).
Contoh :
Daftar buah :
·
Mangga
·
Jambu
·
Semangka
·
Rambutan
·
Jeruk
Pada contoh di atas, kita dapat
mengubah/mengacak secara bebas urutan dari masing-masing item yang ada. Hal ini
disebabkan karena setiap item yang ada tidak memiliki keterkaitan satu sama
lain dengan item lainnya, berbeda dengan suatu urutan langkah tertentu yang
harus ditulis secara berurutan.
Untuk membuat suatu daftar yang tidak berurutan dalam
dokumen HTML, digunakan tag <ul> (unordered list), yang berpasangan
dengan tag </ul>. Tag <ul> digunakan untuk memulai suatu daftar
berurutan tertentu, sedangkan </ul> berfungsi untuk menandakan bahwa
daftar tersebut sudah berakhir.
Masing-masing item di dalam daftar harus dibuat
menggunakan tag <li> (list item, yang kemudian perlu ditutup dengan tag
</li>. Contoh penulisan adalah sebagai berikut :
<ul>
<li>Item satu</li>
<li>Item dua</li>
</ul>
Adapun atribut
untuk tag <ul> adalah “type” yang menunjukan jenis tanda untuk setiap
item berupa tanda bulatan untuk defaultnya.
Selain tipe default, tipe lain yang dapat digunakan untuk
keperluan unordered list adalah :
5) Daftar
Definisi (Definition List)
Daftar
Definisi adalah suatu daftar yang berisi kumpulan definisi dari suatu istilah
tertentu, misalnya daftar definisi istilah HTML. Contoh :
HTML
Hyper Text Mark-up Language
WWW
World Wide Web
Browser
Aplikasi untuk membuka dokumen
html/situs web.
Untuk
mempelajari lebih lanjut kembali anda bisa melihat di halaman website saya
berikutnya yaitu tentang cara membuat tabel dalam HTML dan
kombinasi-kombinasinya ,anda dapat Meng-klik tulisan disamping untuk membuka
halaman tsb : Belajar Membuat Tabel di dalam HTML.
Anda dapat juga mendownload materi tentang pemrograman web yang lengkap melalui
E-book yang saya sediakan ,dengan cara Klik disini
Sekian Terimakasih , Semoga Membantu Bagi yang
Membutuhkan
Komentar
Posting Komentar