Elemen HTML adalah Sebuah elemen HTML didefinisikan oleh tag awal. Jika elemen berisi konten lainnya, itu berakhir dengan tag penutup, di mana nama elemen didahului oleh garis miring maju seperti yang ditunjukkan di bawah ini dengan beberapa tag:
- Tag Awal <P> ini adalah Paragraf dan </p> adalah tag penutup
- Tag Awal <H1> ini mengarah ke konten dan </H1> adalah tag penutup
- Tag Awal <Div> ini adalah konten divisi dan </Div> adalah tag penutup
- Tag ini <br /> adalah tag Line break yang tidak perlu tag penutup.
Ingat petunjuk penting ini:
Dokumen HTML adalah file teks yang terdiri dari elemen HTML. Nah, elemen HTML itu didefinisikan menggunakan apa yang disebut dengan tag HTML.
Untuk belajar lengkap tentang Tag HTML bisa baca Artikel ini Tutorial Belajar Tag Dasar HTML
Ingat, elemen HTML didefinisikan dengan tag HTML. Apa yang dimaksud dengan tag HTML? Nah, berikut poin-poin yang akan membantu kamu mengingat dan memahami pengertian Tag HTML:
- Tag HTML digunakan untuk menandai (mark-up) elemen HTML
- Tag HTML berada di antara dua karakter penanda berikut < dan >
- Karakter penanda itu disebut dengan tanda kurung siku
- Tag HTML umumnya selalu berpasangan seperti <b> dan </b>
- Tag pertama adalah tag pembuka, dan tag kedua adalah tag penutup seperti yang di sebutkan di atas
- Teks di antara kedua tag tersebut disebut isi elemen
- Tag HTML tidak bersifat case sensitif, <b> memiliki arti yang sama dengan <B>
Jadi di sini <p> .... </ p> adalah elemen HTML, <h1> ... </ h1> adalah elemen HTML lainnya. Ada beberapa elemen HTML yang tidak perlu ditutup, seperti <img ... />, <hr /> dan <br /> elements. Ini dikenal sebagai elemen void .
Dokumen HTML terdiri dari sebuah pohon dari elemen-elemen ini dan mereka menentukan bagaimana dokumen HTML harus dibangun, dan jenis konten apa yang harus ditempatkan di bagian dokumen HTML mana.
Tag HTML vs. Elemen
Elemen HTML ditentukan oleh tag awal . Jika elemen berisi konten lainnya, maka elemen tersebut akan berakhir dengan tag penutup .
Misalnya <p> adalah memulai tag paragraf dan </ p> adalah tag penutup dari paragraf yang sama tapi <p> Ini adalah paragraf </ p> adalah elemen paragraf.
Elemen HTML Bersarang
Hal ini sangat banyak diizinkan untuk menyimpan satu elemen HTML di dalam elemen HTML lainnya:
Contoh
<!DOCTYPE html>
<html>
<head>
<title>Nested Elements Example</title>
</head>
<body>
<h1>This is <i>italic</i> heading</h1>
<p>This is <u>underlined</u> paragraph</p>
</body>
</html>
<html>
<head>
<title>Nested Elements Example</title>
</head>
<body>
<h1>This is <i>italic</i> heading</h1>
<p>This is <u>underlined</u> paragraph</p>
</body>
</html>
Ini akan menampilkan hasil sebagai berikut:
This is italic heading
This is underlined paragraph
Mengapa kita menggunakan tag dalam huruf kecil?
Kita sudah membahas sebelumnya bahwa tag HTML tidak case sensitif: <B> memiliki arti yang sama dengan <b>. Kalau kamu lagi surfing web, kamu akan melihat bahwa banyak situs web menggunakan tag HTML dalam huruf besar dalam source codenya. Tapi dalam contoh di atas, kita menggunakan huruf kecil. Tahu kenapa?
Kalau kamu mengikuti standar web terbaru, kamu harus selalu menggunakan tag dalam huruf besar. World Wide Web Consortium (W3C) merekomendasikan penggunaan huruf kecil dalam rekomendasi HTML 4 mereka, dan XHTML (generasi berikutnya dari HTML) memerlukan tag dalam huruf kecil.
Baiklah, kamu baru aja belajar tentang elemen HTML. Dan mestinya saat ini kamu udah mulai terbiasa dengan istilah tag. Kalau belum biasakan diri kamu dengan istilah ini, karena dalam proses belajar HTML, kamu harus familiar dengan kata tag.
Demikian artikel Tutorial Belajar Elemen HTML, semoga bermanfaat dan pastinya membantu proses Belajar HTML.
Begitulah sobat , kamu harus terbiasa dengan istilah Tag, karna dalam proses Belajar HTML kamu harus familiar dengan kata Tag. Ingat!! Tidak harus di hafal hanya perlu latihan maka akan terbiasa dengan sendirinya.