Assalamualaikum,
Ingin membuat website sendiri, tapi terkadang banyak banyak
template (gratis maupun yang berbayar), terkadang tidak sesuai dengan selera
kita. Maka kita harus meng-edit dan melakukan perubahan-perubahan. Di dalam
mengedit dan melakukan perubahan inilah kita harus mengerti dan memahami bahasa
HTML.
Bahasa html ??? what’s it?
HTML (Hyper
Text Markup Language) merupakan bahasa standar untuk membuat suatu
dokumen HTML (halaman web) yang terdiri dari kode-kode singkat tertentu, dimana
dengan kode-kode tersebut akan memerintahkan Web browser bagaimana untuk
menampilkan halaman Web yang terdiri dari berbagai macam format file seperti
teks, grafik, animasi, link maupun audio-video.
Web Browser itu
sendiri apa?
Web browser adalah
sebuah progam yang dapat menterjemahkan kode perintah dari dokumen HTML
tersebut sehingga dapat kita lihat, baca dan dengar. Contoh dari Web Browser
adalah Internet Explorer, Netscape Navigator, Mozilla Firefox, Opera, Safari
dll.
Nah , untuk yang
baru belajar alias pemula (newbie), bisa ikuti langkah-langkah berikut. Saya
akan contohkan dengan menggunakan notepad ++
( bedanya dengan notepad bawaan windows:
kalo notepad++ ini lebih interaktif).
Let’s cekidout...
1. buka notepad++
2.
kemudian
mulai menuliskan tag-tag html-nya. Kita mulai dulu dari contoh yang sederhana.
<html>
<head>
<title>BLOG PROGRATHIKA IS NASER</title>
</head>
<body> Disini adalah konten yang tampil di
browser
</body>
</html>
Bingung
??? penjelasannya akan menyusul...
3.
lanjut
ke langkah berikutnya. Kalo sudah selesai, kita save. Simpan file tersebut
dengan format .html
contoh:
latihan1.html
4. bagaimana melihat
hasil file kita ? Buka tempat file itu disimpan. Nah..di latihan1.html
tersebut, klik kanan-- open with -- lalu bisa pilih Internet explorer ,mozilla,
opera atau web browser lainnya.
5. abracadabra..
lihat..file html kamu, simple tapi indah kan ??
ooopz.. sampe
lupa, berikut penjelasan dari tag-tag html diatas:
·
Tag pertama pada dokumen HTML diatas adalah:
" <html>" tag ini merupakan awal dari suatu dokumen HTML, dan
tag " </html>" merupakan akhir dari dokumen HTML. Isi
keseluruhan dari suatu dokumen HTML selalu berada diantara tag
<html>…</html>.
·
Kemudian tag "
<head>…</head>" (header) adalah informasi dari dokumen HTML.
Informasi di dalam header meliputi: title, meta, style, script dll. Selain
Title informasi di dalam header ini nantinya tidak akan di tampilkan di web
browser.
·
Tag berikutnya adalah "
<title>…</title>" merupakan bagian dari Head, tag ini adalah
sebagai Titel dari dokumen HTML, titel ini akan tampil di titel dan tab
browser. Sebagai contoh sewaktu anda membuka file contoh diatas perhatikan akan
muncul tulisan "Disini titel websiteku".
·
Tag "<body>…</body>"
merupakan isi dari suatu dokumen HTML yang akan ditampilkan di web browser,
yang terdiri dari berbagai macam format file berupa teks, grafik, link, animasi
maupun audio-video (multimedia).
Cukup untuk hari
ini, selamat mencoba...
wassalamualaikum..
Tidak ada komentar:
Posting Komentar