Penambahan obyek

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

Horizontal line:
Untuk mempercantik tampilan halaman html, kita dapat menambahkan garis horizontal dengan tag <hr>. Tag <hr> mempunyai 'atribut size' untuk menentukan ketebalan garis, 'atribut width' untuk menentukan lebar garis, 'atribut align' untuk menentukan letak teks dalam garis, dan 'atribut noshade' untuk mengatur agar garis tidak disertai bayangan. gambar 13.28 menunjukkan bagaimana tag <hr> digunakan.

Image:
Dokumen html dapat diperindah dengan menyertakan gambar pada halaman web yang dibuat. Tag <img> dapat digunakan untuk memanggil dan menampilkan gambar pada halaman web. Sintaks penulisan tag <img> adalah:

<img src='file_gambar' alt='nama_alternatif'>

Atribut 'src' digunakan untuk menentukan sumber file gambar yang akan ditampilkan. Atribut 'alt' berfungsi untuk memberi tulisan pengganti, apabila gambar tidak ditampilkan.

Untuk pengaturan gambar yang lebih baik, tag 'img' menyediakan beberapa atribut, antara lain:

• Atribut 'align' untuk mengatur penempatan teks pada gambar.
• Atribut 'border' untuk memberi bingkai pada gambar.
• Atribut 'height' dan WIDTH untuk mengatur tinggi dan lebar gambar.

Contoh berikut ini memperlihatkan penggunaan atribut-atribut tersebut.

Pada gambar 13.30 terlihat perbedaan tampilan bila dibandingkan dengan gambar 13.29. Tulisan logo linux terletak ditengah gambar karena kita menggunakan atribut 'align dengan nilai middle'. Sedangkan tulisan logo windows terletak di bagian atas karena kita menggunakan align dengan nilai top. Gambar logo windows diberi garis bingkai dengan menggunakan atribut 'border dengan nilai 2'.