Tutorial HTML

Tutorial Belajar HTML Dasar Untuk Pemula

Duniailkom telah mempersiapkan 15 tutorial HTML dasar yang ditujukan bagi pemula. Tutorial ini bisa sebagai panduan singkat untuk membuat halaman web sederhana dengan cepat.

• ⇨Tutorial HTML Part 1: Pengertian HTML
• ⇨Tutorial HTML Part 2: Mengenal Fungsi Browser
• ⇨Tutorial HTML Part 3: Memilih Aplikasi Editor HTML
• ⇨Tutorial HTML Part 4: Menjalankan File HTML
• ⇨Tutorial HTML Part 5: Pengertian Tag, Element, dan Atribut pada HTML
• ⇨Tutorial HTML Part 6: Mengenal Struktur Dasar HTML
• ⇨Tutorial HTML Part 7: Cara Membuat Paragraf di HTML (tag p)
• ⇨Tutorial HTML Part 8: Cara Membuat Judul di HTML (tag h1)
• ⇨Tutorial HTML Part 9: Cara Membuat Daftar/List di HTML (tag li)
• ⇨Tutorial HTML Part 10: Cara Membuat link di HTML (tag a)
• ⇨Tutorial HTML Part 11: Cara Menambahkan Gambar di HTML (tag image)
• ⇨Tutorial HTML Part 12: Cara Membuat tabel di HTML (tag table)
• ⇨Tutorial HTML Part 13: Cara Menambahkan komentar di HTML
• ⇨Tutorial HTML Part 14: Cara Membuat Form di HTML (tag form)
• ⇨Tutorial HTML Part 15: Tutorial HTML Dasar (Finish)

Tutorial Belajar HTML Lanjutan

Tutorial HTML lanjutan akan membahas tag-tag penting HTML yang memerlukan pembahasan lebih dalam.

• ⇨Tutorial HTML Lanjutan: Pengertian Tag Span dan Div dalam HTML
• ⇨Tutorial HTML Lanjutan: Pengertian Meta Tags dalam HTML
• ⇨Tutorial HTML Lanjutan: Cara Mengatur Tampilan Gambar (atribut align dan border)
• ⇨Tutorial HTML Lanjutan: Cara Membuat Description List HTML (tag dl, dt dan dd)
• ⇨Tutorial HTML Lanjutan: Cara Membuat Internal Link (atribut id)

Tutorial Belajar Format Text HTML

Tutorial format text HTML akan membahas tag-tag HTML yang digunakan untuk mengubah text, seperti bagaimana membuat huruf miring, membuat huruf tebal, membuat kutipan, menambahkan kode program, dll.

• ⇨Tutorial HTML Lanjutan: Tag dan Atribut untuk Pembuatan Text dan Format Text HTML
• ⇨Tutorial Text HTML Part 1: Perbedaan Block Element dengan Inline Element tag HTML
• ⇨Tutorial Text HTML Part 2: Cara Membuat Huruf Miring dalam HTML (tag i dan tag em)
• ⇨Tutorial Text HTML Part 3: Cara Membuat Huruf Tebal HTML (tag b dan tag strong)
• ⇨Tutorial Text HTML Part 4: Cara Membuat Huruf Garis Bawah (underline) (tag u dan ins)
• ⇨Tutorial Text HTML Part 5: Cara Membuat Huruf Tercoret (Strikethrough) (tag s dan del)
• ⇨Tutorial Text HTML Part 6: Cara Menulis Persamaan Matematis (tag sup dan sub)
• ⇨Tutorial Text HTML Part 7: Cara Membuat Kutipan (tag blockquote dan q)
• ⇨Tutorial Text HTML Part 8: Cara Membuat Text HTML Tanpa Format (tag pre dan code)
• ⇨Tutorial Text HTML Part 9: Cara Untuk Merubah Arah Text dalam HTML (tag bdo)
• ⇨Tutorial Text HTML Part 10: Tag Untuk Penulisan Hal Teknis (tag samp, kbd, var)
• ⇨Tutorial Text HTML Part 11: Cara Menampilkan Karakter Khusus HTML
• ⇨Tutorial Text HTML Part 12: Tag abbr, cite, dfn, dan small untuk Struktur Text HTML
• ⇨Tutorial Text HTML Part 13: Tag-tag Deprecated untuk Struktur Text dalam HTML

