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 Tampilan Halaman Web HTML Menggunakan CSS

HTML merupakan singkatan dari Hypertext Markup Language, merupakan sekumpulan skrip untuk mengatur format tulisan dengan output berupa halaman web. Kode html merupakan kode yang paling mudah dipelajari serta diterapkan karena kode ini merupakan kode yang sangat dasar. Melalui kode html, tulisan di halaman web menjadi rapi dan enak untuk dibaca. Kode html dapat dibuat hanya menggunakan text editor seperti notepad.

Dokumen HTML merupakan suatu dokumen berisi text dengan format html dan memiliki ekstensi file .html, dapat diterjemahkan menggunakan browser. Pembuatan dokumen html dapat dilakukan melalui perangkat komputer dengan sistem operasi apa pun hanya menggunakan text editor tanpa memerlukan perangkat lunak tambahan.

Penggunaan kode HTML yang baik dan baku akan menghasilkan sebuah halaman website yang rapi dan terstruktur.

Persiapan awal untuk membuat dokumen HTML 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 Utama HTML

Kode utama dokumen html adalah adanya tipe dokumen, tag html, head, dan body.

<!DOCTYPE html>
<html>
<head>
elemen head
</head>
<body>
elemen body (tampil di browser)
</body>
</html>

Elemen di antara tag head merupakan informasi yang tidak tampil di browser tetapi berisi informasi dokumen seperti judul dokumen, kode CSS, tag meta, javascript, dan sebagainya. Sedangkan konten yang tampil di browser merupakan konten yang dibuat di antara tag body.

DOCTYPE menandakan Document Type atau tipe dokumen, dalam hal ini adalah html.

Kode 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 web. 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.

Sang Pengawal

Kode html bekerja sebagai pengawal karena keberadaannya di awal dan akhir objek yang hendak diformat. Perhatikan contoh kode di atas. Kebanyakan tag ditulis rangkap sebagai pembuka dan penutu, misalnya <html> dan </html>.

Kode Tunggal

Walaupun sebagian besar penggunaan kode html menggunakan tag pembuka dan penutup, ada juga kode html yang bersifat tunggal. Contoh kode html yang digunakan secara tunggal adalah kode untuk membuat garis baru <br/>. Setiap konten di belakang tag ini akan berada di baris baru.

Enter dianggap spasi

Dalam pembuatan tulisan pada dokumen html penggunaan enter sebanyak apa pun akan dianggap sebagai satu spasi. Oleh karena itu, untuk memisahkan satu paragraf dengan paragraf lainnya harus diapit dengan tag seperti <p>...</p>.

Oleh Opan
Dibuat
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.

Protected by Copyscape CodeCogs - An Open Source Scientific Library