Tinggalkan komentar

Struktur Dasar HTML


STRUKTUR DASAR HTML

HTML adalah singkatan dari HyperText Markup Language adalah salah
satu bahasa pemprograman web desaign dan juga biasa di sebut script untuk
menyusun dokumen-dokumen Web. Dokumen HTML disimpan dalam format
teks reguler dan mengandung tag-tag yang memerintahkan web browser untuk
mengeksekusi perintah-perintah yang dispesifikasikan

Struktur dasar HTML adalah sebagai berikut:

 

</pre>
<html>
 <head>
 <title>Judul Dokumen HTML</title>
 </head>
 <body>
 penulisan informasi Web
 </body>
 </html>
<pre>

Dari struktur dasar HTML di atas dapat dijelaskan sebagai berikut:

a. 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.
b. 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

</pre>
<p>
 <b>
 </b>
 </p>
<pre>

 

Catatan : Jika penulisan script salah, maka script tidak terbaca sempurna
( Eror ) sehingga dapat mengganggu penampilan dan dinamika web itu sendiri
c. Attribute
Attribute mendefinisikan property dari suatu element HTML, yang terdiri atas
nama dan nilai. Penulisannya adalah sebagai berikut:

</pre>
<TAG>
 nama-attr="nilai-attr"
 nama-attr="nilai-attr"
 >
 </TAG>
<pre>

 

Beri Komentarnya Dong

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: