HTML

Daftar Isi Tutorial HTML

HTML merupakan langkah pertama dan juga dasar dari seluruh halaman website di internet. Gurukomputer mencoba menyajikan tutorial HTML untuk pemula. Mulai dari tutorial dasar, hingga tutorial HTML5 terbaru. Materi pembahasan HTML ini dibagi sesuai dengan kategori masing-masing.


Tutorial Dasar HTML

Gurukomputer telah mempersiapkan 15 bagian tutorial HTML dasar yang ditujukan bagi pemula. Tutorial ini bisa digunakan sebagai panduan singkat untuk membuat halaman web sederhana. Untuk pembahasan mendalam silahkan lihat Tutorial HTML Lanjutan.

  • play
    Tutorial Belajar HTML Dasar Untuk Pemula
  • play
    HTML Tutorial 1 : Pengertian HTML
  • play
    HTML Tutorial 2 : Mengenal Fungsi Browser
  • play
    HTML Tutorial 3 : Memilih Editor HTML
  • play
    HTML Tutorial 4 : Menjalankan File HTML
  • play
    HTML Tutorial 5 : Pengertian Tag, Element, dan Atribut Pada HTML
  • play
    HTML Tutorial 6 : Mengenal Struktur Dasar HTML
  • play
    HTML Tutorial 7 : Cara Membuat Paragraf
  • play
    HTML Tutorial 8 : Cara Membuat Judul
  • play
    HTML Tutorial​​​​ 9 : Cara Membuat Daftar/List
  • play
    HTML Tutorial 10 : Cara Membuat Link
  • play
    HTML Tutorial 11 : Cara Menambahkan Gambar
  • play
    HTML Tutorial 12 : Cara Membuat Tabel
  • play
    HTML Tutorial 13 : Cara Menambahkan Komentar
  • play
    HTML Tutorial 14 : Cara Membuat Form
  • play
    HTML Tutorial 15 : Finish

Tutorial Belajar HTML Lanjutan

Pada tutorial belajar HTML lanjutan ini kita akan membahas tag-tag penting HTML yang memerlukan pembahasan lebih dalam.

  • play
    HTML Lanjutan 1 : Pengertian Tag Span dan Div pada HTML
  • play
    HTML Lanjutan 2 : Pengertian Meta Tags dalam HTML
  • play
    HTML Lanjutan 3 : Cara Mengatur Tampilan Gambar dengan atribut align dan border
  • play
    HTML Lanjutan 4 : Cara Membuat Description List HTML (tag dl, dt, dd)
  • play
    HTML Lanjutan 5 : Cara Membuat Internal Link (atribut id)

Tutorial Format Text HTML

Pada Tutorial kali ini kita akan belajar mengenai tag HTML yang dipakai untuk mengubah text, seperti bagaimana membuat huruh miring, huruf tebal, membuat kutipan, menambahkan kode program, dan lainnya.

  • play
    Tag dan Atribut Untuk Pembuatan Text Dan Format Text HTML
  • play
    Format Text HTML Tutorial 1 : Perbedaan Block Element dengan Inline Element 
  • play
    Format Text HTML Tutorial 2 : Cara Mengatur Tampilan Gambar dengan atribut align dan border
  • play
    Format Text HTML Tutorial 3 : Description List HTML (tag dl, dt, dd)
  • play
    Format Text HTML Tutorial 4 : Huruf Garis Bawah Underline (tag u dan ins)
  • play
    Format Text HTML Tutorial 5 : Huruf Tercoret Strikethrough (tag s dan del)
  • play
    Format Text HTML Tutorial 6 : Cara Menulis Rumus Matematis (tag sup and sub)
  • play
    Format Text HTML Tutorial 7 : Kutipan (tag blockquote dan q)
  • play
    Format Text HTML Tutorial 8 : Text HTML Tanpa Format (tag pre dan code)
  • play
    Format Text HTML Tutorial 9 : Merubah Arah Text (tag bdo)
  • play
    Format Text HTML Tutorial 10 : Tag Untuk Penulisan Hal Teknis ( tag samp, kbd, var)
  • play
    Format Text HTML Tutorial ​​​​11 : Cara Menampilkan Karakter Khusus
  • play
    Format Text HTML Tutorial 12 : Tag abbr, cite, dfn, dan small untuk struktur text HTML
  • play
    Format Text HTML Tutorial 13 : Tag-tag Deprecated untuk Struktur Text dalam HTML

Tutorial Tabel HTML

Pada tutorial belajar tabel HTML ini kita akan belajar tentang tag yang digunakan untuk membuat tabel di dalam HTML.

  • play
    Tabel HTML Tutorial 1 : Pengertian Tag Span dan Div padaHTML
  • play
    Tabel HTML Tutorial 2 : Pengertian Meta Tags dalam HTML
  • play
    Tabel HTML Tutorial 3 : Cara Mengatur Tampilan Gambar dengan atribut align dan border
  • play
    Tabel HTML Tutorial 4 : Cara Membuat Description List HTML (tag dl, dt, dd)
  • play
    Tabel HTML Tutorial 5 : Cara Membuat Internal Link (atribut id)

Tutorial Form HTML

Pada Tutorial Form HTML ini kita akan belajar mengenai tag yang digunakan untuk merancang form secara lebih dalam.

  • play
    Tutorial HTML Untuk Pembuatan Form HTML
  • play
    Form HTML Tutorial 1 : tag label
  • play
    Form HTML Tutorial 2 : tag fieldset dan tag legend
  • play
    Form HTML Tutorial 3 : tag button (tombol)
  • play
    Form HTML Tutorial 4 : Input text dan password
  • play
    Form HTML Tutorial 5 : Input type checkbox
  • play
    Form HTML Tutorial 6 : Input type radio
  • play
    Form HTML Tutorial 7 : Input type file (upload)
  • play
    Form HTML Tutorial 8 : Input type image
  • play
    Form HTML Tutorial 9 : Input type hidden
  • play
    Form HTML Tutorial 10 : Select form
  • play
    Form HTML Tutorial 11 : Textarea form

Tutorial HTML5

Pada tutorial HTML5 kita akan mempelajari generasi terbaru dari HTML.

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