PENUNTUN KELAS 8 Pertemuan 3 Materi : Pengenalan HTML
advertisement
PENUNTUN KELAS 8 Pertemuan 3 Materi : Pengenalan HTML Pengantar HTML HTML adalah sebuah bahasa pemrograman yang digunakan untuk membuat sebuah halaman Web. Untuk menulis kode HTML digunakan editor teks seperti NotePad atau editor HTML. Defenisi WEB Secara terminologi, website adalah kumpulan dari halaman-halaman situs, yang biasanya terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di dalam World Wide Web (WWW) di Internet. Sebuah halaman web adalah dokumen yang ditulis dalam format HTML (Hyper Text Markup Language), yang hampir selalu bisa diakses melalui HTTP, (Hyper Text Transfer Protocol ) yaitu protokol yang menyampaikan informasi dari server website untuk ditampilkan kepada para pemakai melalui web browser. Macam-macam web - Website statik Sebuah Website statik, adalah salah satu bentuk website yang isi di dalam website tersebut tidak dimaksudkan untuk di update secara berkala, dan biasanya di maintain secara manual oleh beberapa orang yang menggunakan software editor. - website dynamic Sebuah website dynamic adalah website yang secara berkala, informasi di dalamnya berubah, atau website ini bisa berhubungan dengan user dengan berbagai macam cara atau metode (HTTP cookies atau Variabel Database, sejarah kunjungan, variabel sesi dan lain-lain) bisa juga dengan cara interaksi langsung menggunakan form dan pergerakan mouse. Struktruk program HTML Struktur dasar HTML HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang digunakan dalam pembuatan halaman web. Dalam penggunaannya sebagian besar kode HTML tersebut harus terletak di antara tag kontainer. Yaitu diawali dengan dan diakhiri dengan (terdapat tanda "/"). Element Element adalah suatu kode yang menyediakan tempat untuk meletakkan beberapa perintah di dalamnya. Dua element utama: 1. elemen <head> , memberikan informasi dari dokumen atau hubungannya dengan dokumen lain 2. element<body>, berisi semua yang akan ditampilkan oleh browser seperti teks, gambar dan grafik. Tag Tag adalah bentuk kode yang hanya menangani satu kode perintah saja. Bentuk tulisan : <tag awal> teks yang akan ditampilkan </tag akhir> Misal: <title> Belajar HTML </title> Sebuah halaman web minimal mempunyai empat buat tag, yaitu : 1. <HTML> Sebagai tanda awal dokumen HTML. Pasangan tag <HTML> dan </HTML> menandakan bahwa kode yang terdapat di dalamnya adalah kode HTML sehingga browser akan menerjemahkan sebagai dokumen HTML 2. <HEAD> Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag 3. <TITLE> Sebagai titel atau judul halaman. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas browser a (pada title bar). 4. <BODY> Di dalam tag ini bisa diletakkan berbagai page attribute seperti warna latar belakang, warna teks, warna link, warna visited link, warna active link dan lain-lain. Cara Menuliskan Tag Nama tag ditulis di dalam tanda < dan >. Antara nama tag dan tanda < ditulis tanpa spasi sama sekali. Nama tag boleh ditulis dengan huruf kecil, huruf kapital, ataupun kombinasi antara huruf kecil dan huruf kapital. Dengan kata lain, penulisan : <HTML> <html> <Html> dianggap sama. Namun umumnya nama tag ditulis dengan huruf kecil saja atau huruf kapital saja. Tag-Tag Pada HTML Tag HTML dasar Latihan : Cobalah ketik script dibawah ini pada notepad : Tag <BR> Fungsi tag <BR> adalah untuk membuat baris baru atau berpindah baris. Tag<P> Digunakan untuk membuat paragraph. Dalam tag <P> bisa disertakan atribut ALIGN yang berguna untuk mengatur peletakan teks di dalam masing paragraph. Align yang dapat diisikan adalah: LEFT, mengatur teks rata kiri terhadap halaman RIGHT, mengatur teks rata kanan terhadap halaman JUSTIFY, mengatur teks rata kiri dan rata kanan. Buatlah tampilan dibawah ini Tag Judul HTML mempunyai 6 buah tag yang digunakan untuk mengatur ukuran teks yang dijadikan sebagai judul dalam badan dokumen. Tag-tag itu adalah 1. <h1> …</h1> 2. <h2>…</h2> 3. <h3>…</h3> 4. <h4>…</h4> 5. <h5>…</h5> 6. <h6>…</h6>
