Belajar HTML Dasar, Ternyata Gampang Banget!

May 25, 2024

https://www.binaracademy.com/blog/belajar-html-dasar

Apa Itu Html??

HTML Adalah

HTML (HyperText Markup Language) adalah bahasa markup standar yang digunakan untuk membuat dan merancang halaman web. HTML tidak dianggap sebagai bahasa pemrograman, melainkan sebagai bahasa markup karena digunakan untuk menstrukturkan konten di web.

Fungsi dan Kegunaan HTML

Membuat Struktur Halaman Web: HTML digunakan untuk membangun kerangka dasar halaman web. Elemen-elemen HTML digunakan untuk menentukan header, paragraf, gambar, tautan, daftar, dan berbagai komponen lain dari sebuah halaman.
Penanda Konten: Elemen HTML digunakan untuk menandai bagian-bagian konten, seperti judul (heading), teks, gambar, dan lain-lain. Penanda ini membantu browser memahami cara menampilkan konten kepada pengguna.
Interaksi dengan CSS dan JavaScript: HTML bekerja bersama dengan CSS (Cascading Style Sheets) dan JavaScript. CSS digunakan untuk mendesain dan memperindah tampilan halaman, sementara JavaScript digunakan untuk menambahkan interaktivitas.

Struktur Dasar Dokumen HTML

Penjelasan Elemen-Elemen HTML

<!DOCTYPE html>: Deklarasi tipe dokumen yang memberitahu browser bahwa dokumen ini menggunakan HTML5.
<html lang="id">: Elemen root dari dokumen HTML yang menampung semua konten. Atribut lang menandakan bahasa dokumen, di sini ‘id’ untuk Bahasa Indonesia.
<head>: Bagian yang berisi informasi meta tentang dokumen, seperti pengaturan karakter, judul, dan pengaturan tampilan.
- <meta charset="UTF-8">: Mengatur pengkodean karakter ke UTF-8.
- <meta name="viewport" content="width=device-width, initial-scale=1.0">: Mengatur tampilan agar responsif di berbagai perangkat.
- <title>: Menentukan judul halaman yang muncul di tab browser.
<body>: Bagian utama yang berisi semua konten yang akan ditampilkan di browser.
- <h1>: Elemen heading untuk judul utama.
- <p>: Elemen paragraf untuk teks.

Contoh Elemen HTML Lainnya

Tautan (Links):

Gambar (Images):

Daftar (Lists):

Unordered List (daftar tak berurutan):

Ordered List (daftar berurutan):

Penutup

Dengan HTML, Anda bisa membuat struktur dasar dari halaman web. HTML merupakan fondasi dari web, dan memahami penggunaannya adalah langkah pertama dalam pengembangan web. Setelah memahami HTML, Anda bisa melanjutkan belajar CSS untuk styling dan JavaScript untuk interaktivitas