Dasar-Dasar HTML
BAB I. HTML
HTML adalah singkatan dari Hypertext Markup Language, sebuah “bahasa” yang mengatur lay-out, tampilan ataupun proses sebuah halaman web yang akan ditampilkan oleh program browser seperti Microsoft Internet Explorer, Netscape Navigator, Opera, Lynx ataupun Konqueror yang berjalan di atas Linux.
Halaman-halaman, ataupun teks-teks yang sudah diformat dengan HTML akan diterjemahkan oleh browser lalu ditampilkan sesuai keinginan pembuatnya.
HTML tidak bisa dikatakan bahasa pemrograman, sebab HTML tidak memiliki ciri-ciri bahasa pemrograman seperti adanya kemampuan logika, perhitungan, fungsi dan sebagainya.
Bila anda pernah bekerja dengan WordStar, maka anda akan mengerti konsep HTML, sebab HTML menggunakan tag yaitu pasangan perintah yang mengapit teks ataupun informasi sehingga dapat ditampilkan oleh browser dengan tampilan yang baik.
Tag
Dalam HTML, hampir seluruh perintah dituliskan secara berpasangan, yaitu perintah pembuka dan perintah penutup yang disebut sebagai tag.
Sebagai contoh:
Perintah pembuka dan diakhiri perintah penutup , akan memberikan efek tebal atau bold dalam tulisan.
Prakteknya: alislam akan menghasilkan kata alislam dengan jenis huruf tebal.
Properti
Perlu diketahui pula bahwa semua perintah HTML mempunyai properti yang berbeda-beda.
Properti adalah perintah tambahan yang langsung ditambahkan dalam perintah utama yang punya efek khusus terhadap perintah tersebut. Properti bersifat opsional, boleh ada dan boleh tidak, namun ada beberapa properti yang harus ada agar suatu perintah dapat diterjemahkan dengan baik oleh browser.
Perintah utama dan properti dipisahkan dengan sebuah spasi sehingga browser apapun bisa mengenali mana perintah utama dan mana yang properti. Bila spasi tersebut tidak disertakan, maka perintah tadi dianggap tidak sah sehingga akan diabaikan oleh browser atau bahkan hanya dianggap teks biasa.
Struktur Halaman HTML
Bila mengacu kepada aturan baku pembuatan halaman HTML, maka setidaknya sebuah halaman HTML terdiri dari dua bagian, yaitu HEAD dan BODY, berikut adalah anatomi baku sebuah halaman HTML.
(di sini anda bisa menuliskan perintah HTML yang lain)
(di sini anda bisa menuliskan perintah HTML yang lain)
Jika anda perhatikan, maka sebuah halaman HTML terdiri dari perintah , dan . Meskipun dalam praktiknya, anda bisa saja tidak menyebutkan 3 perintah dasar ini dan langsung membuat halaman HTML sesuka anda.
Sekedar informasi, anatomi dengan menyertakan 3 perintah di atas dimaksudkan bila anda ingin membuat sebuah halaman HTML yang profesional, interaktif, dinamis, otomatis dan bisa diakses oleh Search Engine.
BAB II. HEAD
Bagian HEAD dalam sebuah halaman HTML mempunyai banyak fungsi, di antaranya untuk mendefinisikan pembuat halaman tersebut, menentukan Keywords atau kata kunci yang memudahkan Search Engine dalam pencarian informasi, meletakkan script atau program kecil yang harus disisipkan pada halaman HTML anda, atau anda sekedar ingin halaman HTML anda meng-update sendiri tanpa harus menekan tombol Refresh misalnya dan masih banyak lagi.
Properti untuk perintah
Beberapa properti untuk pengaturan adalah sebagai berikut:
dir=“” : Menentukan orientasi arah penulisan, apakah LTR (Left to Right) seperti dalam bahasa Inggris, Indonesia ataupun latin, ataukah RTL (Right to Left) seperti dalam bahasa Arab, Ibrani dan Jepang.
lang=”" : Menentukan bahasa yang digunakan, seperti “EN-US” untuk menyatakan English-United States atau “AR-SA” untuk menyatakan Arabic-Saudi Arabia. Untuk bahasa-bahasa yang lain, silahkan merujuk HTML Manual.
Perintah-perintah di dalam
Beberapa perintah yang sebaiknya hanya diletakkan di bagian HEAD adalah sebagai berikut:
<title> : Membuat Judul halaman web yang akan ditampilkan pada baris judul pada program browser.
: Meletakkan javascript, jscript, vbscript.
Meta Tagging
Meta Tagging adalah istilah untuk tag-tag spesial yang hanya ditulis pada bagian HEAD. Aturan penulisannya adalah sebagai berikut:
FUNCTION” content=”COMMAND”>
Function adalah fungsi yang dipanggil untuk dijalankan pada browser tersebut. Beberapa fungsi yang sering dipakai adalah; fungsi Refresh otomatis, penentuan Keywords, Description, Author dan lain sebagainya.
Command adalah perintah yang akan dijalankan oleh browser berdasar fungsi yang ditentukan. Berikut beberapa contoh penggunaan meta tag.
7; url=http://www.web.com/”>
Untuk Autorefresh setelah 7 detik dan langsung mengarah ke alamat http://www.web.com/
Islam, Allah, Muhammad”>
Untuk menentukan Keywords yang dijadikan acuan oleh Search Engine seperti Google agar lebih terarah dalam pencarian data. Pada contoh ini digunakan kata Islam, Allah dan Muhammad untuk membatasi pencarian.
ISLAMI”>
Mendeskripsikan isi situs secara global, seperti dicontohkan di sini yaitu: “Situs ISLAMI”, yang nantinya akan dikenali oleh Search Engine dalam pencariannya.
BAB III. BODY
Bagian BODY dalam sebuah halaman HTML merupakan tempat perintah-perintah yang berhubungan dengan tampilan dan lay-out sebuah halaman HTML. Anda bisa memberi efek tebal, membuat Paragraf, mengatur ukuran font, membuat tabel, membuat formulir, menyisipkan gambar, membuat link dan masih banyak lagi.
Properti untuk perintah
Beberapa properti untuk pengaturan adalah sebagai berikut:
background=”" : Menentukan gambar background halaman, dalam hal ini berbentuk image file, untuk menentukan gambar background, isikan alamat file gambar yang diinginkan dengan format “http://alamatfile/folder/namafile.jpg” atau “C:\alamatfile\folder\namafile.jpg” atau bisa digunakan alamat non-absolut seperti “../foldergambar/namafile.jpg”. Format alamat file tergantung sistem yang digunakan, apakah berbasis Windows yang menggunakan Slash sebagai pemisah folder atau UNIX like Systems yang menggunakan Backslash sebagai pemisah folder. Kemudian format gambar yang bisa ditampilkan adalah jpg, gif dan png.
bgcolor=”" : Menentukan warna latar tabel, dengan format heksadesimal #000000 hingga #ffffff. Warna putih misalnya, diwakili oleh #ffffff, hitam oleh #000000, biru oleh #0000ff, merah oleh #ff0000. Untuk warna-warna yang lain anda bisa bereksperimen dengan mengkombinasikan 6 angka heksadesimal untuk membuat warna yang anda inginkan.
bottommargin=”" : Menentukan batas tepi di bawah halaman menggunakan satuan piksel.
dir=”" : Menentukan orientasi arah penulisan, apakah LTR (Left to Right) ataukah RTL (Right to Left).
lang=”" : Menentukan bahasa yang digunakan.
leftmargin=”" : Menentukan batas tepi di kiri halaman menggunakan satuan piksel.
onload=”" : Menjalankan script yang didefinisikan pada bagian HEAD dan meletakkannya di memori komputer ketika halaman HTML dijalankan.
onunload=”" : Menghentikan dan menghapus script yang didefinisikan pada bagian HEAD dari memori komputer ketika berpindah halaman.
rightmargin=”" : Menentukan batas tepi di kanan halaman menggunakan satuan piksel.
topmargin=”" : Menentukan batas tepi di atas halaman menggunakan satuan piksel.
BAB IV. Perintah-perintah pada bagian BODY
Sebagian besar perintah-perintah HTML harus ditulis pada bagian BODY, karena bagian ini memang dikhususkan untuk pengaturan perwajahan sebuah situs.
Pada bab ini akan dibahas satu persatu perintah-perintah tersebut sesuai dengan kategorinya.
Perintah untuk pengaturan tulisan
Mengatur tulisan dalam HTML tidaklah sulit, sebab perintahnya mudah dimengerti dan diterapkan. Berikut adalah beberapa perintah yang sering digunakan dalam pengaturan tulisan.
: Membuat tulisan tebal/bold.
: Membuat tulisan miring/italic.
: Membuat tulisan bergaris bawah/underline.
Tidak ada komentar:
Posting Komentar