- Chapter 1: Cara Membuat Tulisan Bold, Italic, Larger, smaller, dan Struktur Dokumen Pada HTML.
- Chapter 2: Cara Membuat Headings (h1,h2,h3) dan Horizontal Ruled Lines Pada HTML.
- Chapter 3: Cara Membuat paragraph, Align Attribute, Line Break, dan Preformatted Text Pada HTML.
- Chapter 4: Cara Membuat Center Tag dan Body Attributes Pada HTML
- Chapter 5: Penulisan Font dan Text color di HTML
- Chapter 6: Cara Membuat Tag Links dan Images Pada HTML
 |
| Cara Membuat List Tulisan Pada HTML |
Membuat List Tak Berurutan (The Unordered List)
List ini adalah yang pertama dari tiga jenis list yang ada. Ini mungkin list yang paling umum yang akan Anda gunakan.
Contoh List Tak berurutan...
- Kambing
- Kerbau
- Curut
- Sapi
- Jerapah
<ul> <li>Kambing</li> <li>Kerbau</li> <li>Curut</li> <li>Sapi</li> <li>Jerapah</li> </ul>Kode <ul> adalah tag pembuka dari Unordered List. Oleh karena itu, diperlukan tag penutup untuk ul tersebut, tag penutupnya adalah </ul>. Di antara kedua tag ul tersebut Anda bisa menempatkan berbagai macam item atau yang sering disebut juga dengan LIST ITEMS, Tag li tersebut memiliki tag pembuka <li>, dan tag penutup </li>. Tidak ada batasan untuk jumlah list item yang ingin Anda masukkan dalam satu ul.
Membuat List berurutan (The ORDERED LIST)
List berurutan ini sering disebut juga dengan Numbered List, strukturnya hampir sama dengan Unordered List, Namun dalam Ordered List ini terdapat angka yang berurutan di List Item. List ini memiliki tag pembuka <ol> dan tag penutup </ol>. List Items <li> dalam Orederd List masih menggunakan tag yang sama.
Contoh Ordered List...
- Kambing
- Kerbau
- Curut
- Sapi
- Jerapah
<ol> <li>Kambing</li> <li>Kerbau</li> <li>Curut</li> <li>Sapi</li> <li>Jerapah</li> </ol>
Membuat List Definisi (The Definition List)
Jenis list ini memang sedikit lebih rumit, tapi masih sangat mudah digunakan. List ini dimulai dengan tag <dl> dan ditutup dengan tag </dl>. List jenis ini juga memiliki tag lain yang dikenal sebagai <dt> untuk Definition Term, dan <dd> untuk Definition Definition. Kedua tag tersebut tidak perlu tag penutup.
Contoh Definition List...
- HTML
- Bahasa Dasar pemrograman suatu Web.
- CSS
- Bahasa pemrograman untuk mengatur struktur web, memperindah web, dsb.
- Jquery
- Salah satu library yang berada pada javascript yang digunakan untuk mempermudah pembuatan web.
Nah dibawah ini adalah kode HTML untuk pembuatan list tersebut...
<dl> <dt>HTML <dd>Bahasa Dasar pemrograman suatu Web. <dt>CSS <dd>Bahasa pemrograman untuk mengatur struktur web, memperindah web, dsb. <dt>Jquery <dd>Salah satu library yang berada pada javascript yang digunakan untuk mempermudah pembuatan web. </dl>