Belajar_HTML_dari_Awal_sampai_Akhir.pptx

azzaalfarizi 0 views 33 slides Oct 14, 2025

Slide 1 of 33

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

About This Presentation

Modul belajar HTML dari awal sampai Akhir agar mudah memahami

Size: 57.02 KB

Language: none

Added: Oct 14, 2025

Slides: 33 pages

Slide Content

Belajar HTML dari Awal sampai Akhir Modul lengkap untuk pemula Disusun dengan gaya warna-warni edukatif

Apa itu HTML? HTML (HyperText Markup Language) digunakan untuk membuat struktur halaman web.

Sejarah & Peran HTML Dikembangkan oleh Tim Berners-Lee pada 1991. HTML adalah dasar dari semua situs web.

Perbedaan HTML, CSS, dan JavaScript HTML: struktur CSS: tampilan JavaScript: interaksi

Struktur Dasar Dokumen HTML <!DOCTYPE html> <html> <head>...</head> <body>...</body> </html>

Tag & Elemen Tag adalah perintah dalam HTML. Elemen adalah keseluruhan struktur tag pembuka dan penutup.

Struktur Tag <p>Paragraf</p> <h1>Judul</h1>

Atribut HTML Memberikan informasi tambahan ke elemen. Contoh: <img src='gambar.jpg' alt='Deskripsi'>

Contoh Elemen HTML <a href='https://example.com'>Kunjungi Situs</a>

Latihan 1 Tulis kode HTML sederhana untuk menampilkan teks: Halo Dunia!

Struktur Halaman HTML <html> <head> <body> </body> </html>

Heading dan Paragraf <h1> sampai <h6> untuk judul <p> untuk paragraf

Komentar  digunakan untuk catatan dalam kode

Format Teks <b> <i> <u> <strong> <em>

Daftar HTML <ul> untuk daftar tak berurutan <ol> untuk daftar berurutan

Elemen <li> Digunakan dalam <ul> atau <ol> untuk setiap item

Tabel HTML <table> <tr> <th> <td>

Hyperlink <a href='https://example.com'>Klik di sini</a>

Menampilkan Gambar <img src='gambar.jpg' alt='Deskripsi'>

Video dan Audio <video src='video.mp4' controls> <audio src='lagu.mp3' controls>

Latihan 2 Tambahkan gambar dan video ke halaman HTML kamu!

Struktur Formulir <form> <input> <button> </form>

Elemen Input <input type='text'> <input type='email'> <input type='password'>

Tombol & Textarea <button>Kirim</button> <textarea></textarea>

Latihan 3 Buat form pendaftaran sederhana!

HTML5 Versi terbaru HTML dengan fitur modern.

Elemen Semantik <header> <nav> <section> <article> <footer>

Metadata & SEO Gunakan <meta> untuk deskripsi situs dan SEO dasar.

Tag Baru HTML5 <video> <audio> <canvas>

Proyek Mini Buat halaman profil pribadi menggunakan HTML.

Contoh Hasil Akhir Judul halaman Foto profil Deskripsi singkat Link media sosial

Kuis HTML Apa fungsi tag <a>? Bagaimana menulis komentar di HTML?

Penutup Selamat! Kamu sudah menyelesaikan modul HTML. Langkah selanjutnya: Belajar CSS.

Tags

belajar html dari basic

Categories

Technology

Download

Download Slideshow Get the original presentation file

Quick Actions

Statistics

Views 0
Slides 33
Age 48 days

Related Slideshows

View More in This Category