×

Mengenal Tag,Element Dan Attribut Pada HTML

Share this article with your friends
Setelah mengetahui struktur dasar penulisan sebuah dokumen HTML,sekarang kita akan merincikan / menjelaskan fungsi dari unsur penyusun dokumen HTML.

Secara umum, struktur dasar HTML berbentuk seperti ini : 
<html>
<head>
<title>Judul Dokumen HTML</title>
</head>    
<body>
        Isi Dokumen/ Informasi yg di tampilkan
</body>
</html>

Pengertian dan fungsi Tag,Attribut dan Element pada HTML :
Tag
Adalah teks khusus (markup) berupa dua karakter "<" dan ">", sebagai contoh <body> adalah tag dengan nama body.
Tag harus ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter "<"), sebagai contoh:
 <body> // ini adalah tag pembuka isi dokumen html, dan
</body> // ini adalah tag penutup isi dokumen html.
Attribute
Attribute mendefinisikan property dari suatu element html, yang terdiri atas nama dan nilai. Penulisannya adalah sebagai berikut:
< TAG nama-attr="nilai-attr" >
< /TAG>

Secara umum nilai attribute harus berada dalam tanda petik satu atau dua. Sebagai contoh, untuk membuat warna teks menjadi kuning dan latarbelakang
halaman web menjadi hitam, penulisannya adalah:
 <body bgcolor="black" text="yellow">
Element
Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen html pada web browser digunakan element title, dimana: < title> ini adalah tag pembuka judul dokumen html Judul Dokumen html ini adalah isi judul dari dokumen html </title> ini adalah tag penutup judul dokumen html
Tag‐tag yang ditulis secara berpasangan pada suatu element html, tidak boleh saling tumpang tindih dengan pasangan tag‐tag lainnya.
Contoh penulisan tag‐tag yang benar :
< p>
< b>

………………………
< /b>
< /p>


Element html
Menyatakan pada browser bahwa dokumen Web yang digunakan adalah html. Biasanya ditulis pada awal dan akhir sebuah dokumen HTML .Sintaks penulisannya :
<html>
< /html>

Element head
Element Head merupakan kepala(head) dari sebuah dokumen html. Tag <head> dan tag </head> terletak di antara tag <html> dan tag </html>.
Sintaks penulisannya:
< head>
< /head>

Element title
Merupakan judul dari dokumen html yang ditampilkan pada judul jendela browser. Tag <title> dan tag </title> terletak di antara tag <head> dan tag </head>.
Sintaks penulisannya:
< title> Judul Halaman HTML
< /title>

Contoh:
image
Element body
Element ini untuk menampilkan isi dokumen html. Tag <body> dan tag </body> terletak di bawah tag <head> dan tag </head>. Element body mempunyai attribute‐attribute yang menspesifikasikan khususnya warna dan latarbelakang dokumen yang akan ditampilkan pada browser.
Contoh syntax :
<body face="verdana" size="4" bgcolor="blue"> Ini Font Verdana berukuran x12 pt
berwarna biru <

/body>
Ket :    
  face :memberikan jenis font
bgcolor :memberikan warna pada latarbelakang dokumen html    
size :menentukan ukuran font

0 Response to "Mengenal Tag,Element Dan Attribut Pada HTML"

Post a Comment