![[Belajar HTML #4] Elemen HTML - Elemen HTML Bersarang - Tag Akhir - Huruf Besar dan Kecil](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIK4icBP-7cKqBn-fh9b1OFbdyu7rEgI_ysXUp6hZ0QoTdTjRTkD-Sp0AYiRWmCAwDyO1G7DgVoStSPfsVoVr1ZOteeNP_C3aWpt4wJfaVudBafSXr1f1NO57pBt1r-7OLYBBOoTf1nD4/w920-h400-p-k-no-nu/4.elemen.jpg)
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 tag | Element content | End tag |
---|---|---|
<h1> | My First Heading | </h1> |
<p> | My first paragraph. | </p> |
<br> |
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>
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.
0 Response to "[Belajar HTML #4] Elemen HTML - Elemen HTML Bersarang - Tag Akhir - Huruf Besar dan Kecil"
Post a Comment