HTML (Hypertext Markup Language) adalah bahasa markup standar untuk membuat halaman web. Dalam artikel ini, kita akan membahas beberapa contoh coding HTML yang berguna bagi Anda yang ingin mempelajari dasar-dasar HTML.
Pengenalan Dasar HTML
HTML terdiri dari elemen-elemen yang ditulis dengan tag. Setiap tag memiliki nama yang diapit oleh tanda kurung siku. Ada tag pembuka dan tag penutup. Tag pembuka diawali dengan karakter < dan diikuti dengan nama tag, sedangkan tag penutup diawali dengan karakter < dan diikuti dengan tanda garis miring (/) dan nama tag.Contoh:
Ini adalah contoh paragraf HTML.
Tag
adalah tag pembuka, dan
adalah tag penutup.
Contoh Coding HTML Dasar
Berikut ini adalah contoh coding HTML dasar yang berguna bagi Anda yang ingin mempelajari HTML:
Contoh 1: Halaman Web Sederhana
Ini adalah contoh paragraf pertama.
Ini adalah contoh paragraf kedua.
Kode di atas akan membuat halaman web sederhana dengan judul “Contoh Halaman Web Sederhana”, judul utama “Selamat Datang di Halaman Web Sederhana”, dan dua paragraf.
Contoh 2: Membuat Link
Untuk membuat link dalam HTML, gunakan tag :Klik di sini untuk mengunjungi GoogleKode di atas akan membuat teks “Klik di sini untuk mengunjungi Google” menjadi link yang mengarah ke situs web Google.
Contoh 3: Membuat Gambar
Untuk menambahkan gambar dalam HTML, gunakan tag :
Contoh Coding HTML Lanjutan
Berikut ini adalah contoh coding HTML lanjutan:
Contoh 4: Membuat Tabel
Untuk membuat tabel dalam HTML, gunakan tag
| Nama | Usia |
|---|---|
| Andi | 25 |
| Budi | 30 |
Kode di atas akan membuat tabel dengan dua kolom (“Nama” dan “Usia”) dan dua baris (Andi dan Budi).
Contoh 5: Membuat Formulir
Untuk membuat formulir dalam HTML, gunakan tag
Kode di atas akan membuat formulir dengan tiga field (Nama, Email, dan Pesan) dan satu tombol Kirim.
Kesimpulan
HTML adalah bahasa markup standar untuk membuat halaman web. Dalam artikel ini, kita telah membahas beberapa contoh coding HTML yang berguna bagi Anda yang ingin mempelajari dasar-dasar HTML. Dengan memahami contoh-contoh tersebut, Anda dapat membuat halaman web sederhana, link, gambar, tabel, dan formulir. Semoga artikel ini berguna bagi Anda!