Selasa, 07 Oktober 2014

vaniardiansyah.blogspot.com : Pengaturan Format Dokumen HTML

Diposting oleh Unknown di 10.24 Label: HTML

Pada saat isi tag body ditampilkan di halaman web tentu saja tag itu mempunyai tampilan yang berbeda, lebih terstruktur dan menarik, untuk membuat halaman seperti itu ada beberapa tag yang harus ditambahkan guna membuat halaman web yang menarik. Berikut tag-tag yang digunakan untuk mengatur format teks pada halaman web :

Heading

Heading merupakan judul atau sub judul dari sebuah web, dan heding sendiri mempunya beberapa ukuran. format penulisan tag heading <Hn> dimana n merupakan ukuran yang akan di pakai. Dalam tag heading terdapat 6 ukuran.
Contoh :

Tampilan pada web :

Paragraf

Tag paragraph berfungsi layaknya untuk pengaturan antar paragraf dalam halaman web Anda. Suatu paragraf akan terlihat dibatasi oleh satu baris kosong sebelum dan sesudahnya. Untuk mengatur perataan paragraf digunakan atribut align dengan type right, left, center, dan justfy. contoh

penulisannya :

Selain itu untuk mengedit kalimat atau kata, seperti membuat tulisan tebal, miring, atau garis bawah digunakan tag :

.......... : Untuk tulisan tebal
............ : Untuk tulisan italic
.......... : Untuk garis bawah
.... : Untuk bagian yang dicetak tinggi
.... : Untuk bagian yang di cetak rendah

penggunaan tag di atas bisa dikombinasikan.

Contoh :

tampilan di web :

Tag Break

Tag Break digunakan untuk membuat garis baru pada halaman web, walaupun penulisan script pada halaman web tidak ada garis baru.

Contoh :

Tampilan di web :

Tag Horizontal Rule

Tag Horizontal Rule <hr> digunakan untuk memberi sebuah garis lurus pada tampilan halaman web.

Contoh :

Tampilan di web :

Tag Font

Tag font digunakan untuk mengubah memodifikasi font yang di tampilkan di halaman web. Mulai jenis, warna, dan ukuran font. Atribut yang digunakan :
face : digunakan untuk menentukan jenis font
color : digunakan untuk menentukan warna font
size : digunakan untuk menentukan ukuran font

contoh :

Tampilan di web :

Tag Pre

Tag <pre> digunakan untuk membuat tampilan dokumen pada browser sama dengan tampilan pada text editor (preformatted). Dengan menggunakan tag <pre> maka tag dan tag tidak diperlukan lagi.
contoh :

Tampilan di web :

7..

Tag untul list

Properti <li> digunakan untuk menampilkan informasi dalam bentuk daftar (list). Ada dua jenis daftar yang dikenal di HTML, yaitu list dalam format bullet (unordered list <ul>) dan dalam bentuk nomor (ordered list <ol>). Atribut elemen list Ordered list <ol type=tipe_list> type = [ 1 | a | A | i | I ] (tipe penomoran, default 1) Unordered list <ul type=tipe_list> type = [ disc | square | circle ] (tipe bullet, default disc)
contoh :

Tampilan pada web :

Menampilkan Image

Sebuah halaman web tanpa adanya image bagaikan nasi tanpa lauk, sehingga kita perlu menambahkan image untuk memperindah tampilan tersebut. Sebuah image dapat di tampilkan menggunakan tag img , serta dapat dimodifikasi dengan atribut dalam tag img. Berikut atribut yang terdapat dalam tag img :

src = lokasi dan nama gambar
alt = teks alternatif, tex yang ditampilkan ketika gambar disorot dengan mouse
width = lebar gambar, pixel
height = tinggi gambar, pixel
align = [ top | middle | bottom | left | right ] (perataan gambar)
border = tebal garis tepi gambar, pixel

contoh :