Share

๐Ÿ’ป- HyperText Markup Language [ ๐‡๐“๐Œ๐‹ ]

by syarielle's · 26 August, 2025

๐Ÿ”Ž Apa itu ๐‡๐“๐Œ๐‹?

  • HTML = HyperText Markup Language.
  • Bahasa dasar untuk membuat struktur halaman web.
  • Bukan bahasa pemrograman, tapi bahasa markup atau yang berarti penanda.
  • Digunakan untuk memberi tau browser: โ€œini judul, ini paragraf, ini gambar, ini link, dll.โ€

๐Ÿงฉ Struktur Dasar HTML

Sebuah dokumen HTML biasanya punya kerangka seperti ini:

<!DOCTYPE html>
<html>
<head>
  <title>Judul Halaman</title>
</head>
<body>
  <h1>Halo Dunia!</h1>
  <p>Ini paragraf pertama.</p>
</body>
</html>

Berikut ini adalah arti - arti dari keyword yang digunakan untuk HTML
  • <!DOCTYPE html> โ†’ penanda bahwa dokumen ini HTML5.
  • <html>...</html> โ†’ pembungkus seluruh dokumen.
  • <head>...</head> โ†’ bagian info untuk browser (judul, link CSS, meta data).
  • <body>...</body> โ†’ isi utama web yang terlihat user.

๐Ÿ“Œ Tag Penting di HTML

  • Paragraf
    <p> โ†’ untuk teks paragraf.
    <p>Ini teks paragraf biasa.</p>
  • Link
    <a href="url">teks</a> โ†’ untuk hyperlink.
    <a href="https://google.com">Ke Google</a>
  • Gambar
    <img src="gambar.jpg" alt="deskripsi">
    <img src="foto.jpg" alt="Foto Profil">
  • List (daftar)
    Ordered list <ol> (bernomor)
    Unordered list <ul> (pakai bullet)
  • <ul>
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
    </ul>
  • Heading (judul)
    • <h1> sampai <h6> โ†’ ukuran judul dari besar ke kecil.
    <h1>Judul Utama</h1> <h2>Sub Judul</h2>
  • Tabel <table border="1"> <tr> <th>Nama</th> <th>Umur</th> </tr> <tr> <td>Asyaa</td> <td>17</td> </tr> </table>
  • Form (input)
    Untuk bikin form inputan. <form> <label>Nama:</label> <input type="text" name="nama"> <button type="submit">Kirim</button> </form>





๐ŸŒ Hubungan HTML dengan CSS & JavaScript

  • HTML = struktur / kerangka web.
  • CSS = mempercantik tampilan (warna, font, layout).
  • JavaScript = bikin web lebih interaktif (animasi, klik tombol, validasi form, dll).

๐Ÿ“– Kesimpulan

  • HTML itu dasar dari semua website.
  • Kalau HTML ibaratnya tulang, maka CSS adalah baju, dan JavaScript adalah otak yang bikin hidup.
  • Belajar HTML itu langkah pertama buat jadi web developer! ๐Ÿš€

okayy, segini dulu dari aku terimakasi banyak yaa untuk yang udah bacaa !!

You may also like