---

Tutorial Belajar Tabel HTML

Tutorial Tabel HTML akan membahas tag-tag yang digunakan untuk membuat tabel di dalam HTML.

• ⇨Tutorial HTML Lanjutan: Tag dan Atribut untuk Pembuatan Tabel HTML
• ⇨Tutorial Tabel HTML Part 1: Mengenal atribut border, cellpadding dan cellspacing
• ⇨Tutorial Tabel HTML Part 2: Cara Menggabungkan Sel Tabel (rowspan dan colspan)
• ⇨Tutorial Tabel HTML Part 3: Cara Membuat Judul Kolom Header Tabel (tag th)
• ⇨Tutorial Tabel HTML Part 4: Cara Membuat Judul Tabel (tag caption)
• ⇨Tutorial Tabel HTML Part 5: Cara Membuat Struktur Tabel (tag thead, tfoot dan tbody)
• ⇨Tutorial Tabel HTML Part 6: Cara Membuat Group Kolom (tag colgroup dan tag col)
• ⇨Tutorial Tabel HTML Part 7: Cara Membuat Garis Antara Baris dan Kolom (atribut rules)
• ⇨Tutorial Tabel HTML Part 8: Cara Mengatur dan Mengubah Lebar Tabel (atribut width)
• ⇨Tutorial Tabel HTML Part 9: Cara Mengatur dan Mengubah Tinggi Tabel (atribut height)

---

Tutorial Belajar Form HTML

Tutorial Form HTML akan membahas tag-tag HTML yang digunakan untuk merancang form secara lebih detail.

• ⇨Tutorial HTML Lanjutan: Tag dan Atribut untuk Pembuatan Form HTML
• ⇨Tutorial Form HTML Part 1: Fungsi dan Cara Penggunaan tag label HTML
• ⇨Tutorial Form HTML Part 2: Fungsi dan Cara Penggunaan tag fieldset dan tag legend
• ⇨Tutorial Form HTML Part 3: Fungsi dan Cara Penggunaan tag button HTML
• ⇨Tutorial Form HTML Part 4: Fungsi dan Cara Penggunaan tag input text & password
• ⇨Tutorial Form HTML Part 5: Fungsi dan Cara Penggunaan tag input type checkbox
• ⇨Tutorial Form HTML Part 6: Fungsi dan Cara Penggunaan tag input type radio
• ⇨Tutorial Form HTML Part 7: Fungsi dan Cara Penggunaan tag input type file (upload)
• ⇨Tutorial Form HTML Part 8: Fungsi dan Cara Penggunaan tag input type image
• ⇨Tutorial Form HTML Part 9: Fungsi dan Cara Penggunaan tag input type hidden
• ⇨Tutorial Form HTML Part 10: Fungsi dan Cara Penggunaan tag select Form
• ⇨Tutorial Form HTML Part 11: Fungsi dan Cara Penggunaan tag textarea Form

Tutorial HTML5

Tutorial HTML5 akan membahas mengenai generasi terbaru HTML.

• ⇨Tutorial Belajar HTML5 Part 1: Perbedaan HTML5 dengan HTML 4 dan XHTML 1.1
• ⇨Tutorial Belajar HTML5 Part 2: Perbedaan antara HTML5 dengan HTML 5
• ⇨Tutorial Belajar HTML5 Part 3: Cara Penulisan DOCTYPE pada HTML5
• ⇨Tutorial Belajar HTML5 Part 4: Pengertian Meta tag Charset UTF-8 pada HTML5
• ⇨Tutorial Belajar HTML5 Part 5: Pengertian Semantic Tag pada HTML5
• ⇨Tutorial Belajar HTML5 Part 6: Membuat Struktur HTML5 (header, footer dan aside)