HTML

HTML adalah bahasa markup yang digunakan untuk membuat struktur halaman website.

Pengertian HTML

HTML adalah singkatan dari Hypertext Markup Language
HTML adalah bahasa markup yang digunakan untuk membuat struktur halaman web.
Setiap elemen ditulis menggunakan tag pembuka dan penutup.
Browser membaca HTML untuk menampilkan konten kepada pengguna.

Cara Penulisan Tag HTML

Tag HTML ditulis menggunakan tanda kurung sudut < dan >.
Tag pembuka menggunakan format <nama_tag>, sedangkan tag penutup memakai garis miring sebelum nama: </nama_tag>.
Konten elemen berada di antara tag pembuka dan penutup.

🔍 Penjelasan simbol:

< : tanda mulai tag
> : tanda akhir tag
/ : digunakan di tag penutup untuk menunjukkan akhir elemen

Format umum:

<tag>konten</tag>

Struktur Dasar Dokumen HTML

Dokumen HTML diawali dengan <!DOCTYPE html> sebagai penanda tipe dokumen.
Bagian <head> berisi informasi dan pengaturan halaman, sementara <body> menampilkan konten kepada pengguna.
Elemen-elemen HTML tersusun secara bertingkat membentuk struktur dokumen.

Contoh:

<!DOCTYPE html>
<html>
<head>
  <title>Belajar HTML</title>
</head>
<body>
  <h1>Assalamualaikum</h1>
  <p>Ini halaman pertama saya.</p>
</body>
</html>

Heading

Tag heading digunakan untuk judul dan subjudul dalam halaman HTML.
Rentangnya dari <h1> (paling besar) hingga <h6> (paling kecil).
Satu halaman umumnya hanya memiliki satu <h1> untuk judul utama.

Contoh:

<h1>Judul Utama</h1>
<h2>Subjudul Bagian 1</h2>
<h3>Subjudul Bagian Kecil</h3>

Paragraf

Tag <p> digunakan untuk menuliskan teks paragraf dalam HTML.
Paragraf otomatis memiliki jarak ke paragraf lainnya.
Bisa digunakan berulang kali dalam satu halaman.

Contoh:

<p>Ini paragraf pertama.</p>
<p>Ini paragraf kedua yang terpisah.</p>

Atribut HTML

Atribut digunakan untuk memberikan informasi tambahan pada elemen HTML.
Atribut ditulis dalam tag pembuka dengan format nama_attribut="nilai".
Atribut umum yang sering dipakai: id, class, dan style.

Contoh:

<p id="intro" class="text-biru" style="font-size:18px;">
  Paragraf dengan atribut.
</p>

Hyperlink

Hyperlink dibuat menggunakan tag <a> untuk mengarahkan ke halaman lain atau URL tertentu.
Menggunakan atribut href untuk menentukan tujuan tautan.
- Relative URL: URL yang merujuk ke halaman atau sumber di dalam situs web saat ini. Contoh: halaman.html atau direktori/file.html.
- Absolute URL: URL yang merujuk ke halaman atau sumber di luar situs web saat ini. Contoh: https://www.contoh.com/halaman atau https://www.contoh.com/direktori/file.html.

Contoh:

<a href="https://www.contoh.com/halaman">Kunjungi Situs</a>

Gambar

Gambar ditampilkan menggunakan tag <img>.
Wajib memiliki atribut src sebagai alamat gambar dan alt sebagai teks alternatif.
Tidak memiliki tag penutup.

Contoh:

<img src="foto.jpg" alt="Foto Profil">

HTML

On this page