-->
[Belajar HTML #4] Elemen HTML - Elemen HTML Bersarang - Tag Akhir - Huruf Besar dan Kecil

[Belajar HTML #4] Elemen HTML - Elemen HTML Bersarang - Tag Akhir - Huruf Besar dan Kecil

Elemen HTML

Elemen HTML biasanya terdiri dari tag awal dan tag akhir , dengan konten yang disisipkan di antara:
< tagname > Konten ada di sini ... < / tagname >
Elemen HTML adalah segalanya mulai dari tag awal hingga tag akhir: < p > Paragraf pertama saya. < / p >

Start tagElement contentEnd tag
<h1>My First Heading</h1>
<p>My first paragraph.</p>
<br>  

Elemen HTML tanpa konten disebut elemen kosong. Elemen kosong tidak memiliki tag akhir, seperti elemen <br> (yang menunjukkan jeda baris).


Elemen HTML Bersarang

Elemen HTML dapat disarangkan (elemen dapat berisi elemen).

Semua dokumen HTML terdiri dari elemen HTML bersarang.

Contoh ini berisi empat elemen HTML:

Contoh:

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

Contoh Dijelaskan

<html> elemen mendefinisikan seluruh dokumen.

Ini memiliki tag awal <html> dan tag akhir </html>.

Di dalam elemen <html> adalah <body> elemen.

<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

<body> elemen mendefinisikan tubuh dokumen.

Ini memiliki tag awal <body> dan tag akhir </body>.

Di dalam elemen <body> ada dua elemen HTML lainnya: <h1> dan <p>.

<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>

<h1> elemen mendefinisikan heading.

Ini memiliki tag awal <h1> dan tag akhir </h1>.

Konten elemen adalah: My First Heading.

<h1>My First Heading</h1>

<p> elemen mendefinisikan paragraf.

Ini memiliki tag awal <p> dan tag akhir </p>.

Konten elemen adalah: Paragraf pertama saya.

<p>My first paragraph.</p>

Jangan Lupa Tag Akhir

Beberapa elemen HTML akan ditampilkan dengan benar, bahkan jika Anda lupa tag akhirnya:

<html>
<body>

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

</body>
</html>

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

Jangan pernah mengandalkan ini. Mungkin menghasilkan hasil dan / atau kesalahan yang tidak terduga jika Anda lupa tag akhir.


Elemen HTML Kosong

Elemen HTML tanpa konten disebut elemen kosong.

<br> adalah elemen kosong tanpa tag penutup ( <br> tag mendefinisikan jeda baris):

<p>Ini adalah sebuah <br> paragraf dengan jeda baris</p>

Hasil:
Ini adalah sebuah
paragraf dengan jeda baris

Elemen kosong dapat "ditutup" di tag pembuka seperti ini: <br />.

HTML5 tidak memerlukan elemen kosong untuk ditutup. Tetapi jika Anda ingin validasi yang lebih ketat, atau jika Anda perlu membuat dokumen Anda dapat dibaca oleh parser XML, Anda harus menutup semua elemen HTML dengan benar.


HTML Bukanlah Huruf Besar-Kecil

Tag HTML tidak peka huruf besar-kecil: <P> artinya sama dengan <p>.

Standar HTML5 tidak memerlukan tag huruf kecil, tetapi saya merekomendasikan huruf kecil dalam HTML, dan menuntut huruf kecil untuk tipe dokumen yang lebih ketat seperti XHTML.

Disarankan selalu menggunakan tag huruf kecil.

Berlangganan update artikel terbaru via email:

0 Response to "[Belajar HTML #4] Elemen HTML - Elemen HTML Bersarang - Tag Akhir - Huruf Besar dan Kecil"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel