Tutorial Belajar HTML – Langkah Pertama Untuk Membuat Web

Tutorial belajar HTML ini saya tujukan untuk  pengunjung duniailkom.com sebagai sarana dalam belajar HTML. HTML sendiri merupakan langkah pertama untuk belajar membuat web. Untuk menjadi programmer web, HTML adalah dasar yang mutlak dipelajari. Setelah mempelajari HTML, anda bisa melanjutkan untuk mempelajari CSS, JavaScript, dan PHP.

Tutorial HTML ini akan saya bagi menjadi beberapa bagian.

Tutorial HTML Dasar lebih ditujukan kepada pemula yang ingin mempelajari cara membuat web dengan cepat. Langkah demi langkah akan saya jelaskan dengan contoh, agar mudah memahami. Diharapkan setelah mempelajari bagian dasar, sedikit banyak anda telah memahami apa itu HTML dan dapat membuat halaman web sederhana dengan HTML.

Bagian kedua adalah Tutorial HTML Lanjutan yang saya maksudkan untuk mempelajari lebih dalam tentang HTML. Misalnya jika pada Tutorial HTML Dasar kita pelajari tentang cara membuat tabel sederhana menggunakan tag dan , pada Tutorial HTML Lanjutan kita akan mempelajari pembuatan tabel HTML beserta atribut-atribut nya seperti tag .

Tutorial HTML ini akan saya update secara reguler. Komentar, pertanyaan dan saran rekan-rekan sangat saya hargai untuk lebih memudahkan dalam memahami tutorial ini. Semoga dengan Tutorial HTML ini bagi yang ingin belajar HTML dapat terbantu, dan bagi yang sudah mahir sekedar merefresh kembali tentang HTML.

---

Tutorial Belajar HTML Dasar Untuk Pemula

Duniailkom telah mempersiapkan 15 tutorial HTML dasar yang ditujukan untuk pemula yang ingin mempelajari HTML dari awal. Tutorial ini ditujukan sebagai tutorial singkat untuk membuat halaman web sederhana dengan cepat. Pembahasan mendalam untuk topik topik yang lebih lengkap akan dipisahkan ke dalam Tutorial HTML Lanjutan.

• Tutorial Belajar HTML Dasar Untuk Pemula


• 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 HTML (atribut align dan border)


• Tutorial HTML Lanjutan: Cara Membuat Description List HTML (tag dl, dt dan dd)


• Tutorial HTML Lanjutan: Cara Membuat Internal Link ke Bagian Lain Dokumen (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 dalam HTML (tag b dan tag strong)


• Tutorial Text HTML Part 4: Cara Membuat Huruf Garis Bawah (underline) HTML (tag u dan ins)


• Tutorial Text HTML Part 5: Cara Membuat Huruf Tercoret (Strikethrough) HTML (tag s dan del)


• Tutorial Text HTML Part 6: Cara Menulis Persamaan Matematis dalam HTML (tag sup dan sub)


• Tutorial Text HTML Part 7: Cara Membuat Kutipan di dalam HTML (tag blockquote dan q)


• Tutorial Text HTML Part 8: Cara Membuat Text HTML Tanpa Format (tag pre dan tag code)


• Tutorial Text HTML Part 9: Cara Untuk Merubah Arah Text dalam HTML (tag bdo)


• Tutorial Text HTML Part 10: Tag HTML Untuk Penulisan Hal Teknis (tag samp, kbd, dan var)


• Tutorial Text HTML Part 11: Cara Menampilkan dan Memasukkan 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 dalam Tabel


• Tutorial Tabel HTML Part 2: Cara Menggabungkan Sel Tabel (atribut rowspan dan colspan)


• Tutorial Tabel HTML Part 3: Cara Membuat Judul Kolom Header Tabel HTML (tag th)


• Tutorial Tabel HTML Part 4: Cara Membuat Judul Tabel HTML (tag caption)


• Tutorial Tabel HTML Part 5: Cara Membuat Struktur Tabel HTML (tag thead, tfoot dan tbody)


• Tutorial Tabel HTML Part 6: Cara Membuat Group Kolom Tabel (tag colgroup dan tag col)


• Tutorial Tabel HTML Part 7: Cara Membuat Garis Antara Baris dan Kolom Tabel (atribut rules)


• Tutorial Tabel HTML Part 8: Cara Mengatur dan Mengubah Lebar Tabel HTML (atribut width)


• Tutorial Tabel HTML Part 9: Cara Mengatur dan Mengubah Tinggi Tabel HTML (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 type text dan password


• Tutorial Form HTML Part 5: Fungsi dan Cara Penggunaan tag input type checkbox HTML


• Tutorial Form HTML Part 6: Fungsi dan Cara Penggunaan tag input type radio HTML


• Tutorial Form HTML Part 7: Fungsi dan Cara Penggunaan tag input type file (form 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 HTML


• Tutorial Form HTML Part 10: Fungsi dan Cara Penggunaan tag select Form HTML


• Tutorial Form HTML Part 11: Fungsi dan Cara Penggunaan tag textarea Form HTML

---

 Tutorial HTML5

List Tutorial HTML5 duniailkom:

• 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: Cara Membuat Struktur HTML5 (Tag header, footer dan aside)

Sumber wk.com