Skip to content Skip to sidebar Skip to footer

Widget HTML #1

Home / HTML / Pemrograman / Tutorial

Belajar HTML #03 : Pengertian dan Struktur

Pengertian dan Struktur HTML

Assalamualaikum wr wb, Halo temen-temen sekarang kita akan masuk ke pembejaran berikutnya pada artikel sebelumnya Belajar HTML #02 : Alat Yang Harus Disiapkan. Kita telah memperisiapkan alat-alatnya . Pada artikel ini saya akan membahas pengertian dan struktur dari HTML.

Apa itu HTML?

HTML (Hypertext Markup Language) adalah bahasa markup yang digunakan untuk membuat halaman web. HTML menggunakan tag untuk menandai bagian-bagian dari dokumen yang digunakan untuk memformat konten, seperti teks, gambar, dan tautan. Tag-tag ini ditandai dengan tanda kurung kurawal ( <> ). Contoh tag HTML yang umum digunakan adalah <p> untuk paragraf, <h1> untuk judul, dan <img> untuk gambar.

Apa Fungsi HTML?

Fungsi utama HTML adalah untuk menentukan struktur dan format dari sebuah halaman web. Dengan menggunakan tag HTML, Kita dapat menentukan bagian-bagian dari halaman web seperti judul, paragraf, gambar, tabel, dan tautan. HTML juga memungkinkan Kita untuk menambahkan elemen multimedia seperti video dan audio ke halaman web.

Selain itu, HTML juga memungkinkan Kita untuk menambahkan metainformasi tentang halaman web, seperti deskripsi dan kata kunci yang digunakan oleh mesin pencari untuk meningkatkan indeks halaman web.

Secara umum, HTML digunakan untuk membuat dan menemukan konten pada halaman web. Dengan HTML, Kita dapat mengatur struktur dan tampilan konten sehingga mudah dibaca dan diterima oleh pengguna.

Ada beberapa aturan struktur yang harus diikuti dalam penulisan HTML:

  1. Tag HTML harus ditutup dengan tag penutup yang sesuai. Contoh, tag <p> harus ditutup dengan tag </p>.

  2. Tag HTML harus digunakan sesuai dengan tujuannya. Contoh, tag <b> digunakan untuk teks yang ditentukan bold, bukan untuk membuat paragraf.

  3. Tag HTML harus digunakan dalam urutan yang benar. Contoh, tag <head> harus berada sebelum tag <body> dan tag <p> harus berada di dalam tag <body>.

  4. Tag HTML harus digunakan dengan atribut yang sesuai. Contoh, tag <img> harus menggunakan atribut src untuk menentukan lokasi gambar.

  5. Tag HTML harus ditulis dengan huruf kecil semua.

  6. Tag HTML harus digunakan dalam jumlah yang sesuai. Contoh, tag <html> harus digunakan sekali di setiap halaman, tag <body> harus digunakan sekali dalam tag <html>

Aturan ini diterapkan untuk membuat kode HTML yang terstruktur, mudah dibaca, dan mudah dikelola.
Berikut Contoh Penulisannya:

<!DOCTYPE html>
<html>
    <head>
        <title>Belajar HTML #03</title>
    </head>
       <body>
         <h2>Pengertian HTML</h2>
         <p>HTML (Hypertext Markup Language).</p>
       </body>
</html>
Lihat Preview

Tag <html> digunakan sebagai tag root dalam HTML untuk menandai bahwa dokumen yang ditulis adalah dokumen HTML. Tag ini digunakan untuk menandai awal dan akhir dari sebuah dokumen HTML.
Di dalam tag <html> terdapat dua bagian utama yaitu <head> dan <body>.

Tag <head> digunakan untuk menyimpan meta-data seperti judul dan deskripsi halaman,
sementara Tag <body> digunakan untuk menyimpan konten yang ditampilkan pada halaman web seperti teks, gambar, video DLL.

<!DOCTYPE> adalah perintah yang digunakan dalam dokumen HTML untuk menentukan jenis dokumen yang digunakan. Ini digunakan untuk memberitahu browser tentang versi HTML yang digunakan dalam dokumen, sehingga browser dapat menampilkan konten dengan benar.
Contoh penggunaannya adalah: <!DOCTYPE html> yang menyatakan bahwa dokumen menggunakan versi HTML5.

Setelah temen-temen memahami Pengertian dan struktur dari HTML, Pada artikel pembelajaran berikutnya kita akan masuk ke materi Praktik Sederhana HTML seperti membuat Heading, Paragraph, Membuat List Item. Cukup sekian pembahasan pada artikel kali ini, Jika ada pertanyaan silahkan kirim melalui kolom komentar di bawah, Terimakasih.