Belajar HTML & CSS untuk Pemula

Modul ini akan membantu Anda memahami dasar-dasar pembuatan halaman web dengan HTML dan CSS.

Bab 1: Pengenalan HTML

No image available

Pendahuluan

Selamat datang di modul belajar HTML & CSS untuk pemula! Modul ini akan membantu Anda memahami dasar-dasar pembuatan halaman web dengan HTML dan CSS. Setelah menyelesaikan modul ini, Anda akan mampu membuat halaman web sederhana dengan tampilan yang menarik.

Bab 1: Pengenalan HTML

1.1 Apa itu HTML?

HTML (HyperText Markup Language) adalah bahasa yang digunakan untuk membuat struktur halaman web.

1.2 Struktur Dasar HTML

<!DOCTYPE html>
<html>
<head>
    <title>Judul Halaman</title>
</head>
<body>
    <h1>Selamat Datang di Website Saya</h1>
    <p>Ini adalah paragraf pertama saya.</p>
</body>
</html>

Penjelasan:

  • <!DOCTYPE html>: Mendeklarasikan bahwa dokumen ini adalah HTML5.

  • <html>: Elemen utama dari dokumen HTML.

  • <head>: Berisi informasi meta dan judul halaman.

  • <body>: Berisi konten yang akan ditampilkan di browser.

1.3 Elemen dan Tag HTML

Beberapa elemen dasar HTML:

  • Heading: <h1> hingga <h6>

  • Paragraf: <p>

  • Gambar: <img src="gambar.jpg" alt="Deskripsi">

  • Link: <a href="https://example.com">Klik di sini</a>

  • Daftar:

    • Tak berurut: <ul><li>Item 1</li><li>Item 2</li></ul>

    • Berurut: <ol><li>Item 1</li><li>Item 2</li></ol>

Back To Modul

List Materi

01

Bab 1: Pengenalan HTML

02

Bab 2: Pengenalan CSS

03

Bab 3: Membuat Halaman Web Sederhana