Session 1: HTML dasar
Tags...
Halaman yang sedang anda buka ini adalah dokumen HTML. Dokimen HTML terlihat lebih mirip proses dokumen word...
Anda bisa menampilkan hurup tebal dan miring, lebih besar and lebih kecil, atau terlihat sepertitulisan tangan.
tentu saja kode HTML untuk itu terlihat membingungkan...
Anda dapat mengatur <b>tebal</b> and <i>miring</i>, <font size=+2>lebih besar</font> dan <font size=-2>lebih kecil</font>, atau bisa juga <tt>tulisan tangan</tt>.
jadi apa maksud kode-kode diatas "<" and ">" ? saat anda menuliskan kata tertentu diantara kode-kode tersebut anda membuat tampilan tertentu dari kata yang dimasukan diantara tag. contoh tag <b> adalah mulai teks tebal, dan tag </b> adalah akhir dari teks tebal . Tag dengan slash(/) adalah tag penutup. tag yang sudah dibuka harus diikuti dengan tag penutup, tapi tidak semua. tag membuat struktur keseluruhan dokumen HTML.
<b>Teks ini tebal</b> ^^^--Tag pembuka ^^^^--Tag penutup
Berikut dua macam kode HTML, kedua dari no dua dibawah ini salah, apakah itu?
#1 - tes kode HTML.
#1 - tes <b>kode</b> HTML.
#2 - tes kode HTML.
#2 - tes <b>kode<b> HTML.
Anda tentunya mencatat bahwa kode yang kedua tidak memakai garis miring (/) didalam tag setelah kata kode, yang menyebabkan browser menafsirkan kode sebagai awal hurup tebal untuk seterusnya! ini merupakan kesalahan biasa, jadi hati-hatilah!
Catatan: Tag-tag dalam HTML tidak sensitif dalam penulisan. Contoh... <title> dan <TitLE> keduanya mempunyai arti yang sama dan keduanya ditafsirkan sebagai maksud yang sama.
Struktur dokumen...
File HTML merupakan file teks normal...biasanya berektensi .htm, .html, atau .shtml. dokumen HTML memunyai dua bagian, head dan the body. bodi bagian lebih besar dari dokumen, seperti bagian surat yang akan anda kirim untuk teman anda. head bagian dari dokumen berisi konten judul atau title dan informasi serupa, dan bagian bodi berisi segala macam konten.
Contoh struktur dokumen HTML dasar...
<html>
<head><title>Judul disini</title></head>
<body>Bagian body disini</body>
</html>
Anda boleh mencari cara lebih mudah untuk membaca jika anda menambahkan baris kosong baru seperti dibawah ini...
<html>
<head>
<title>Judul dimulai dari sini</title>
</head>
<body>
Bagian body disini
</body>
</html>
Catatan: Tambahan spasi dan baris baru (baris kosong) akan diabaikan saat HTML menafsirkan... jadi tambahkan mereka jika anda menghendakinya.
Apapun yang dituliskan diantara tag TITLE akan menjadi judul, saat halaman ditampilkan akan terlihat di bagian atas layar. [Catatan: Anda tidak boleh menggunakan tag lain diantara tag TITLE (Contoh: Anda tidak dapat membuat kode seperti ini: <title><b>judul disini</b></title>.]
Contoh bagaimana judul akan tampil...
Di Netscape Navigator...
Netscape - [Judul disini] atau Judul disini - Netscape [depending on version]
Di Microsoft Internet Explorer...
Judul disini - Microsoft Internet Explorer
Apapun yang anda tempatkan diantara tag BODY akan menjadi bagian pokok dokumen windows, dan karna itu menjadi bagian terbesar dalam dokumen HTML.
Halaman HTML milik anda...
Untuk memulai membuat halaman HTML, ketikan kode dibawah dalam file teks baru:
<html>
<head><title>Home pageku</title></head>
<body>
</body>
</html>
Simpan file teks tersebut dengan nama "Home.htm".
Session 2
0 komentar:
Posting Komentar