-- seperti tulisan lain, tulisan ini pun dapat anda copy, edit dan sebarkan sesuka anda --
Ternyata, membuat website tidak susah ya.... Dan bisa pakai notepad lagi.
Pada tulisan sebelumnya telah diperkenalkan tag untuk membuat judul dan paragraf.
Apa cuma begitu saja....?. Tentu tidak, selanjutnya kita akan mengenal lebih banyak tag html. Yang perlu diperhatikan adalah tidak ada seorang pun yang mahir membuat web hanya dengan membaca tutorial html ini. Yang terpenting adalah berlatih dan membuat web sendiri berdasarkan apa yang sudah anda pelajari. Jadi lekas bangun, cuci muka dan berlatih membuat web dengan kreatifitas!!!!
Beberapa tag html (lagi)
Ketiga tag membuat list <ul>, <ol> dan <li>. Tag <ul> digunakan untuk mendefinisikan bahwa kita akan membuat list bullet. Dan tentunya tag <ul> memiliki tag penutup </ul>. Sedangkan tag <ol> digunakan untuk mendefinisikan bahwa kita akan membuat list numbering. Dan tentunya tag <ol> memiliki tag penutup </ol>. Dan tag <li> digunakan untuk membuat listnya. Tag ini pun memiliki tag penutup </li>.
Perhatikan contoh membuat list bullet berikut ini. Saya hanya akan memberikan contoh tag list langsung, anda harus menempatkan kode2 ini kedalam tag body seperti pada coba2.htm.
<ul>
<li>List 1</li>
<li>List 2</li>
</ul>
<ol>
<li>Numbering 1</li>
<li>Numbering 2</li>
</ol>
Ketik pada notepad dan simpan dengan nama coba3.htm (letakkan satu folder dengan file latihan yang lain). Selanjutnya buka dengan IE, maka hasilnya kurang lebih seperti berikut,
Keempat tag untuk menampilkan gambar, <img>. Dengan format <img src="(url gambar)" alt="(text alternatif jika gambar tdk ada)" />. Tag <img> merupakan tag tunggal sehingga tidak memiliki penutup. URL gambar adalah nama dan alamat dari gambar yang akan ditampilkan. URL bisa merupakan nama dan alamat lengkap gambar misalkan http://khasanahilmu.110mb.com/images/khasanah.png, atau jika gambar tersebut satu folder dengan file html maka cukup dituliskan namanya saja.
Untuk belajar tag <img>, anda tentunya harus memiliki gambar terlebih dahulu. Anda bisa download gambar logo khasanah ilmu di bawah, simpan di folder yang sama dengan folder latihan dan beri nama "khasanah.png".
Setelah itu ketikkan kode latihan berikut ini,
<img src="khasanahilmu.png" alt="khasanah ilmu" />
<img src="khasanah.png" alt="khasanah ilmu" />
Maka hasil di IE kurang lebih seperti berikut,
Bersambung.....
