Jumat, 07 Desember 2012

Tag dan Atribut HTML

Sebelumnya kita telah belajar Apa itu Tag HTML. Berikut kita ulangi beberapa tag dan juga fungsinya.

<html> : memberitahukan pada browser bahwa ini adalah awal dari dokumen html tag penutupnya </html>
<head> : informasi header, tidak akan ditampilkan dibrowser. Dalam header memuat informasi dari dokumen yang kita buat. Tag penutupnya </header>
<title> : tag yang terletak dalam <header> adalah judul dari dokumen yang kita buat dan akan terlihat di bagian atas tab. Tag penutupnya </title>
<body> : bagian yang akan di tampilkan di browser tag penutupnya </body>
<hr> : untuk membuat garis horizontal, tidak ada tag penutupnya
<p> : untuk membuat sebuah paragraf, bisa ditulis tanpa tag penutup, jika menggunakan tag penutup, tag penutupnya yaitu </p>,
<br> atau <br/>: untuk ganti baris
<h1> sampai <h6> : untuk mendefinisikan judul,<h1> untuk judul yang paling besar dan <h6> untuk judul yang paling kecil. Tag penutupnya </h1> sampai </h6>
Sebagai contoh, jika kita menuliskan kode seperti ini,
<h1> Ini Sebuah Judul </h1>
<h2> Ini Sebuah Judul </h2>
Secara otomatis tulisannya akan menjadi besar h1 paling besar seterusnya h2 lebih kecil dan sampai h6 yang paling kecil yang paling kecil, perhatikan dibawah ini adalah hasil dari kode di atas,

Ini Sebuah Judul

Ini Sebuah Judul

Sekarang kita lanjutkan pada atribut tag HTML
Tag HTML dapat memiliki atribut. Atribut memungkinkan informasi tambahan pada elemen HTML
Atribut selalu memiliki pasangan nama atribut dengan nilai sehingga jadinya seperti ini: nama atribut=”nilai”.
Atribut selalu dicantumkan pada awal tag elemen HTML.
Contoh :
<h1> : mendefinisikan judul
<h1 align=”center”> : disini ada informasi tambahan, yaitu perataan(align) ditengah(center)
Sekarang kita tambah kode yang telah kita buat dengan align
<h1 align="center"> Ini Sebuah Judul </h1>
<h2 align="center"> Ini Sebuah Judul </h2>
Maka lihatlah hasilnya, tulisannya akan ke tengah,

Ini Sebuah Judul

Ini Sebuah Judul

<body> : mendefinisikan isi/halaman HTML
<body bgcolor=”green”> : disini terdapat informasi tambahan bahwa background halaman berwarna hijau.
<table> : untuk membuat tabel(nanti kita bahas lebih lanjut tentang tabel)
<table border=”1”> : disini terdapat informasi ktebalan garis pada tabel adalah 1
Nilai atribut selalu di apit dengan tanda kutip. Tanda kutip ganda sering digunakan, tanda kutip tunggal juga bisa digunakan.
Dikutip dari : Bening Hati dan sumber lainnya.
4 Langkah Mudah Membuat Website bagi Pemula

Tidak ada komentar:

Posting Komentar

Harap berkomentar dengan kata kata yang baik dan sopan ya..:)