Pengenalan HTML
Apa yang dimkasud dengan file HTML?
- HTML merupakan kependekan dari Hyper Text markup Language
- Sebuah file HTML merupakan sebuah file teks yang berisi tag-tag markup
- Tag markup memberitahukan browser bagaimana harus menampilkan sebuah halaman
- File HTML harus memiliki ekstensi htm atau html
- File HTML dapat dibuat menggunakan editor teks yang biasa kamu pakai.
Pengen Nyoba Bikin?
Mulailah dengan membuka Notepad (di Windows XP bagi yang belum pernah klik Start, Program, Accessories, Notepad).
Ketikkan teks berikut:
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
Ini halaman pertama saya.
</body>
</html>
Atau jika anda ingin menggunakan huruf tebal pada judulnya, gunakan format seperti ini :
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<b>
Ini halaman pertama saya.
</b>
</body>
</html>
Simpan dengan nama “halamanku.html” (jangan lupa tambahkan tanda kutip ganda pada nama filenya. Kalau lupa maka nama filenya akan menggunakan ekstensi default .txt sehingga menjadi halamanku.htm.txt).
Buka Browser kamu (misalnya internet explorer atau Mozilla firefox). Kilk File, Open, Browse dan pilih cari file halamanku.htm yang tadi kamu bikin. Klik OK, dan browser akan menampilkan halaman yang tadi kamu buat.
Gampang kan? Atau masih bingung? Ok, kita akan melihat penjelasan dari contoh di atas.
Setiap tag diapit oleh tanda lebih kecil dan lebih besar. Kamu bisa melihat bahwa tag pertama adalah <html>. Tag HTML pada umumnya selalu memiliki pasangan yang memiliki tag sama dengan sedikit tambahan tanda garis miring “/”, dan kamu bisa melihat pasangan tag <html> di akhir script yaitu </html>.
Tag <html> memberitahu browser bahwa inilah awal dari dokumen HTML. Tag pasangannya yaitu </html> menyatakan bahwa inilah akhir dari dokumen HTML.
Teks di antara <head> dan </head> adalah teks informasi header. Informasi header ini tidak ditampilkan pada jendela browser.
Teks di antara <title> dan </title> adalah judul dokumen kamu. Judul ini akan ditampilkan di caption browser (lihat di bagian paling atas kanan dari browser kamu).
Teks di antara tag <body> adalah teks yang akan ditampilkan pada jendela browser kamu.
Dan terakhir, teks di antara <b> dan </b> akan ditampilkan dalam huruf tebal.
kita bisa membuat file HTML dengan 2 ekstension yaitu .htm dan .html. Nah ekstension .htm ditujukan untuk operating sistem jaman dulu yang hanya mensupport ekstensi 3 huruf. Sedangkan ekstensi .html akan lebih aman digunakan jika OS dan aplikasinya support karena lebih jelas menunjukkan bahwa ini adalah file HTML.
Sebagai catatan, setiap kamu melakukan perubahan pada file HTML kamu, maka kamu harus me refresh browser untuk melihat perubahan tampilannya.
Dokumen HTML adalah file teks yang terdiri dari elemen HTML. Nah, elemen HTML itu didefinisikan menggunakan apa yang disebut dengan tag HTML.
Berikut poin-poin yang akan membantu kamu mengingat dan memahami pengertian Tag HTML:
- Tag HTML digunakan untuk menandai (mark-up) elemen HTML
- Tag HTML berada di antara dua karakter penanda berikut < dan >
- Karakter penanda itu disebut dengan tanda kurung siku
- Tag HTML umumnya selalu berpasangan seperti <b> dan </b>
- Tag pertama adalah tag pembuka, dan tag kedua adalah tag penutup
- Teks di antara kedua tag tersebut disebut isi elemen
- Tag HTML tidak bersifat case sensitif, <b> memiliki arti yang sama dengan <B>
ELEMEN HTML
Berikut ini adalah contoh dari salah satu ELEMEN html :
<b>judul halaman</b>
Berikut penjeleasannya :
Elemen HTML ini dimulai dengan tag pembuka: <b>
Isi dari elemen HTML adalah: judul halaman
Elemen HTML diakhiri dengan tag penutup: </b>
Fungsi tag <b> adalah untuk mendefinisikan sebuah elemen HTML yang harus ditampilkan dengan huruf tebal.
<body>
Ini adalah halaman pertama saya
<b>
Judul halaman
</b>
</body>
Elemen HTML ini dimulai dengan tag pembuka <body>, dan berakhir dengan tag penutup </body> Fungsi dari tag <body> adalah untuk mendefiniskkan elemen HTML yang berisi badan (isi) dari dokumen HTML.
Mungkin cukup sekian dulu sharing kali ini, dan kalau besok saya menemukan ilmu baru lagi mudah-mudahan bisa saya share lagi buat teman-teman.
Thanks udah mampir..dan jangan lupa sarangan dan kripiknya ditunggu di buku tamu...
No comments:
Post a Comment