Home / script / BELAJAR HTML (dasar 6)

BELAJAR HTML (dasar 6)

HTML List

Anak Pak Raden :
  • Budi
  • Wati
  • Joni
Urutan anak Pak Raden :
  1. Budi
  2. Wati
  3. Joni

Dengan HTML <ul> "unordered list" dan <ol> "ordered list" anda bisa membuat daftar seperti di atas.

Berikut adalah kode dari tampilan di atas :
<p>Anak Pak Raden :</p>
<ul>
<li>Budi</li>
<li>Wati</li>
<li>Joni</li>
</ul>

<p>Urutan anak Pak Raden :</p>
<ol>
<li>Budi</li>
<li>Wati</li>
<li>Joni</li>
</ol>

Unordered List :

  • Unordered list dimulai dengan tag <ul>
  • Setiap item di dalam <ul> dimulai dengan <li>

Ordered List :

  • Unordered list dimulai dengan tag <ol>
  • Setiap item di dalam <ol> dimulai dengan <li>

Definition List

Definition List adalah sebuah list yang terdapat deskripsi pada setiap item-nya.
Tag <dd> adalah tag dari definition List dengan tag <dt> sebagai deskripsi itemnya.

<dl>
<dt>Wati</dt>
<dd>- Wati berasal dari Jakarta</dd>
<dt>Budi</dt>
<dd>- Budi berasal dari Surabaya</dd>
<dt>Joni</dt>
<dd>- Joni berasal dari Medan</dd>
</dl>
Pada setiap item yang ada anda bisa menambahkan line break, text format, gambar, dsb.
 

HTML Attribute

  • Elemen HTML bisa memiliki atribut di dalamnya.
  • Atribut memberikan informasi tambahan terhadap sebuah elemen.
  • Atribut selalu ditempatkan di tag pembuka sebuah elemen.
  • Atribut berisi nama dan nilai di dalamnya mis: color="red".

Contoh Attribute


  kita lihat contoh berikut :
Paragraf 1
Paragraf 2
Paragraf 3
Seperti anda lihat, teks paragraf di atas memiliki posisi yang berbeda-beda, hal itu terjadi karena penambahan attribut ke dalam tag <p>

<p align="right">Paragraf 1</p>
<p align="center">Paragraf 2</p>
<p align="left">Paragraf 3</p>

Selalu isikan nilai atribut dengan tanda petik


Nilai dari atribut harus selalu di isikan dengan tanda petik, mis align="center".

Memakai tanda satu petik ' maupun tanda dua petik " tidaklah bermasalah

Gunakan lowercase dalam menulis attribut

Menuliskan attribut dengan huruf besar maupun kecil bukanlah masalah, namun World Wide Web Consorsium menganjurkan untuk menuliskan attribut pada HTML 4.0.
Versi terbaru dari (X)HTML mengharuskan anda untuk menuliskan attribut dengan huruf kecil.
 

BELAJAR HTML (dasar 6) Rating: 4.5 Diposkan Oleh: as