Repository ini berisi hasil belajarku tentang bahasa HTML, mulai dari dasar hingga konsep yang lebih kompleks. Semua materi yang ada di sini merupakan catatan pribadiku yang bisa digunakan sebagai referensi di masa depan 😊😎. Referensi yang aku gunakan disini berasal dari situs-situs seperti geeksforgeeks , w3schools, Petani Kode, dan DuniaIlkom
- Untuk mendokumentasikan perjalanan belajarku dalam HTML.
- Sebagai referensi pribadi ketika membutuhkan konsep HTML tertentu.
- Untuk membantu orang lain yang ingin belajar HTML dari dasar hingga lanjutan.
HTML adalah singkatan dari HyperText Markup Language . Bahasa ini adalah bahasa standar yang digunakan untuk membuat dan menyusun konten di web. Bahasa ini memberi tahu peramban web cara menampilkan teks, tautan, gambar, dan bentuk multimedia lainnya di halaman web. HTML mengatur struktur dasar situs web, lalu CSS dan JavaScript menambahkan gaya dan interaktivitas agar situs web terlihat dan berfungsi lebih baik.
Bagaimana Cara Kerja HTML? - Dokumen HTML adalah berkas teks biasa yang disimpan dengan ekstensi .html . Peramban membaca dokumen ini, menginterpretasikan markup (tag dan atribut), dan menampilkan konten yang diformat di layar Anda.
Untuk menunjukkan kepada Anda betapa menyenangkan dan mudahnya HTML , kami telah memberikan contoh klasik penulisan "Hello World!" dalam HTML 😊
<!DOCTYPE html>
<html>
<head>
<title>HTML Tutorial</title>
</head>
<body>
<p>Hello World!</p>
</body>
</html>Mempelajari HTML penting karena berbagai alasan praktis:
- Dasar Pengembangan Web: HTML adalah titik awal untuk membuat situs web. Memahami HTML sangat penting untuk peran pengembangan web atau desain web apa pun.
- Bahasa Universal Web: HTML adalah bahasa markup standar yang digunakan untuk membuat struktur halaman web. Pengetahuan tentang HTML diperlukan untuk mengelola konten apa pun di Internet.
- Mudah Dipelajari: HTML mudah dipahami dibandingkan dengan bahasa pemrograman lainnya. Pemula dapat dengan cepat mempelajari cara membuat situs web dasar hanya dengan HTML.
- Peluang Karier: Keterampilan dalam HTML membuka berbagai jalur karier, termasuk peran pengembang web, manajer konten, dan desainer UX/UI.
- Gerbang Menuju Teknologi Canggih: Setelah menguasai HTML, Anda dapat dengan mudah melanjutkan untuk mempelajari CSS , JavaScript, dan alat lain yang menyempurnakan situs web, menjadikannya lebih interaktif dan menarik secara visual.
Tutorial HTML ini memberikan Anda perjalanan belajar langkah demi langkah untuk menguasai HTML. Anda akan mulai dengan dasar-dasar HTML, lalu beralih ke topik HTML5 tingkat lanjut. Di akhir tutorial HTML ini, Anda akan memiliki dasar yang kuat dalam HTML. 😎
Berikut adalah berbagai tutorial HTML yang telah aku pelajari. Checklist ini akan diperbarui seiring progres belajarku.
Dengan mempelajari dasar-dasar HTML, Anda dapat mulai membuat halaman web Anda sendiri dan mewujudkan ide-ide Anda secara online. 😊
✅ Pengantar HTML
✅ Editor HTML
✅ Komentar HTML
- Elemen HTML
- Atribut HTML
- Dokumen Tipe HTML
- Judul HTML
- Paragraf HTML
- Tautan HTML
- Gambar HTML
- Semantik HTML
- Entitas HTML
- Simbol HTML
Mulailah dari yang sederhana dan pelajari dengan mengerjakan proyek HTML tingkat pemula, yang mengajarkan Anda cara membuat halaman web dasar, memberi Anda praktik nyata dalam membangun situs web.
- Situs Web Portofolio Sederhana
- Mendesain Halaman Web Acara
- 10 Proyek Teratas Untuk Pemula
- Halaman Penghormatan
- Halaman Web Termasuk Formulir
- Situs Web Paralaks
- Halaman Arahan
- Situs Web Restoran
- Halaman Web Acara atau Konferensi
- Halaman Toko Musik
- Situs Fotografi
- Portofolio Pribadi
- Dokumentasi Teknis
Tag HTML merupakan blok pembangun halaman web. Dengan memahami dan menggunakan tag HTML secara efektif, Anda dapat membuat halaman web yang terstruktur dengan baik dan informatif.
- Tambahkan Paragraf dalam HTML
- Membuat Tautan dalam HTML
- Tag Div dalam HTML
- Tag Span dalam HTML
- Tambahkan Header pada Halaman Web
- Tambahkan Footer pada Halaman Web
- Pemutusan Baris dalam HTML
- Tambahkan Bilah Navigasi di HTML
- Hubungkan JavaScript ke HTML
- Tag HTML – Daftar A sampai Z
Table HTML menyediakan cara terstruktur untuk mengatur informasi kedalam baris dan kolom, sehingga memudahkan pengguna untuk memahami dan menavigasi.
- Apa itu Tabel dalam HTML?
- Menambahkan Baris Tabel di HTML
- Tambahkan Header Tabel di HTML
- Menambahkan Sel Tabel di HTML
- Mengatur keterangan pada Tabel HTML
- Kelompokkan Kolom dalam HTML
Daftar HTML mengatur informasi dengan jelas di situs web Anda. Daftar ini sangat cocok untuk petunjuk langkah demi langkah, daftar bahan, atau peringkat item. Ini meningkatkan keterbacaan dan membantu pengguna memahami konten Anda.
HTML menawarkan tag dan atribut untuk memberi gaya pada teks, gambar, dan lain-lain pada situs web Anda. Hal ini meningkatkan daya tarik visual, membantu pengguna menavigasi konten Anda, dan memberi sinyal informasi penting kepada pengguna. Mari kita bahas beberapa tag pemformatan HTML yang umum.
Formulir HTML memungkinkan pengguna berinteraksi dengan situs web Anda. Gunakan formulir tersebut untuk mengumpulkan detail kontak, menjalankan survei, menelusuri situs Anda, dan banyak lagi. Mari kita bahas lebih lanjut tentang formulir HTML:
📦 belajar-html
┣ 📂 dasar
┃ ┣ 📜 01_pengenalan.html
┃ ┣ 📜 02_struktur.html
┃ ┣ 📜 03_elemen.html
┃ ┗ 📜 04_heading_paragraf.html
┣ 📂 tampilan
┃ ┣ 📜 05_gambar.html
┃ ┣ 📜 06_list.html
┃ ┗ 📜 07_tabel.html
┗ 📜 README.md