Struktur HTML

Zencliv
3 Apr, 2023
Struktur HTML

Stuktur dokumen HTML merujuk kepada "struktur elemen" dalam HTML. Struktur dasar yang biasanya digunakan dalam membuat dokumen HTML yaitu seperti berikut:

HTML Document Structure

Penjelasan:

<!DOCTYPE>         : Doctype declaration, memberi tahu web browser versi dokumen HTML yang digunakan. Untuk menggunakan HTML versi 5, maka deklarasi DOCTYPE yang digunakan yaitu <!DOCTYPE html>.
<html> Element      : Elemen ini ditandai dengan tag <html>. Elemen ini berperan sebagai inti dari dokumen HTML. Semua elemen yang ada di dalam file HTML (kecuali DOCTYPE) akan berada di dalam sini.
<head> Element    : Elemen ini ditandai dengan tag <head>. Elemen ini berisi pengaturan dari dokumen HTML. Elemen <head> ini dapat memuat beberapa elemen di dalamnya, diantaranya yaitu:
  1. <title>
  2. <style>
  3. <script>
  4. <link>
  5. <meta>
<body> Element    : Elemen ini ditandai dengan tag <body>. Elemen ini yang menjadi tubuh dari dokumen. Semua elemen yang berada di dalam sini akan ditampilkan ke web browser.

Bagaimana Elemen HTML Ditampilkan Dalam Web Browser?

Elemen HTML yang ditampilkan ke web browser hanyalah elemen-elemen yang berada dalam di <body> dan <title> yang berada dalam elemen <head>.

HTML Elements In Web Browser

HTML Comments

Komentar dalam HTML berguna untuk menonaktifkan kode yang ditulis dalam dokumen HTML. Kode HTML yang diberi komentar tidak akan dibaca dan dirender oleh web browser. Komentar biasanya berguna untuk memberikan deskripsi singkat tentang fungsi suatu kode untuk memudahkan para developer.

Pemberian comment dalam HTML dapat menggunakan tanda <!--   --> dimana diantara tanda tersebut disisipkan kode HTML 

<!--<h1>Webpage pertamaku</h1>-->

Contoh Penerapan:

<!DOCTYPE html>

<head>
    <title>My Webpage</title>
</head>

<body>
    <!--<h1>Webpage pertamaku</h1>-->
    <p>Halo, ini halaman web pertamaku</p>
</body>

</html>

Elemen <h1> dalam kode tersebut tidak akan ditampilkan dalam web browser karena telah diberikan comment

HTML Comments Example

Contoh Lainnya Dalam Penerapan Comment:

Code:

<h1>Webpage <!--pertamaku--></h1>
<p>Halo, ini halaman web pertamaku</p>

Dalam kode tersebut, pemberian comment ditujukan pada sebagian isi dari elemen <h1>, maka yang akan ditampilkan dalam web browser hanyalah sebagian isi saja

Output:

HTML Comments Example 2

Code:

<!-- Ini Bagian Judul Halaman-->
<h1>Apa Itu Website?</h1>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Illo voluptas tenetur beatae ea eveniet dolor unde
    iure, assumenda nam natus labore eum repudiandae deserunt vitae reprehenderit odio id expedita ducimus?</p>

Penerapan komentar di atas digunakan untuk membuat deskripsi singkat kode program dibawahnya

Output:

HTML Comments Example 3
Next Post Previous Post
No Comment
Add Comment
comment url