Pengertian HTML
HTML adalah singkatan dari Hypertext Markup Language. Disebut hypertext karena di dalam HTML sebuah text biasa dapat berfungsi lain, kita dapat membuatnya menjadi link yang dapat berpindah dari satu halaman ke halaman lainnya hanya dengan meng-klik text tersebut. Kemampuan text inilah yang dinamakan hypertext, walaupun pada implementasinya nanti tidak hanya text yang dapat dijadikan link. (Wikipedia)
Disebut Markup Language karena bahasa HTML menggunakan tanda (mark), untuk menandai bagian-bagian dari text. Misalnya, text yang berada di antara tanda tertentu akan menjadi tebal, dan jika berada di antara tanda lainnya akan tampak besar. Tanda ini di kenal sebagai HTML tag.
Jika anda ingin melihat bagaimana sebenarnya HTML, silahkan klik kanan halaman ini, lalu pilih View Page Source (di Browser Mozilla Firefox atau Google Chrome). Akan tampil sebuah halaman baru yang merupakan kode HTML dari halaman ini.
Langkah Awal untuk memulai codingan ini sobat Cyber4Team perlu mempersiapkan beberapa hal sebagai berikut ini :
1. Notepad
2. Browser
Sobat Cyber4Sosial Buka aplikasi editor ini gunakan teks editor yang memiliki fitur syntax highlighter seperti Notepad++, Sublime Text, Gedit, Kate, dan lain-lain. File HTML disimpan dengan ekstensi html atau htm.
Contoh-contoh HTML
Kita
ingin menampilkan informasi di website. Informasi ini merupakan sebuah pesan: Situs web ini milik Kalian. Maka bentuk
kode HTML-nya akan seperti ini:
<!Doctype html>
<html>
<body>
Situs web ini milik Anda
</body>
</html>
HTML
di disusun dengan tag-tag (penanda). Perhatikanlah, letak penulisan informasi
yang ingin dimuat di website. Berada di atantara tag
<body>
dan </body>
. tag ini merupakan
tubuh dokumen. Setiap informasi yang ditulis di dalam penada ini, akan tampil
di halaman web.
Setelah SourceCode sudah kalian copy kemudian pastekan di notepad anda, untuk langkah selanjutnya lakukan save pada source code anda dengan format (nama).html
oke sudah mulai pahamkan hehe
oke sudah mulai pahamkan hehe
Contoh
selanjutnya, kita akan berkenalan dengan tag
<head>
dan tag <title>
. Tag <head>
merupakan
kepala dokumen. Agar lebih mudah memahami, cantoh yang tadi kita modifikasi.
Tambahkanlah tag <head>
dan tag <title>
Sehingga kodenya menjadi seperti di bawah ini.<!Doctype html>
<html>
<head>
<title>Situs Web Anda
</title>
</head>
<body>
Situs web ini milik Anda
</body>
</html>
Tag
<title>
berfungsi untuk
membuat judul website. Sementara itu tag <head>
berfungsi untuk membuat kepala dokumen. Tag <title>
harus
diletakkan di dalam tag <head>
. Perhatikanlah hasilnya, teks yang ada di tag <title>
akan
ditampilkan sebagai judul website.Untuk menampilkan hasilnya kalian bisa buka browser kalian kemudian tekan dikeyboard CTRL + O , Open file yang tadi dicopykan
Contoh
berikutnya, kita akan berkenalan dengan tag
<h1>
dan tag <p>
. tag <h1>
berfungsi untuk membuat judul artikel. H1 adalah
ukuran judul terbesar di HTML. Sementara itu, tag <p>
berfungsi untuk
membuat paragraf. Modifikasi lagi kode tadi, sehingga menjadi seperti berikut
ini:<!Doctype html>
<html>
<head>
<title>Situs Web Ardianta
</title>
</head>
<body>
<h1>Tentang situs web ini
</h1>
<p>Situs web ini milik Ardianta. Dibuat pada tanggal 13 Januari 2015.
Tujuan membuat situs web ini, untuk latihan saja. Situs ini belum mengudara,
karena masih tersimpan di komputer saya sendiri (lokal). Suatu saat nanti,
situs ini akan kusimpan (hosting) di sebuah server di internet.
</p>
</body>
</html>
Perhatikanlah
hasilnya, Teks yang berada di dalam tag H1 akan ditampilkan lebih besar. Karena
teks itu adalah sebuah judul artikel. Sementara itu, teks yang berada di tag
<p>
akan
ditampilkan dengan ukuran normal. Untuk lebih jelasnya, cobalah tambahkan paragraf
lagi di bawahnya.Kesimpulan
HTML adalah bahasa yang wajib dipelajari oleh siapa saja yang tertarik menjadi pembuat website (Web Developer). Karena HTML merupakan bahan dasar untuk membuat website. Contoh-contoh sederhana di atas sudah menjelaskan bagaimana kode HTML itu. Banyak tag yang harus di hafal. Kunci untuk mengingatnya adalah sering berlatih membuat file HTML. Insa’allah anda akan ingat di luar kepala.
Cukup sekian dulu pengenalan HTML ini, bagaimana pendapatmu? Apakah sudah paham
dan mengenal HTML, sekarang?