HTML merupakan kepanjangan dari HyperText Markup Language bahasa ini digunakan untuk membuat hypertext page (halaman hypertext) pada Internet. Pada dokumen kita tidak harus membaca teks secara berurutan baris per baris atau halaman per halaman, tetapi kita dapat melompat dari satu topik lain yang kita inginkan.
Yang membedakan dokumen HTML dengan dokumen pada umumnya, adalah adalanya elemen-elemen HTML beserta tag-tagnya. Elemen dan tag HTML menentukan bagian dan format pada suatu bagian pada struktur dokumen HTML.
HTML merupakan bahasa pemrograman yang fleksibel dimana kita dapat menempatkan script dari bahasa program lain seperti Java, Visual Basic, C++ dan lain-lain. Karena HTML berupa text dokumen biasa (ASCII) maka HTML dapat dibaca oleh platform yang berlainan seperti Windows, Unix dan lain-lainnya.
1.2 Struktur Dokumen HTML
Pada dokumen HTML terdapat 3 tag utama yang membentuk struktur HTML tersebut, yaitu tag:
• —- Sebagai tanda awal dokumen HTML.
• —– Sebagai informasi page header. Didalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META.
• —— Didalam tag ini bisa diletakkan berbagai page attribute seperti warna latar belakang, warna teks, warna link, warna visited link, warna active link dan lain-lain.
Struktur Dokumen HTML terlihat seperti conto dokumen HTML dibawah ini :
Belajar HTML emang paling mengasikan lohhhhhhhhh
1.3 Elemen
Elemen pada dokumen HTML berupa tag-tag beserta teks yang ada didalam tag-tag tersebut. Pada dokumen HTML, terdapat dua kelompok elemen utama yaitu elemen-elemen dan elemen . Elemen yang terdapat pada berisi informasi mengenai dokumen HTML tersebut sebagai contoh judul dokumen. Untuk menuliskan judul dokumen menggunakan tag
• BASE : Tag ini digunakan untuk menentukan suatu link ke alamat web induk. Perintah ini mirip dengan perintah PATH pada perintah DOS.
Setelah penulisan perintah diatas maka penulisan perintah
mempunyai arti sama dengan penulisan : < IMG src=”http://indrajayaadriand.wordpress.com/gambar/indra.jpg” mce_src=”http://indrajayaadriand.wordpress.com/gambar/indra.jpg”>• ISINDEX
Tag ini digunakan untuk melakukan pencarian dalam dokumen.
Contoh :
• META
Tag ini dipakai untuk memberikan informasi mengenai dokumen. Attribut yang dapat digunakan pada tag ini adalah :
1. NAME : Suatu informasi mengenai dokumen
2. HTTP-EQUIV : Attribut ini digunakan untuk menghubungkan elemen meta ke protokol tertentu.
3. CONTENT : Merupakan isi dari nama suatu meta.
Contoh :
Dokumen akan dipanggil secara otomatis dalam 2 detik.
Dokumen dibuat dengan MACROMEDIA DREAMWEAVER MX.
1.5.3
Tag ini digunakan untuk menentukan bagian isi dokumen. Beberapa Atribut yang dapat kita gunakan pada tag ini adalah :
• BGCOLOR :
Mengatur warna belakang, warna dapat kita tuliskan namanya, misalkan yellow, blue, red dll, atau menggunakan nilai HEX.
Contoh : < BODY bgcolor=yellow>
• ALINK : Mengatur warna link yang sedang aktif.
• VLINK : Mengatur warna link yang belum pernah dipilih.
• VLINK : Mengatur warna link yang pernah dipilih.
• BACKGROUND : Memanggil file gambar yang akan digunakan sebagai latar belakang.
• LEFTMARGIN : Mengatur margin kiri dokumen.
• TOPMARGIN : Mengatur margin atas dokumen.
• TEXT : Mengatur warna teks pada dokumen.
1.5.5 Paragraph
Untuk menyatakan suatu kumpulan teks sebagai paragraph kita menggunakan tag
Contoh :
HTML merupakan kepanjangan dari Hyper Text Markup Language
1.5.6 BLOCKQUOTEUntuk menuliskan suatu kelompok teks agar tampilannya dicetak dengan indent kita dapat menggunakan tag
. Perhatikan contoh dibawah ini :
HTML merupakan kepanjangan Hyper Text Markup Language.
1.5.7 PREFORMATTED TEXT
Pada saat kita menggunakan taguntuk paragraph, penekan tombol tab, spasi atau enter tidak berpengaruh terhadap tampilan dibrowsernya. Apabila kita menghendaki agar penekanan tombol-tombol tersebut memberikan efek pada tampilan di browser, kita dapat menggunakan tag
. Perhatikan contoh dibawah ini :Tampilan pada browser adalah sama dengan yang tertulis pada dokumen HTML diatas.AAAAAAAAAAAAAAAAAAAAA BBBBBBBBBBBBBBBBBBBBBBBBBB CCCCCCCCCCCCCCCCCCCCCCCCCCCCCC DDDDDDDDDDDDDDDDDDDDDDDD EEEEEEEEEEEEEEEEEEEEEEE
1.5.8 ADDRESS
Untuk menampilkan informasi tentang pembuat Home Page kita dapat menggunakan tag Perhatikan contoh dibawah ini :
ALAMAT:
Indra < A HREF =” http://indrajayaadriand.wordpress.com“> TIM ICT DINPENDIK PKP
1.5.9 Karakteristik Spesial ( Entity )
Ada dua macam entity yang dapat kita gunakan, yaitu : character entity dan numeric entity.
Contoh character entity :
• < karakter < • > karakter>
Contoh numeric entity
• ¹ karakter@
• ² karakter@
1.5.10 Pergantian Baris
Supaya teks ditulis pada garis yang baru maka kita dapat menambahkan tag
pada akhir baris sebelumnya. Perhatikan contoh dibawah ini :
Kantor
Jalan Rasakunda Bukit Intan Pangkalpinang
Propinsi Kep. Bangkabelitung
Penulisan
dua kali dimaksudkan agar terbentuk spasi kosong sebelum baris berikutnya.
1.5.11 Garis Horisontal
Untuk membuat garis horizontal kita dapat menggunakan tag
, perhatikan contoh dibawah ini :
Kantor
Jalan Rasakunda Bukit Intan Pangkalpinang
Propinsi Kep. Bangkabelitung
Tidak ada komentar:
Posting Komentar