Membuat Dokumen HTML

Membuat halaman website dengan menggunakan HTML gampang-gampang susah. Gampang karena pelaksanaannya cukup sederhana, susah karena banyak kode yang perlu dipahami agar sebuah halaman website terlihat indah dipandang mata dan informatif. Pemahaman dasar untuk membuat halaman website dengan menggunakan HTML adalah memahami kode HTML dasar dan memahami bagaimana kode-kode tersebut bekerja. Pada post ini saya ingin berbagi bagaimana cara membuat halaman website dengan menggunakan HTML dari yang paling dasar yang saya ketahui.

Silakan baca: Merapikan HTML Menggunakan CSS

HTML adalah singkatan dari HyperText Markup Language yang merupakan bahasa untuk membuat tampilan halaman website dengan format tertentu.

Penggunaan kode HTML yang baik dan baku akan menghasilkan sebuah halaman website yang rapi dan terstruktur. Secara manual, pembuatan halaman website menggunakan HTML tidak memerlukan software khusus. Cukup berbekal Notepad, browser, dan memahami kode-kode HTML. Persiapan yang perlu dilakukan adalah membuat file dengan Notepad (atau software lain pengolah text seperti notepad++, KEdit, dsb) kemudian mengganti ekstensi .txt menjadi .html. Setelah itu, isi file tersebut dengan kode HTML.

Mari kita mulai belajar membuat halaman website dengan HTML. Beri nama file yang kamu buat tadi dengan nama pilihan masing-masing. Saya misalkan nama filenya adalah index.html.

Kode yang wajib ada pada halaman website HTML adalah sebagai berikut.

<!DOCTYPE html>
<html>
<head>
...
</head>
<body>
...
</body>
</html>

DOCTYPE maksudnya adalah Document Type atau jenis dokumen, dalam hal ini adalah html. Kata yang berada di antara < dan > disebut tag. Kode HTML terdiri dari pembuka dan penutup. Pada keduanya terdapat tag yang sama, yang membedakan bahwa kode tersebut pembuka atau penutup adalah terletak pada tanda garis miring. Pada pembuka kodenya hanya berupa <tag> sedangkan pada penutup, dengan tag yang sama ditambahkan garis miring menjadi </tag>. Pada kode di atas, tag pembuka utama adalah html. Di antara tag html terdapat tag head dan tag body. Kode yang diletakan di antara tag head tidak akan muncul dan terlihat pada halaman. Kode di antara tag head berupa informasi seperti tag title (muncul sebagai judul pada browser), meta tag, CSS, Javascript, dan sebagainya. Di antara tag body kita bisa meletakan konten yang ingin kita tampilkan pada hamalan web.

Bagikan

Oleh Opan pada
Seorang guru matematika yang hobi menulis tiga bahasa, yaitu bahasa indonesia, matematika, dan php. Dari ketiganya terwujudlah website ini sebagai sarana berbagi pengetahuan yang dimiliki.

Demi menghargai hak kekayaan intelektual, mohon untuk tidak menyalin sebagian atau seluruh halaman web ini dengan cara apa pun untuk ditampilkan di halaman web lain atau diklaim sebagai karya milik Anda. Tindakan tersebut hanya akan merugikan diri Anda sendiri. Jika membutuhkan halaman ini dengan tujuan untuk digunakan sendiri, silakan unduh atau cetak secara langsung.

Kunjungan Halaman Bulan Ini
Protected by Copyscape CodeCogs - An Open Source Scientific Library