HTML
Merupakan tag dasar yang mendifinisikan bahwa dokumen adalah
dokumen html. Tag ini merupakan suatu keharusan bagi pemrogram web untuk
menuliskannya sebagai tag pertama dalam dokumen html. Penulisan tag seperti
berikut ini : <html> pada awal dokumen dan </html> pada akhir
dokumen
Head
Bagian Head sebenarnya tidak harus ada pada dokumen HTML,
tetapi pemakaian head yang benar akan meningkatkan kegunaan suatu dokumen HTML.
Penulisan tag seperti berikut ini :
<head> di awal setelah <html> dan </head>
di akhir section head.
Elemen-elemen pada bagian head akan mengerjakan
tugas-tugas sebagai berikut :
Menyediakan judul dokumen
Menjembatani hubungan antar dokumen
Memberitahu browser untuk membuat form pencarian
Menyediakan metode untuk mengirim pesan ke tipe browser
Elemen yang mungkin terdapat pada bagian head :
Tag <title>, digunakan untuk memberi judul dokumen.
Penggunaannya adalah sebagai berikut : <title>Judul
Dokumen</title>
Tag <base>, digunakan untuk menentukan basis URL
sebuah dokumen. Contoh penggunaannya adalah sebagai berikut berikut : <base target="_blank" />
Tag <link>, digunakan untuk menunjukkan relasi antar
dokumen HTML. Contoh penggunaannya adalah sebagai berikut: <link rel="stylesheet"
href="http://situs.com/style.css" type="text/css"
/>
Tag <meta>, digunakan untuk mendefinisikan
informasi-informasi di luar HTML Informasi meta dapat digunakan oleh browser
untuk menjalankan suatu aktivitas yang belum didukung oleh HTML. Untuk lebih
memperjelas penggunaan atribut tag <meta> perhatikan contoh berikut ini : <meta http-equiv="refresh" content="60"
url="www.alamat.com" />.
Perintah diatas akan diterjemahkan oleh browser sebagai
“tunggu 60 detik, kemudian panggil dokumen baru pada www.alamat.com". Jika
atribut URL tidak disertakan, maka halaman itu sendiri yang akan dipanggil,
jadi setara dengan mengklik tombol Refresh / Reload pada browser.
Penggunaan elemen <meta> yang paling populer adalah penggunaan properti Keyword dan Description. Kedua properti ini sangat berguna untuk membantu kerja search engine. Biasanya search engine akan menggunakan teks yang disebutkan pada properti Keyword untuk mengindeks dokumen dan menggunakan teks yang terdapat pada properti Description untuk mendeskripsikan indeks tersebut.
BODY
Bagian body merupakan isi dari dokumen HTML. Semua informasi
yang akan ditampilkan, mulai dari teks, gambar, sound, dan lain-lain, akan
ditempatkan di bagian ini. Seperti telah disebutkan di atas, bagian body
diawali oleh tag <body> dan ditutup </body>.
Heading
Tag heading <hx> digunakan untuk memformat heading
(judul dan sub judul ) dari suatu halaman web. Heading ini akan memperbesar
ukuran huruf untuk setiap jenis heading.Ada enam buah heading yang dikenal
HTML, yaitu dari <h1> sampai dengan <h6>. Tag heading mempunyai
atribut: [ left | center | right ] default left.
Horisontal Ruler
Tag Horisontal ruler <hr> berfungsi untuk menampilkan
garis horizontal tiga dimensi didalam halaman web Anda. Tag horizontal ruler
juga tidak memerlukan elemen penutup </hr>.
Atribut elemen horisontal ruler :
align : [ left | center | right ] default
center
size : pixel ( tebal garis, default 2 )
width : panjang ( lebar garis, pixel atau
persen, default 100%)
noshade ( garis solid )
Paragraf
Tag paragraph <p> berfungsi layaknya untuk pengaturan
antar paragraf dalam halaman web Anda. Dalam elemen paragraf terdapat atribut :
align=[ left | center | right ] yang berfungsi sebagai pengatur perataan
paragraf, jadi Anda cukup memilih salah satu dari ketiga pilihan tanpa harus
memberi kurung buka dan tutup, dan defaultnya adalah left. Anda dapat memilih
perataan kiri, tengah dan kanan.
Line Break
Tag Line Break <br> berfungsi untuk memberikan baris
baru suatu paragraf dalam halaman web Anda. Tag break tidak memerlukan tag
penutup break.
Komentar
Dalam suatu dokumen informasi ada sebagian teks dalam
dokumen yang berfungsi sebagai catatan atau komentar terhadap dokumen itu
sendiri. Catatan/komentar dalam dokumen ini tidak di tampilkan dalam browser.
Teks yang berfungsi sebagai komentar di simpan dalam dokumen di tandai dengan
tag <!-- sebagai awal, kemudian teks yang di komentari, dan tag -->
sebagai akhir tag. Khusus untuk tag komentar ini, tag penutup tidak menggunakan
tanda garis miring.
Logical Format
Logical format akan menerapkan layout dokumen secara logis
dan terstruktur. Semua tag ini memerlukan tag penutup. Tag-tag yang termasuk
logical format adalah sebagai berikut:
<cite>, digunakan untuk menandai suatu kutipan
(citation).
<code>, digunakan untuk menampilkan kode-kode
pemrograman, misalnya bahasa C.
<em>, digunakan untuk menandai suatu teks yang
ditekankan (cetak miring) oleh penulis.
<kbd>, digunakan untuk menandai suatu teks yang harus
dimasukkan oleh user melalui keyboard.
<samp>, digunakan untuk menandai suatu teks yang
dimaksudkan sebagai contoh.
<strong>, digunakan untuk menandai bagian yang penting
(cetak tebal) dari suatu teks.
<var>, digunakan untuk menampilkan nama
variabel.
<dfn>, digunakan untuk menandai sebuah subdefinisidari
daftar definisi.
Physical Format
Physical format adalah format terhadap fisik suatu font.
Semua tag ini memerlukan tag penutup. Tag-tag yang termasuk physical format
adalah sebagai berikut :
<b>, untuk menampilkan huruf tebal.
<i>, untuk menampilkan huruf miring.
<u>, untuk menampilkan garis bawah pada teks.
<tt>, untuk menampilkan huruf seperti huruf mesin
ketik.
<strike>, untuk menampilkan garis horizontal pada
bagian tengah huruf.
<big>, untuk menampilkan ukuran huruf yang lebih
besar.
<small>, untuk menampilkan ukuran huruf yang lebih
kecil.
<sub>, untuk menampilkan subscript.
<sup>, untuk menampilkan superscript.
Semua tag tersebut memerlukan tag penutupnya masing-masing.
Preformatted Text
Preformatted text <pre> digunakan untuk menampilakan
teks sama seperti yang Anda ketikkan dalam dokumen HTML. Browser akan
menampilkan teks tersebut dalam font monospaced, yaitu seperti terlihat dalam
teks yang ditampilkan oleh aplikasi berbasiskan teks.
Quotation / Identasi
Suatu kutipan teks lazim ada dalam suatu dokumen, ada dua
macam kutipan:
Kutipan pendek – tag <q>
Kutipan panjang – tag <blockquote>
Tag <blockquote> digunakan
untuk membuat sebagian teks yang di kutip sebagai blok sendiri. Dengan perintah
<blockquote> browser akan menampilkan teks menjorok ke dalam
(mengindentasi teks) atau menampilkan teks.
Tag <q> tidak melakukan
sesuatu yang khusus, tetapi dengan kita telah mendefinisikan sebagai kutipan,
kemudian kita menggunakan style sheet maka kutipan ini bisa di atur
pemformatannya dengna menggunakn style sheet.
List HTML
List item merupakan perintah yang di gunakan dalam HTML
untuk membuat daftar atau pengelompokkan kata [list]. Ada beberapa jenis-jenis
list dalam HTML: HTML menyediakan lima cara untuk membuat daftar atau list ,
yaitu :
Ordered List
Unordered List
Directory List
Menu List
Definition List
Ordered List ( Numbering )
Ordered list digunakan untuk membuat daftar dimana setiap
bagiannya memiliki nomor secara terurut. Ordered list dimulai dengan tag
<ol> dan diakhiri dengan </ol>. Untuk menyatakan tiap bagiannya
digunakan tag <li> dan tidak diperlukan tag penutup. Atribut elemen list
,yaitu :
TYPE = [ 1 | a | A | i | I ] ( default 1 )
Unordered List ( Bullet )
Berbeda dengan ordered list, dalam ordered list tidak
dijumpai urutan dalam suatu daftar. Setiap bagian dari unordered list ditandai
dengan tanda bullet. Untuk membuat daftar dengan tanda ini digunakan tag awal
<ul> dan tag penutup </ul> dan untuk tiap bagiannya digunakan tag
<li> tanpa tag penutup. Atribut elemen list ,yaitu :
TYPE = [ disc | squre | circle ] ( default
disc )
Entitas Karakter HTML
Beberapa karakter khusus mempunyai arti khusus dalam HTML,
seperti tanda lebih kecil (<) yang berarti awal tag HTML dan tanda lebih
besar (>) yang berarti akhir tag HTML. Jika kita mengingkan browser untuk
menampilkan karakter-karakter tersebut, kita harus menyisipkan entitas karakter
ke dalam source HTML.
Entitas karakter mempunyai 3 bagian: sebuah ampersand
(&), sebuah nama entitas atau sebuah # dan nomor entitas, dan terakhir
adalah sebuah tanda titik koma (; /semicolon). Untuk menampilkan tanda lebih
kecil dalam sebuah HTML maka kita harus menuliskannya : < atau
<
Kelebihan dengan menggunakan nama dibanding dengan nomor
adalah nama lebih mudah di ingat. Kekurangannya adalah tidak semua browser
mendukung nama entitas terbaru, sedangkan dukungan untuk nomor entitas hampir
ada pada setiap browser.
0 komentar:
Posting Komentar