Just Another Place 2 Share


Belajar Bikin Website Yuk? [2] - Beginner

29 Oct 2011

Sebelumnya kita dah mengenal hal paling dasar dalam membuat website di postingan sebelumnya Belajar Bikin Website Yuk? [1] - Beginner. Sekarang kita akan mengenal tag-tag html lebih banyak lagi.

Pertama kita akan belajar cara membuat list atau daftar. Contohnya kita akan membuat daftar buah sbb :

  1. mangga
  2. pisang
  3. jambu

Daftar diatas disebut ordered list karena menggunakan angka (nomor) sebagai urutan list. Tag yang akan digunakan adalah<ol></ol> dan <li></li>. Cara menuliskannya adalah sbb :

<ol>
<li>mangga</li>
<li>pisang</li>
<li>jambu</li>
</ol>

Sekarang bagaimana kalau kita akan membuat daftar tanpa urutan nomor(angka) tapi hanya menggunakan bullet sbb :

  • mangga
  • pisang
  • jambu

Kita hanya perlu mengganti tag <ol></ol> dengan tag <ul></ul> atau disebut juga unordered list. Kodenya sbb :

<ul>
<li>mangga</li>
<li>pisang</li>
<li>jambu</li>
</ul>

Selanjutnya mari kita menggabungkan hasil pelajaran dalam postingan ini dengan postingan sebelumnya dalam sebuah skrip. Buka program Notepad dan ketik kode-kode berikut :

<html>
<head>
<title>Ini kepala website </title>
</head>
<body>
<p>Ini adalah paragraf pertama</p>
<p>Ini adalah paragraf kedua<br />dan ini baris kedua dari paragraf kedua.</p>
<p><img src=gambar1.jpg /></p>
<p>Berikut adalah daftar buah dengan nomor urut:</p>
<ol>
<li>mangga</li>
<li>pisang</li>
<li>jambu</li>
</ol>
<p>Dan berikut adalah daftar buah tanpa nomor urut :</p>
<ul>
<li>mangga</li>
<li>pisang</li>
<li>jambu</li>
</ul>
</body>
</html>

Simpan(save) dan buka di browser. Nah sekarang selain menulis kalimat dan menyisipkan gambar, kamu juga dah bisa membuat list (daftar).

Silahkan lanjut ke tutorial berikutnya Belajar Bikin Website Yuk? [3] untuk belajar membuat Tabel.

Jasa Web Design.


TAGS webdesign Belajar Bikin Website Yuk


-

Search

Latest