Elemen HTML

Dokumen HTML didefinisikan oleh elemen HTML.


Elemen HTML

Sebuah elemen HTML adalah segalanya dari tag awal sampai akhir tag:

Mulai * tag
Elemen konten
Tag akhir *

<p>
Ini adalah sebuah paragraf
</ P>

<a href="default.htm">
Ini adalah link
</ A>

<br>

* Tag awal sering disebut tag pembuka. Tag akhir sering disebut tag penutup.


Elemen HTML Sintaks

  • Sebuah elemen HTML dimulai dengan tag tag / pembuka start
  • Sebuah elemen HTML diakhiri dengan tag tag / penutup akhir
  • Isi elemen adalah segalanya antara awal dan tag akhir
  • Beberapa elemen HTML memiliki konten kosong
  • Elemen kosong ditutup pada tag mulai
  • Kebanyakan elemen HTML dapat memiliki atribut

Tip: Anda akan belajar tentang atribut dalam bab selanjutnya dari tutorial ini.


Nested HTML Elemen

Sebagian besar elemen HTML dapat bersarang (dapat berisi elemen HTML lainnya).

Dokumen HTML terdiri dari elemen HTML bersarang.


HTML Dokumen Contoh

<!DOCTYPE html>
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>

Contoh di atas mengandung 3 elemen HTML.


Contoh HTML Dijelaskan

Unsur <p>:

<p>This is my first paragraph.</p>

Elemen <p> mendefinisikan sebuah paragraf dalam dokumen HTML.
Elemen ini memiliki tag awal <p> dan tag akhir </ p>.
Isi elemen adalah: Ini adalah paragraf pertama saya.

Unsur <body>:

<body>
<p>This is my first paragraph.</p>
</body>

Unsur <body> mendefinisikan tubuh dari dokumen HTML.
Elemen ini memiliki tag awal <body> dan tag akhir </ body>.
Isi elemen adalah elemen HTML (ap elemen).

Unsur <html>:

<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>

Unsur <html> mendefinisikan dokumen HTML secara keseluruhan.
Elemen ini memiliki tag awal <html> dan tag akhir </ html>.
Isi elemen adalah elemen HTML (elemen body).


Jangan Lupakan Tag Akhir

Beberapa elemen HTML mungkin muncul dengan benar bahkan jika Anda lupa tag akhir:

<p>This is a paragraph
<p>This is a paragraph

Contoh di atas bekerja di hampir semua browser, karena tag penutup dianggap opsional.

Jangan bergantung pada ini. Banyak elemen HTML akan menghasilkan hasil yang tidak diharapkan dan / atau kesalahan jika Anda lupa tag akhir.


Kosong HTML Elemen

Elemen HTML tanpa konten disebut elemen kosong.

<br> adalah elemen kosong tanpa tag penutup (tag <br> mendefinisikan satu baris).

Tip: Dalam XHTML, semua elemen harus ditutup. Menambahkan garis miring dalam tag awal, seperti /> <br, adalah cara yang tepat untuk menutup elemen kosong di XHTML (dan XML).


HTML Tip: Gunakan Tag huruf kecil

Tag HTML tidak case sensitif: <P> berarti sama dengan <p>. Banyak situs web menggunakan tag HTML dalam huruf besar.

W3Schools menggunakan tag dalam huruf besar karena World Wide Web Consortium (W3C) merekomendasikan huruf kecil dalam HTML 4, dan tuntutan tag huruf kecil dalam XHTML.

Iklan

Orang baik akan berkomentar yang baik

Please log in using one of these methods to post your comment:

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