Merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. Dokumen ini dikenal sebagai web page. Dokumen HTML merupakan dokumen yang disajikan pada web browser.
Tag adalah kode yang digunakan untuk me markup (memoles) teks ASCII menjadi file HTML. Setiap tag diapit dengan tanda kurung runcing < >. Ada tag pembuka yaitu <HTML> dan ada tag penutup </HTML> yang ditandai dengnan tanda flash (garis miring / ) didepan awal tulisannya.
Dalam sebuah penamaan sebuah dokumen yang akan ditampilkan pada web browser maka nama yang digunakan harus diakhiri dengan ekstensi (.html) atau (.htm).
Pengaturan warna dihalaman HTML menggunakan mode kombinasi (Red, Green, Blue) dimana setiap warna ditampilkan dalam dua digit. Setiap bagian dua digit kode menunjukan banyaknya intensitas dari kombinasi warna merah, hijau dan biru.
Heksadesimal
|
Warna
|
#000000
|
Black (Hitam)
|
#FFFFFF
|
White (Putih)
|
#FF0000
|
Red (Merah)
|
#00FFFF
|
Green (Hijau)
|
#0000FF
|
Blue (Biru)
|
#FF00FF
|
Magenta
|
B. Definisi Elemen Dan Tag HTML
Elemen dapat berupa teks murni, atau bukan teks, atau keduanya. Misal Head body, paragraf, list dll. Untuk menandai sebuah elemen dalam suatu dokumen HTML digunakan tag. Tag HTML terdiri dari sebuah [(<) (nama tag) (>)] contoh: <h1>, tag pada umumnya berpasangan misal: <h1> dengan </h1>, tanda (garis miring) pada tag pasangan memberikan tanda bahwa tag tersebut merupakan pembatas akhir elemen yang dibuka oleh tag awal. Contoh :
<html>
<head>
.....informasi dokumen.....
</head>
<body>
....informasi yang ditampilkan pada halaman browser.....
</body>
</html>
C. Penggunaan Tag dan Atribut Tag
Dalam pembuatan dokumen HTML, penulisan elemen yang diawali dan diakhiri tanda tag HTML memiliki syarat penulisan yaitu:
> Tag HTML diapit dengan dua karakter kurung sudut ( < dan > )
> Tag HTML secara normal selalu berpasangan, misal ( <i>....</i> )
> Tag HTML tidak 'case sensitive' <b> dengan </b>
> Jika dalam satu tag ada tag lagi, maka penulisan tag akhir tidak boleh bersilang, harus berurutan. Misal <b><i>...</b></i>.
D. Tag-Tag Dasar HTML
1. HTML
Merupakan tag dasar yang mendifinisikan bahwa dokumen adalah dokumen html. Penulisan tag seperti berikut:
<html>
........
</html>
2. Head
Merupakan tag berikutnya setelah tag html, tag ini digunakan untuk menuliskan keterangan tentang dokumen web yang akan ditampilkan, Misal:
<html>
<head>
.......
</head>
</html>
3. Title
Merupakan tag didalam head yang digunakan untuk menuliskan judul dari dokumen html, yang akan muncul pada caption halaman browser jika halaman tersebut diakses. Misal:
<html>
<head>
<title> Judul Dokumen </title>
</head>
</html>
4. Body
Merupakan section utama dalam dokumen web. Pada section ini semua isi dokumen yang akan ditampilkan didalam browser harus dituliskan, Misal:
<html>
<head>
<title>...</title>
</head>
<body>
Isi Dokumen
</body>
</html>
5. Heading
Digunakan untuk memformat heading (judul dan subjudul) dari suatu halaman web. Ada enam buah heading yang dikenal HTML, yaitu <h1> sampai dengan <h6>, Misal:
<h1>...</h1>
<h2>...</h2>
<h3>...</h3>
<h4>...</h4>
<h5>...</h5>
<h6>...</h6>
6. Horizontal Ruler
<hr> berfungsi untuk menampilkan garis horizontal tiga dimensi didalam halaman web. Atribut elemen horizontal ruler:
align : [left | center | right ] default center.
size : pixel (tebal garis, default 2).
width : panjang (tebal garis, pixel atau persen, default 100%) noshade (garis solid).
Misal : <hr width="80%">
7. Paragraph
<p> berfungsi untuk pengaturan antar paragraf dalam halaman web anda. Dalam elemen paragraf terdapat atribut: align=[left | center | right] yang berfungsi sebagai pengaturan perataan paragraf. Misal:
<p>Outliers: The Story og Success</p>
E. List
Merupakan perintah yang digunakan dalam HTML untuk membuat daftar atau mengelompokan kata [list].
1. Ordered List (Numbering)
digunakan untuk membuat daftar dimana setiap bagiannya memiliki nomer secara terurut. Dimulai dengan tag <ol> diakhiri dengan </ol>. Untuk menyatakan tiap bagiannya digunakan tag <li> dan tidak diperlukan tag penutup.
2. Unordered List (Bullet)
dalam unordered list tidak dijumpai urutan dalam suatu daftar. Untuk membuat daftar dengan tanda ini digunakan tag awal <ul> dan tag penutup </ul> dan untuk tiap bagiannya digunakan tag <li> tanpa ag penutup.
3. Break
Berfungsi untuk memberikan baris baru suatu paragraf dalam halaman web.
F. Format Karakter
1. Logical Format
akan menerapkan layout dokumen secara logisdan terstruktur. Tag-tag termasuk logical format :
- <cite> digunakan untuk menandai suatu kutipan (citation).
- <code> digunakan untuk menampilkan kode-kode pemrograman misalnya bahasa PHP.
- <em> digunakan untuk menandai suatu teks yang ditekankan oleh penulis.
- <kbd> digunakan untuk menandai suatu teks yang harus dimasukan oleh user melalui keyboard.
- <samp> digunakan untuk menadai suatu teks yang dimaksudkan sebagai contoh.
- <strong> digunakan untuk menandai bagian yang terpenting dari suatu teks.
- <var> digunakan menampilkan nama variabel.
- <dfn> digunakan untuk menandai sebuah subdefinisi dari daftar definisi.
2. Physical Format
adalah format terhadap fisik suatu font.
- <b> untuk mempertebal huruf.
- <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.
3. Tag <BLOCKQUOTE>
Untuk membuat indentasi paragraf, kita bisa menggunakan Blokquote. Dengan perintah ini browser akan menampilkan teks menjorok kedalam.
4. Performatted Text
<PRE> digunakan untuk menampilkan teks sama seperti yang diketikan dalam dokumen HTML. Browser akan menampilkan teks tersebut dalam font monospaced, yaitu seperti terlihat dalam teks yang ditampilkan oleh aplikasi berbasis teks.
G. Font
a. Ukuran Font digunakan untuk ukuran font, nilai font dimulai dengan nilai 1 untuk ukuran huruf terkecil dan nilai 7 untuk ukuran huruf besar.
b. Jenis Font digunakan untuk mengatur jenis huruf yang diinginkan atribut FACE harus diisi dengan string jenis font seperti Arial, Times New Roman, Verdana, dll.
c. Warna Font digunakan untuk mengatur warna font yang diinginkan.
H. Tabel
Digunakan karena dapat menampilkan informasi dengan bentuk yang ringkas dan mudah dibaca <table>.
Tag <table> memilki bebrapa bagian, yaitu:
↬ <caption>...</caption> untuk membentuk judul tabel
↬ <th>...</th> untuk meletakan judul tabel dibagian paling atas atau paling kiridari suatu tabel.
↬ <tr>...</tr> untuk membetuk baris pada suatu tabel.
↬ <td>...</td> sebagai tempat menulis data atau informasi dalam tabel.
Atribut untuk tag <table> sebagai berikut:
a. Align : posisi horizontal tabel.
b. Background : menentukan gambar latar belakang tabel.
c. BgColor : menetukan warna latar belakang tabel.
d. Border : menentukan tebal bingkai tabel.
e. BorderColor : menentukan warna bingkai tabel.
f. BorderColorLight : menentukan warna depan bingkai tabel.
g. BorderColorDark : menentukan warna bayangan bingkai tabel.
h. Cellspacing : menentukan jarak spasi antar sel.
i. Cellpadding : menentukan jarak isi sel dengan bingkai.
j. Height : menentukan tinggi tabel.
k. Width : menentukan lebar tabel.
l. Valign : menentukan posisi vertikal teks dalam sel.
I. Frame
Digunakan untuk membagi jendela browser menjadi beberapa bagian dan masing-masing bagian terdiri dari dokumen HTML tersendiri. Untuk membuat sebuah frame, tag yang digunakan adalah:
- Tag <frameset> mempunyai beberapa atribut :
⇢ rows : membuat frame secara mendatar (baris) sekaligus medefinisikan lebar masing-masing.
⇢ cols : membuat frame secara vertikal (kolom) sekaligus mendefinisikan lebar masing-masing.
⇢ bordercolor : mendefinisikan warna bingkai frame.
- Tag <frame> mempunyai beberapa atribut :
⇢ src : menentukan nama file HTML yang akan digunakan sebagai isi frame.
⇢ marginheight : menentukan batas atas dan bawah antara dokumen dengan bingkai dalam pixel.
⇢ marginwidth : menentukan battas kiri dan kanan antara dokumen dengan bingkai dalam pixel.
⇢ scrolling : menentukan apakah frame dapat memilki scroll bar.
⇢ noresize : jika atribut ini disebutkan, maka ukuran frame tidak dapat diubah.
⇢ name : mendefinisikan nama dari objek frame, bisa sebagai tujuan link.
⇢ boder : menentukan ukuran bingkai frame.
Tidak ada komentar:
Posting Komentar