Dokumen dan Penamaan HTML
Sebuah file HTML merupakan file teks biasa yang mengandung tag-tag HTML. Karena
merupakan file teks, maka HTML dapat dibuat dengan menggunakan teks editor yang
sederhana, misalnya notepad. Dapat juga menggunakan HTML editor yang bersifat
WYSIWYG ( What You See Is What You Get ), misalnya Frontpage atau Dreamwaver.
Untuk menandai bahwa sebuah file teks merupakan file HTML, maka ciri yang paling
nampak jelas adalah ekstensi filenya, yaitu .htm atau .html. Dalam pemberian nama
sebuah dokumen bersifat case sensitive sehingga dokumen dengan nama a.html akan
berbeda dengan dokumen A.html.
Elemen dan Tag HTML
Elemen HTML yaitu komponen penyusun terkecil dari sebuah dokumen HTML. Untuk
menandainya. Elemen dapat berupa teks murni, atau bukan teks, atau keduanya.
Untuk menandai sebuah elemen dalam suatu dokumen HTML digunakan tag. Tag HTML
terdiri dari sebuah simbol lebih kecil ( < ) dan dan lebih besar ( > ).
Nama elemen ditunjukkan oleh nama dari tagnya. Suatu elemen biasanya ditandai dengan
pasangan tag, walaupun ada beberapa nama elemen yang ditandai dengan satu tag tanpa
harus berpasangan. Diantaranya:
• Image ( <img /> )
• Ganti Baris – Break ( <br /> )
• Horizontal Rule ( <hr /> )
• Input Field ( <input /> )
contoh dasar :
<html>
<head>
....informasi dokumen....
</head>
<body>
....konten yang di tampilkan
pada halaman browser.....
</body>
</html>
Penggunaan Tag dan Atributnya
• Tag HTML diapit dengan dua karakter kurung sudut ( < dan > )• Tag HTML secara normal selalu berpasangan misal (<i>...</i>)
• Tag pertama dalam suatu pasangan adalah tag awal, dan tag yang kedua
merupakan tag akhir.
• Tag html tidak case sensitive. Ini artinya <b> sama dengan <B>
• Jika dalam suatu tag terdapat tag lain, maka penulisan tag akhir tidak boleh
bersilang dan harus berurutan. Misalnya <b><I>..Tebal dan Miring..</I></b>
Tag Dasar HTML
#HTML
cara penulisan :
<html> pada awal dokumen dan </html> pada akhir dokumen
#HEAD
cara penulisan :
<head> di awal setelah <html> dan </head> di akhir section head.
Elemen yang mungkin terdapat pada bagian head
<title> digunakan utk memberi judul dokumen
<base> digunakan utk menetukan basis URL
contoh :
<base href="http://amikom.ac.id/">
<link> digunakan untuk menunjukkan relasi antar dokumen HTML
contoh :
<link rel="stylesheet" href="http://alamat.com/style.css" type="text/css" />
<meta> digunakan untuk mendefinisikan informasi-informasi di luar HTML
Informasi meta dapat digunakan oleh browser untuk menjalankan suatu aktivitasyang belum didukung oleh HTML
contoh :
<meta http-equiv="refresh" content="60" url="www.alamat.com" />
#BODY
contoh penulisan ;
<html>
<head>
<title>Penggunaan BODY</title>
</head>
<body bgcolor="silver" text="blue" vlink="#ff0000" link="green">
Ini adalah contoh penggunaan body.
Dan ini adalah sebuah <a href="">link</a>.
</body>
</html>
lihat juga :
materi selanjutnya
0 komentar:
Posting Komentar