HTML Dasar Untuk Pemula - FR-ACADEMY - Online Learning Platform

1

01 Apa Itu HTML? Cara Kerja dan Tools yang Dibutuhkan Gratis

2

02 Struktur Dasar HTML: Doctype, html, head, body Gratis

3

03 Tag Heading (h1-h6) dan Paragraf (p) Gratis

4

04 Memformat Teks: Bold, Italic, Underline (b, strong, i, em, u) Gratis

5

05 Komentar di HTML: Untuk Catatan dan Debugging Gratis

6

06 Membuat Link (a) dan Atribut href, target, title Gratis

7

07 Menambahkan Gambar (img) dengan src, alt, width, height Gratis

8

08 Membuat Daftar: Ordered List (ol), Unordered List (ul), List Item (li) Gratis

9

09 Membuat Tabel Sederhana: table, tr, td, th Gratis

10

10 - Menggabungkan Sel Tabel dengan colspan dan rowspan Gratis

11

11 - Membuat Form (form) dan Method GET vs POST

12

12 - Input Text, Password, Email, Number, dan Textarea

13

13 - Radio Button, Checkbox, dan Select Dropdown

14

14 - Tombol (button) dan Submit

15

15 - Atribut Penting: placeholder, required, readonly, disabled

16

16 - Perbedaan div dan span (Block vs Inline Element)

17

17 - Tag Layout Dasar: header, nav, main, article, section, aside, footer

18

18 - Membuat Layout Sederhana dengan div (Tanpa CSS)

19

19 - Menggunakan br dan hr untuk Garis & Spasi

20

20 - 3 Cara Menambahkan CSS ke HTML: Inline, Internal, External

21

21 - Mengenal Selector CSS: Tag, Class, ID

22

22 - Properti CSS Wajib: color, background, font-size, text-align

23

23 - Mengatur Margin dan Padding untuk Jarak

24

24 - Mengatur Border dan Border Radius (Membuat Kartu)

25

25 - Membuat Navigasi Bar (Navbar) Sederhana dengan CSS

26

26 - Cara Menambahkan JavaScript ke HTML (Inline, Internal, External)

27

27 - Menampilkan Alert dan Prompt dengan JavaScript

28

28 - Mengambil dan Mengubah Isi Elemen HTML (innerHTML, textContent)

29

29 - Menambahkan Event Klik (onclick) pada Tombol

30

30 - Menampilkan/Menyembunyikan Elemen dengan JavaScript

31

31 - Membuat Counter Sederhana (Tombol + dan -)

32

32 - Apa Itu Responsive Web Design? Pengertian Viewport

33

33 - Menggunakan Flexbox untuk Layout (display: flex)

34

34 - Menggunakan Grid CSS untuk Layout Halaman

35

35 - Media Query: Membuat Tampilan Berubah di HP, Tablet, PC

36

36 - Membuat Navigasi Responsif (Hamburger Menu Sederhana)

37

37 - Proyek Akhir: Membuat Layout Website Responsif (Header, Sidebar, Konten, Footer)

38

38 - Menggunakan Font Google di HTML

39

39 - Menyisipkan YouTube Video dengan iframe

40

40 - Menambahkan Favicon (Icon di Tab Browser)

41

41 - Meta Tag untuk SEO dan Sosial Media (Open Graph)

42

42 - Mendeploy Website HTML ke Hosting Gratis (Netlify/Vercel)