Pengertian dan Tag Dasar pada HTML

Oleh Admin

Sunday 15 May 2016

Menurut wikipedia,

HyperText Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.

HTML merupakan teks biasa yang ditandai dengan tanda lebih kecil ( < ) dan tanda lebih besar ( > ) yang biasa disebut tag. HTML dapat di buat melalui teks editor seperti Notepad, Notepad++ , Frontpage dan dreamweaver .

Elemen-elemen HTML di tandai dengan suatu tag ada yang berpasangan ada pula yang tidak,

Contoh elemen tag HTML berpasangan:
Link <a href="alamat web"> ..... </a>
keterangan : <a memiliki pasangan </a>

body <body>.....</body>
keterangan : <body> memiliki pasangan </body>

kesimpulan : tag HTML yang memiliki pasangan yaitu tag HTML yang wajib di tutup.

Contoh elemen tag HTML tidak berpasangan:
Image ( <img /> )
Ganti Baris – Break ( <br /> )
Horizontal Rule ( <hr /> )
Input Field ( <input /> )

berikut gambar dari Struktur Element HTML

dari <p ..... sampai </p> merupakan element
<p align="center"> adalah tag pembuka, dan seperti biasa, tiap di buka pasti ada penutupnya, yakni </p>
align = adalah nama atribut yang akan di setting pada tag tersebut
"center" = adalah value/nilai dari atribut .

Makna settingan tersebut adalah tag untuk paragraf yang di desain center.

lihat gambar di atas, kiri hasil outputnya, sedangkan kanan adalah source codenya. yang kiri menjadi sebuah paragraf dengan rata tengah.

Sedangkan gambar di atas jika "center" di ubah menjadi "left" , paragraf akan berubah menjadi rata kiri.

Tag Dasar HTML

1. <html> </html> adalah tag dasar yang mendifinisikan bahwa dokumen tersebut adalah dokumen html . Tag ini wajib di tuliskan .

di dalam tag html memiliki 2 tag utama, yaitu head dan body , ibarat manusia, head berisi judul website dan juga link yang akan terhubung . Sedangkan body berisi sisanya :D.

2. <head> </head> memiliki fungsi untuk menuliskan elemen-elemen sebagai berikut :

a. <title> </title>
di gunakan untuk menulis judul dokumen

b. <base href=”#”/>
di gunakan untuk menentukan basis URL

c. <link>
menunjukan hubungan antar dokumen,

berikut atribut tag<link>

href = menunjuk URL/dokumen lai
rel = mendefinisikan relasi terhadap sebuah dokumen dan dokumen lain yang berisi informasi tentang personil yang member kontribusi terhadap dokumen tersebut
rev = Mendefinisikan relasi sebuah dokumen HTML dengan dokumen lain
type = menentukan tipe parameter dari relasi

Contoh penggunaannya : <link rel=”stylesheet” href=http://............” type=”text/css/>

d. <meta>
untuk mendefinisikan informasi-informasi di luat HTML, berikut attribut <meta>:

http-equiv = Mendefinisikan properti dari elemen
name = Menyediakan deskripsi tambahan dari elemen
url = mendefinisikan tarhet dokumen dari sebuah properti
content = menyediakan nilai respon dari properti

Contoh penggunaannya : <meta http-equiv=”refresh” content=”60” url-http://..../>

2. Pengenalan Body

Bagian BODY merupakan isi dari dokumen HTML yang akan menampilkan, teks, gambar, sound, dan lain-lain. BODY diawali oleh tag <body> dan ditutup dengan </body>

alink
Menunjukkan warna link aktif

background
Merujuk URL atau direktori dari gambar yang digunakan sebagai latar belakang

bgcolor
Menentukan warna latar belakang

bgproperties
Jika nilai atribut diisi "FIXED" , maka gambar latar belakang tidak ikut tergulung

leftmargin
Batas kiri dokumen

link
Menentukan warna link yang belum di kunjungi

vlink
Menentukan warna link yang telah dikunjungi

text
Menentukan warna teks

topmargin
Menentukan batas atas

Tag : HTML

Cari Coding