Lebih jauh, pengunaan tag ini dapat Anda kombinasikan dengan tag paragraf baru ataupun tag heading. Satu hal perlu
diperhatikan adalah pada kombinasi urutan tag. Tag pembuka yang diketikkan pertama akan memiliki tag penutup yang
disimpan pada urutan terakhir. Perhatikan contoh penulisan tag berikut.
h2iPertamai dan ittTerakhir itth2
Penulisan tag tersebut akan menghasilkan teks, seperti berikut.
Pertama dan
Terakhir
6. Membuat List
Anda juga dapat membuat list tidak berurutan atau yang dikenal dengan bullet list. List ini ditandai dengan tanda titik,
namun ini bergantung web browser Anda. Untuk membuatnya gunakan tag
ul....ul
. Perhatikan contoh berikut.
h2List tidak berurutanh2 ul
liObjek 1 liObjek 2
liObjek 3
ul
Perubahan yang terjadi pada browser
Gambar 4.3
107
Pembuatan Homepage
108
Perhatikan tag
ul
menandakan awal dan akhir list yang dibuat. Adapun tag
li
menandakan list item atau daftar objek.
Untuk membuat list berurutan, dengan penomoran, Anda dapat menggunakan tag
ol....ol
. Perhatikan contoh berikut.
h2List berurutanh2 ol
liObjek 1 liObjek 2
liObjek 3
ol
Jika Anda inginkan, Anda dapat membuat daftar objek dengan kombinasi keduanya. Perhatikan contoh berikut.
bList Kombinasib ul
liObjek 1 liObjek 2
ul li Objek 2.1
ul li Objek 2.1.1
li Objek 2.1.2 ul
li Objek 2.2 li Objek 2.3
ul liObjek 3
ul
Berikut hasil yang akan Anda dapatkan.
Tips Trik
Jika Anda melihat sebuah halaman web
yang menarik dan ingin tahu bagaimana cara
membuatnya. Anda dapat mengetahui bahasa
HTML yang digunakan pada
halaman web tersebut. Bahkan Anda dapat
melakukan perubahan- perubahan dan melihat
perubahan yang Anda lakukan secara offline.
Untuk melakukannya, save halaman web ke komputer
Anda. Kemudian klik kanan pada ikon dokumen
HTML
tersebut dan klik Open withNotepad.
Hasil daftar yang didapatkan
Gambar 4.4
Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XI
7. Memasukkan Gambar ke Halaman Web
Sebelum Anda memasukkan gambar ke dalam halaman web, terdapat beberapa hal yang perlu Anda perhatikan.
- Format gambar yang umum digunakan untuk web adalah
GIF dan JPEGJPG. Kedua format ini melakukan kompresi gambar sehingga ukuran file relatif kecil.
- Usahakan ukuran file gambar tidak lebih dari 100kb.
Sebaiknya hanya sekitar 50kb. -
Tidak semua pengguna memiliki monitor layar besar 21 inci, maka dari itu usahakan ukuran gambar tidak lebih
dari 480x300 pixel. Gambar sebesar ini akan memenuhi layar monitor ukuran 14 inci sehingga pengguna akan
sedikit terganggu.
Kali ini Anda akan mempelajari cara memasukkan gambar yang disisipkan di antara teks. Tag HTML untuk memasukkan
gambar ini adalah sebagai berikut.
img src=”nama ile beserta ekstensinya”
Harus Anda ingat, bahwa ile yang dituju harus berada dalam folder yang sama dengan dokumen HTML Anda. Untuk
itu, buatlah file gambar Anda yang berekstensi JPG atau GIF. Kemudian, cobalah sisipkan gambar pada web Anda.
Perhatikan contoh berikut.
brtali persaudaraan antara teman-temanku dittSMA 48 Bandungtt.
brJika kamu siswa SMA 48 atau memang ingin bibersahabatib denganku,
brsilahkan melihat-lihat homepage pribadiku ini.img src=”friends.jpg.”
p
Save perubahan ini dan lihat perubahan pada browser Anda. Jika tag yang Anda masukkan sesuai, hasil yang Anda
dapatkan akan seperti berikut ini.
109
Pembuatan Homepage
