HTML adalah bahasa pemrograman yang banyak dipakai untuk mengatur teks dalam sebuah website seperti kita mengatur teks dalam sebuah dokumen. HTML sendiri memiliki kepanjangan Hyper Text Markup Language yang pada dasarnya ditulis sendiri dengan menggunakan aplikasi seperti Notepad untuk Windows dan Gedit untuk OS Linux dan Apple. Untuk perkenalan awal, Anda pasti sering melihat sebuah teks dalam website yang memiliki pengaturan sama seperti kita mengedit teks dalam format dokumen. Teks bisa diperbesar ukurannya, bisa diganti warna, bisa berganti font, dan sebagainya. Untuk bisa membuat berbagai format teks tersebut diperlukan kode-kode tag yang disebut dengan kode HTML dengan perintah-perintah tertentu. Untuk tahu lebih lanjut mengenai HTML dan kode HTML, berikut adalah uraiannya.

Membuat HTML via Notepad

Dikarenakan OS Windows adalah yang paling banyak digunakan masyarakat Indonesia maka dalam pembahasan kali ini akan mengadopsi cara menyusun HTML dengan menggunakan Notepad. Anda bisa membuka Notepad dari menu Accessories yang terdapat pada Start Menu. Setelah Notepad terbuka, coba ketikkan tulisan

dan

. Baris kedua kode tersebut disebut dengan tag. Pengertian tag sendiri adalah kode yang digunakan untuk mengganti teks ASCII menjadi sebuah kode HTML.

Tag ditandai dengan kurung tutup runcing “<” dan “>” dengan pembuka tag misalnya

dan ditutup dengan

, menambahkan tanda garis miring untuk setiap kode tag pada teks tertentu yang ingin diubah tampilannya. Untuk contoh-contoh tag HTML akan dibahas selanjutnya. Menuliskan tag HTML ini cukup membutuhkan konsentrasi yang lebih karena meskipun Anda bisa saja menuliskannya dalam huruf yang besar atau kecil tetapi apabila ada satu karakter yang tidak sesuai maka hasilnya tidak akan jadi. Misalnya yang seharusnya ditulis

teks

tetapi ditulis

teks maka kode tag tidak akan bekerja sebagaimana mestinya. Padahal dalam satu website bisa dituliskan ratusan kode tag dalam satu naskah halaman.

Struktur dasar HTML

HTML merupakan bahasa program paling dasar untuk membuat sebuah website. Coba Anda buka kembali aplikasi Notepad Anda dan ketikkan dengan format seperti berikut:

MASUKKAN TEKS DI SINI

Kemudian simpan file dengan memilih format All types dan ganti nama file dengan ekstensi .html. Buka file yang sudah Anda simpan tersebut yang akan secara otomatis terbuka di browser default Anda dan lihat apa yang muncul di sana.

Sebuah halaman HTML terdiri dari struktur dasar HTML yang terdiri dari tag doctype, tag html, tag head, dan tag body. Tag doctype atau document type declaration adalah tag yang memberi tahu kepada browser bahwa file tersebut adalah file HTML. Tag html sudah dijelaskan adalah tag yang dibuka dengan format

dan ditutup dengan format. Tag head adalah tag yang muncul pada definisi website seperti misalnya judul. Sedangkan tag body adalah isian dari halaman tersebut termasuk narasi, gambar, link, dan sebagainya.

Contoh kode tag HTML

Untuk membuat website atau blog Anda lebih menarik tentu diperlukan pengaturan teks yang rapid an menonjolkan informasi-informasi yang penting diketahui oleh pengunjung Anda. Misalnya untuk membuat teks judul maka format tagnya adalah

JUDUL. Format ini dimasukkan di antara struktur dasar HTML seperti contoh di atas.

Kode-kode tag di bawah ini adalah kode untuk mengubah teks seperti file dokumen dalam aplikasi word processor, misalnya:

1. Untuk bold TEKS
2. Untuk kombinasi TEKS
3. Untuk ukuran font TEKS

Html merupakan salah satu materi yang di ajarkan dalam paket kursus web design murah mataweb Media Teknologi, Jika mungkin anda berminta untuk mempelajari lebih lanjut Html anda bisa mengikuti pelatihan html di tempat kami di Gading Serpong Tangerang.