Dasar HTML

iklan 336x280 atas
336x280 tengah
300x600
HTML merupakan singkatan dari Hyper Text Markup Language. HTML adalah bahasa untuk membentuk sebuah halaman web dan html bukan sebuah bahasa pemrograman melainkan bahasa markup (markup language). Markup language terdiri dari sekumpulan markups tag. Simbol markup yang digunakan oleh HTML ditandai dengan tanda lebih kecil ( < ) dan tanda lebih besar ( > ) yang biasa disebut tag.

  1. Definisi Elemen dan Tag HTML


Elemen HTML yaitu komponen penyusun terkecil dari sebuah dokumen HTML. Elemen dapat berupa teks murni, atau bukan teks, atau keduanya. Untuk menandai sebuah elemen dalam suatu dokumen HTML di sebut tag. Nama elemen ditunjukkan oleh nama dari tagnya. Suatu elemen biasanya ditandai dengan pasangan tag, walaupun ada beberapa nama elemen yang ditandai dengan satu tag tanpa harus berpasangan. 
Diantaranya:

  • Image ( <img /> ) 
  • Ganti Baris – Break ( <br /> ) 
  • Horizontal Rule ( <hr /> ) 
  • Input Field ( <input /> )
2.Penggunaan Tag dan Atribut Tag


Dalam pembuatan dokumen HTML penulisan elemen yang diawali dan diakhiri tanda tag
HTML, memiliki syarat penulisan yaitu:

  • Tag HTML diapit dengan dua karakter kurung sudut ( < dan > )
  • Tag HTML secara normal selalu berpasangan misal (<i>...</i>)
  • Tag pertama dalam suatu pasangan adalah tag awal, dan tag yang kedua merupakan tag akhir.
  • Tag html tidak case sensitive. Ini artinya <b> sama dengan <B>
  • Jika dalam suatu tag terdapat tag lain, maka penulisan tag akhir tidak boleh bersilang dan harus berurutan. Misalnya <b><I>..Tebal dan Miring..</I></b>
3. Tag-Tag Dasar HTML

3.1 HTML
Merupakan tag dasar yang mendifinisikan bahwa dokumen adalah dokumen html. Tag ini
merupakan suatu keharusan bagi pemrogram web untuk menuliskannya sebagai tag
pertama dalam dokumen html. Penulisan tag seperti berikut ini :
<html> pada awal dokumen dan </html> pada akhir dokumen

3.2 Head
Bagian Head sebenarnya tidak harus ada pada dokumen HTML, tetapi pemakaian head
yang benar akan meningkatkan kegunaan suatu dokumen HTML. Penulisan tag seperti berikut ini :
<head> di awal setelah <html> dan </head> di akhir section head.

Elemen-elemen pada bagian head akan mengerjakan tugas-tugas sebagai berikut :
  • Menyediakan judul dokumen
  • Menjembatani hubungan antar dokumen
  • Memberitahu browser untuk membuat form pencarian
  • Menyediakan metode untuk mengirim pesan ke tipe browser
Elemen yang mungkin terdapat pada bagian head :

  • Tag <title>, digunakan untuk memberi judul dokumen. Penggunaannya adalah sebagai berikut :
<title>Judul Dokumen</title>

  • Tag <base>, digunakan untuk menentukan basis URL sebuah dokumen. Contoh
penggunaannya adalah sebagai berikut berikut :
<base target="_blank" />
  • Tag <link>, digunakan untuk menunjukkan relasi antar dokumen HTML.
Tag ini mempunyai beberapa atribut :
Atribut
href⇒Menuju pada URL/dokumen lain
rel⇒Mendefinisikan relasi terhadap sebuah dokumen dan dokumen lain yang berisi informasi tentang personil yang member konteribusi terhadap dokumen tersebut.
rev⇒Mendefinisikan relasi sebuah dokumen HTML dengan dokumen lain.
type⇒Menentuka type dan peramenter dari relasi.

Contoh penggunaannya adalah sebagai berikut
     <link rel"stylesheet" href="http://situs.com/style.css" type="text/css" />

  • Tag <meta>, digunakan untuk mendefinisikan informasi-informasi di luar HTML Informasi meta dapat digunakan oleh browser untuk menjalankan suatu aktivitas yang belum didukung oleh HTML. Tag <meta> mempunyai atribut :
Atribut 
http-equiv (Mndefinisikan properti dari elemen)
name (Menyediakan deskeripsi tambahn dari elemen)
url (Mendefisinisikan target dokumen dari sebuh properti)
content (Menyediakan nilai respondari properti)

Untuk lebih memperjelas penggunaan atribut tag <meta> perhatikan contoh berikut ini :
<meta http-equiv="refresh" content="50" />

Perintah diatas akan diterjemahkan oleh browser sebagai refresh dokumen setiap “50 detik”, jadi setara dengan mengklik tombol Refresh / Reload pada browser.

oky,sekiyan dari saya.semga bermanfaat..)

336x280

Post a Comment

0 Comments