Kalau membahas tentang pemrograman web, pasti tidak akan terlepas dengan yang namanya HTML, sebelum mempelajari HTML lebih lanjut sebaiknya kita mengetahui dasarya terlebih dahulu.. cekidot...
Ada beberapa hal yang harus diperhatikan dalam pembuatan HTML, yaitu sebagai berikut :
Ada beberapa hal yang harus diperhatikan dalam pembuatan HTML, yaitu sebagai berikut :
1.
Dokumen
perlu deklarasi semacam berikut di awal <!DOCTYPE HTML PUBLIC “-//w3c//DTD
XHTML 1.0 Transitional // EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1 - transitional
dtd “>
2.
Dokumen
harus mempunyai tag <head> dan <body>
3.
Semua
tag di tulis dengan huruf kecil. Jadi, penulisan seperti <BODY> tidak
diperkenankan dan perlu di tulis menjadi <body>
4.
Seluruh
tag perlu ditutup. Misalnya tag <body> di tutup dengan </body>,
khusus untuk yang tidak mempunyai pasangan penutup seperti <hr> dan
<br> perlu ditulis menjadi <hr/> dan <br/>. Terlihat ada
tambahan “/” sebelum >.
5.
Seluruh
nilai pada artribut dalam tag ditulis dalam tanda petik (boleh petik tunggal
maupun petik ganda)
Dokumen HTML disajikan berikut ini
Contoh :
<div id = “identitas”>
Pada contoh diatas, identitas adalah
nilai atribut id dan ditulis dalam tanda petik ganda.
6.
Pasangan
tag tidak boleh berpotongan dengan pasangan tag lain. Contoh :
<div> <p> bla..bla..</div>
</p>
Menunjukkan adanya pasangan tag yang
berpotongan
Semestinya ditulis sebagai berikut :
<b>
<i>bla..bla..</i> </b>
7.
Sebuah
atribut dalam tag harus mempunyai nilai. Contoh, kode berikut pada model lama
HTML diperkenankan.
<INPUT TYPE=RADIO NAME =
“radiopria” VALUE= “PRIA”CHECKED>
Sekarang ditulis menjadi <input
type =”radio” name=”radiopria” value=”pria”checked=”true”/>
Perhatikan atribut checked diberi
nilai “true”. Selain itu, tanda > diawali
dengan / yang menyatakan penutup tag, mengingat <input> tidak
punya pasangan penutup.
Beberapa tag dasar yang terdapat pada HTML dapat dilihat dibawah ini :
·
<html></html>
menyatakan kepada browser bahwa yang berada di dalamnya dianggap sebagai bagian
dari halaman web.
·
<head></head>
menyatakan bagian judul dalam dokumen HTML.
·
<title></title>
menentukan judul halaman web.
·
<body></body>
bagian web yang akan tertampil
·
<style></style>
biasa dipakai untuk mendefinisikan css
·
<script></script>
bagian yang menyatakan bahwa kode yang ada didalamnya adalah suatu kode non-
HTML. Sebagai contoh untuk menuliskan kode JavaScript.
·
<h1></h1>
untuk membuat judul dalam halaman web (level 1)
·
<h2></h2>
untuk membuat judul dalam halaman web (level 2)
·
<br/>
untuk membuat perpindahan baris dalam halaman web
·
<img/>
untuk menentukan gambar yang disajikan dalam halaman web
·
<div></div>
untuk membuat suatu divisi dalam halaman web
·
<p></p>
untuk membuat sebuah paragraf
·
<form></form>
menyatakan formulir. Digunakan untuk kepentingan entri data
·
<table></table>
menyatakan tag untuk membuat tabel. Tabel biasa dipakai untuk menyajikan data.
·
<a></a>
menyatakan tautan (link)
·
<span></span>
tag yang memungkinkan diisi dengan teks diluar tag. Pada contoh didepan,
<span> digunakan untuk menampilkan jam. Tanda< diawali dengan / yang
menyatakan penutup tag, mengingat <input> tidak punya pasangan penutup.
Tag
– tag untuk memformat teks dalam (x) HTML antara lain :
1. <b> </b> :
membuat teks tercetak tebal
2. <i> </i> :
membuat teks tercatak miring
3. <s> </s> :
membuat teks tercoret
4. <big> </big> :
membesarkan teks
5. <small> ...</small> : mengecilkan teks
6. <u> </u> :
menggaris bawahi teks
7. <sub> </sub> :
membuat teks menjadi subscript
8. <sup> </sup> :
membuat teks menjadi superscript
9. <center>...</center> : membuat tks berada ditengah dokumen
10. <font> ...</font> : mengubah jenis huruf.
Bentuk dasar : <font>face=”jenis huruf”
Color=”warna huruf” Size= “ukuran huruf” </font>
Memiliki atribut size, color, dan
face
Size = untuk menentukan ukuran huruf
(n). Nilai n berkisar antara 0 s/d yang terbesar 7.
Color = untuk menentukan warna teks
Face = untuk menentukan jenis huruf,
misalnya Arial
11. Atribut dari tag <body>
BgColor = menentukan warna latar
belakang dari badan dokumen.
Text = menentukan warna teks yang
berada dalam badan dokumen.
12.
<marquee>...</marquee> :
membuat teks berjalan ini punya banyak variasi akan di jelaskan pada bab
selanjutnya.
13. <Blink>...</Blink> : membuat teks berkedap kedip.
Comments
Post a Comment