Pengenalan HTML
2.2.2. Paragraf
Informasi yang disajikan dalam dokumen harus mengikuti kaidah dalam penulisan.
Misalnya satu pikiran utama disimpan dalam satu paragraf. Setiap paragraf harus dimulai
dengan memberi tag <p> dan di akhir paragraf ditulis </p>.
Note : terdapat pengecualian beberapa tag yang tidak berpasangan seperti <br> untuk ganti
baris dan <hr> untuk garis horizontal. Tag ini dikenal juga dengan sebutan self closting tag
atau void tag.
3.1. Font
Font pada HTML sebvenarnya sudah dianjurkan tidak dipakai lagi oleh W3C, dan
sebagai gantinya digunakan CSS (Cascading Style Sheet). Dalam font HTML kita dapat
gunakan berbagai macam ukuran dan berbagai macam jenis font (tergantung yang tersedia di
komputer).
Tabel 3.1 Tipe Tag Font
Tipe Fungsi Tipe Fungsi
b Huruf ditebalkan sub Menampilkan teks subscript
u Huruf diberi garis bawah sup Menampilkan teks superscript
i Huruf dimiringkan face Jenis font
strong Menampilkan teks yang penting size Ukuran font
3.2. Color
Selain ukuran dan jenis tulisan, font HTML dapat pula dibuat warna latar belakang
maupun gambar latar belakang dengan menggunakan tag bgcolor dan background yang dapat
disisipkan pada tag body. Pewarnaan pada font HTML selain menggunakan tipe warna red,
green, yellow, orange dan sebagainya, bisa juga menggunakan bilangan hexadesimal.
3.3. Alignment
Menata susunan kaliamat pada halaman web dengan text alignment sangatlah mudah.
Cukup dengan mengatur dan menempatkan tag <p align=”#”>. Simbol “#” adalah jenis
pengaturan yang hendak digunakan, yakni left (rata kiri), right (rata kanan), center (tengah),
dan justify (rata kiri-kanan). Format default jika align tidak digunakan adalah rata kiri.
3.4. Hyperlink
Kelebihan utama dari dokumen HTML adalah kemampuannya untuk memberikan
link dari satu teks dan/atau gambar menuju ke dokumen atau bagian lain dalam suatu
dokumen. Browser web akan menyorot teks atau gambar yang diidentifikasi sebagai link
dengan warna dan/atau garis bawah untuk menunjukkan bahwa itu adalah hyperteks link
(sering disingkat hyperlink atau link).
Ada 4 jenis hyperlink, yaitu :
a. Link Absolut
Dibuat apabila ingin me-link pada web page lain yang berada pada website lain di
internet. Sebagai catatan, anda harus menuliskan alamat lengkap dari website yang dituju.
b. Link Relatif
Dibuat apabila ingin me-link dari page anda ke page lain pada website yang sama.
c. Link ke Email
Dibuat apabila ingin mengirimkan email.
d. Link pada Dokumen yang sama
Dibuat apabila dokumen panjang, sehingga apabila ditampilkan dalam window
browser web akan mengharuskan kita melakukan scroll layar berulang-ulang. Untuk
memudahkan, dapat dibuat link antar bagian halaman web.
4. Multimedia
4.1. Image
Gambar di dalam suatu halaman web merupakan daya tarik bagi pengunjung suatu
website agar pengunjung mau membaca isi/informasi yang ada di dalam website tersebut.
Umumnya browser web dapat menampilkan inline image, yaitu gambar yang disajikan
bersamaan dengan teks yang mempunyai format Xbitmap (XBM), GIF, JPEG, atau PNG.
Setiap gambar akan membutuhkan waktu tambahan untuk di-download dan akan sedikit
memperlambat awal penampilan suatu dokumen dalam browser web. Oleh karena itu hati-hati
dalam memilih gambar dan menyertakannya dalam dokumen HTML.
4.2. Sound
Kita dapat menggunakan suatu audio pada halaman web yang akan kita buat dengan
menggunakan tag <audio>.....</audio>. Jenis audio yang di-support oleh elemen audio pada
HTML ini adalah mp3, ogg, dan wav.
4.3. Video
Tag <video> pada HTML digunakan untuk merujuk sumber file video, sehingga
dapat diputar pada halaamn web. Dalam merujuk sumber file video, digunakan attribute src
yang menunjukkan source (sumber) yang mengarah pada link file video tersebut berada. Jenis
video yang di-support oleh HTML adalah mp4, ogg theora, dan webM. Namun, jenis video
ini tergantung dari jenis browser web yang men-support-nya juga, seperti browser Chrome,
Mozilla Firefox dan Opera yang men-support ke-3 jenis file video ini.
5. Table
5.1. Table
Tabel digunakan untuk menyajikan data dalam bentuk kolom dan baris. Umumnya
setiap kolom menunjukkan data yang sejenis dan setiap baris terdiri atas kelompok data dalam
satu kesatuan.
Jumlah kolom dan baris dapat ditentukan sesuai kebutuhan. Dalam HTML dapat
dibuat border tabel dengan berbagai macam ketebalan, kemudian dapat pula dibuat kolom
gabungan ataupun baris gabungan dengan menggunakan collspan atau rowspan. Selain itu
antara data dalam tabel dapat pula diatur jarak yang dinginkan dengan menggunakan
cellpadding atau cellspacing.
10 | P e l a t i h a n W e b A b d i m a s