Format dokumen

DESAIN WEB STATIS DAN HTML
1. Konsep Dasar dan Teknologi Web 2. Persiapan Pembuatan Web 3. Membuat dan Menguji Halaman Web 4. HTML	5. Struktur Umum File Dengan Bahasa HTML 6. Format Dokumen 7. Penambahan Obyek 8. Tabel dan Link Antar Dokumen

Ada banyak sekali tag html yang tersedia, baik itu berhubungan dengan deskripsi dokumen, atau yang berhubungan dengan format tampilan dokumen. Tidak semuanya akan di-bahas dalam blog ini. Pada bagian berikut ini akan di-ulas beberapa tag yang biasa dipakai dalam format tampilan dokumen.

Heading:
Heading adalah sekumpulan kata yang menjadi judul atau sub-judul dalam sebuah dokumen html. Heading berbeda dengan tag <title>. Html menyediakan enam tingkatan heading, dimana heading level 1 (<h1>) adalah yang terbesar dan heading level 6 (<h6>) adalah yang terkecil. Gambar 13.19 menunjukkan bagaimana penggunaan heading.

Paragraf:
Paragraf dalam html dibuat dengan tag <p>. Tag ini akan membuat baris baru dengan menyisipi satu baris kosong. Penulisan isi paragraf diapit oleh <p> dan </p>. Pengaturan posisi paragraf dapat dilakukan dengan atribut align yang diikuti dengan posisi yang diinginkan, yaitu: left untuk rata kiri, center untuk rata tengah horisontal dan right untuk rata kanan (lihat gambar 13.20).

Line break:
Line break digunakan untuk menuliskan teks pada baris berikutnya. Line break dibuat dengan tag tunggal <br>. Tag ini akan membuat baris baru tanpa memberi baris kosong sebagaimana pada tag <p> (lihat gambar 13.21).

List:
Html menyediakan 3 cara untuk membuat daftar atau list, yaitu:

1. Ordered list:
   Ordered list digunakan untuk membuat daftar dimana setiap bagian memiliki nomor secara berurutan. Ordered list dimulai dengan tag <ol> dan diakhiri dengan tag </ol>, sedangkan setiap bagiannya digunakan tag <li> tanpa tag penutup. Tag ini menggunakan angka sebagai urutan secara default, tapi bisa dirubah dengan merubah nilai atribut 'type'. Nilai-nilai atribut yang diijinkan dapat dilihat pada tabel 13.1.
   
   
   
   
   Contoh penggunaan Ordered list dapat dilihat pada gambar 13.22.
   
   
   
   
   
2. Unordered list:
   Unordered list digunakan untuk membuat daftar yang disajikan tanpa nomor urut, melainkan dengan secara default dengan tanda bulatan utuh (bullet). Tanda ini bisa dirubah dengan merubah nilai atribut 'type' untuk unordered list. Nilai-nilai atribut yang diijinkan dapat dilihat pada tabel 13.1. Unordered list dimulai dengan tag <ul> dan diakhiri dengan tag </ul>, sedangkan setiap bagiannya digunakan tag <li> tanpa tag penutup (lihat contoh pada gambar 13.23).
   
   
   
   
   Tipe lain dari list yang termasuk unordered list adalah 'directory list dan menu list'. Directory list merupakan daftar tak bernomor yang digunakan untuk menangani direktori. Tag yang digunakan adalah <dir>...</dir>. Menu list, umumnya digunakan untuk menu pilihan. Tag yang digunakan adalah <menu>...</menu>. Baik direktori list maupun menu list menghasilkan tampilan yang sama dengan unordered list (gambar 13.24 dan gambar 13.24).
   
   
   
   
   
   
   
   
3. Definition list:
   Definition list membuat daftar definisi mirip seperti tampilan pada kamus, dengan definisi suatu istilah agak menjorok ke kanan. Tiga buah pasang tag yang terkait dengan definition list adalah:
   
   • <dl>...</dl> untuk menyatakan tempat bagi daftar definisi.
   • <dt>...</dt> untuk menyatakan tempat bagi istilah yang akan di-definisikan.
   • <dd>...</dd> untuk menyatakan tempat bagi definisi dari istilah.
   Contoh penggunaan definition list dapat dilihat pada gambar 13.26.
   
   
   

Font:
Html menyediakan fasilitas pengaturan huruf yang akan ditampilkan dalam dokumen. Pengaturan ini dilakukan dengan tag berpasangan <font> dan </font>. Tag ini memiliki beberapa atribut untuk mengatur ukuran, jenis, dan warna huruf yang digunakan.

• Atribut 'size' untuk mengatur ukuran huruf, dimana nilai 1 untuk huruf terkecil dan nilai 7 untuk huruf terbesar.
• Atribut 'face' untuk mengatur jenis huruf yang diinginkan, dimana nilainya berupa string nama font seperti: arial, tahoma dan sebagainya.
• Atribut 'coior' untuk mengatur warna teks yang dikehendaki, dimana nilainya dapat diisi dengan dua cara yaitu dengan menyebut nama warna dalam bahasa inggris seperti: red, blue dan green atau dengan menggunakan nilai rgb (red, green, blue) misalnya 'ff000' untuk merah.