DASAR-DASAR PEMROGRAMAN WEB
Pengertian HTML
HTML merupakan singkatan dari Hypertext
Markup Language. HTML digunakan untuk membangun halaman web. HTML digunakan
untuk melakukan mark-up (penandaan)
terhadap sebuah dokumen teks. Tanda tersebut digunakan untukmenentukan format
atau style dari teks yang ditandai halaman web dibangun oleh kode-kode
HTML.
Yang merupakan tag-tag dasar dalam HTML adalah:
a. <HTML> </HTML>
Tag <HTML> dan
</HTML> digunakan untuk menandai awal dan akhir dari suatu file HTML.
b. <TITLE> </TITLE>
Tulisan yang berada diantara
tag <TITLE> dan </TITLE> akan ditampilkan oleh browser pada bagian
title yang mana merupakan title dari jendela browser.
c. <HEAD> </HEAD>
Berisi keterangan informasi,
seperti title dan jenis dokumen, ditulis diantara HEAD tags.
d. <BODY> </BODY>
Bagian tag BODY menandai awal
dan akhir dari badan dokumen HTML. Tag ini memiliki sejumlah attribut dapat
ditentukan.
Contoh:
<HTML>
<HEAD>
<TITLE>Halaman HTMLku
yang pertama</TITLE>
</HEAD>
<BODY
TEXT="#000000" BGCOLOR="#FFFFFF">
Hello World
</BODY>
</HTML>
Tag – tag untuk memformat tulisan:
Tag
|
Keterangan
|
<B> </B>
|
Membuat cetak
tebal pada tulisan yang berada diantaranya.
|
<BLINK> </BLINK>
|
Menyebabkan
tulisan berada diantaranya berkedip-kedip.
|
<CITE> </CITE>
|
Digunakan
untuk menandai kutipan dari suatu
buku atau
artikel majalah. Browser khususnya menampilkan kutipan dengan cetak miring.
|
<CODE> </CODE>
|
Menandai
suatu daftar source code program. Biasanya ditampilkan oleh browser dalam
suatu monospaced font yang lebih kecil
|
<DFN> </DFN>
|
Style
untuk definisi dari suatu istilah. Browser
menampilkan
definisi dengan cetak miring.
|
<EM> </EM>
|
Text yang
berada diantara tags ini dicetak lebih lebar. Browser umumnya
menampilkan cetak
|
<FONT SIZE = #> </FONT>
|
Menentukan
ukuran font (#) yang digunakan untuk menampilkan HTML dalam tags. Default is
3; ukurannya dari 1 sampai 7.
|
<H#> </H#>
|
Tag yang menentukan tingkat
heading dengan nilai antara
1 dan 6, dengan sebagai ukuran paling besar dan 6 paling kecil
|
<I> </I>
|
Text
diantaranya ditampilkan dengan cetak miring.
|
<KBD> </KBD>
|
Keyboard
tag digunakan untuk mewakili tombol keyboard seperti Del atau Enter. Umumnya
ditampilkan oleh browser dengan suatu monospaced font yang lebih kecil.
|
<PRE> </PRE>
|
Preformatted
text adalah menampilkan tulisan tanpa format yang khusus. Tag ini bagus
digunakan bila ana ingin menangani spasi antar baris; dan juga memudahkan
anda untuk meletakan tab dalam dokumen.
|
<MARQUEE> </MARQUEE>
|
(hanya
pada Microsoft Internet Explorer 2.0/3.0). Tag ini menyebabkan tulisan yang
berada diantaranya
Atribut
untuk tulisan MARQUEE :
|
ALIGN
|
Menentukan
bahwa tulisan dalam marquee harus dirapikan di TOP, MIDDLE atau BOTTOM
darimarquee tersebut
|
BEHAVIOR
|
Setting
yang berlaku untuk atribut ini adalah SCROLL, SLIDE, dan ALTERNATE
|
SCROLL
|
Defaultnya,
dari sisi yang satu ke yang lain pada
layar
secara berulang.
|
SLIDE
|
Gulung
text melintasi layar, dan
|
ALTERNATE
|
|
BGCOLOR
|
Yang ini menentukan dari marquee
|
DIRECTION
|
Menentukan
arah ke
|
HEIGHT
|
Menentukan
tinggi marquee dalam pixel (HEIGHT = n) atau presentasi dari layar (HEIGHT=
n%).
|
WIDTH
|
Sama
dengan atribut HEIGHT, tetapi
diaplikasikan
untuk lebar marquee.
|
HSPACE
|
Menentukan
margin kiri dan kanan untuk bagianluar marquee dalam pixel.
|
LOOP
|
Menentukan
jumlah kali marquee harus berputar. Jika diabaikan, set ke -1 atau INFINITE,
dan marquee bergulung sampai user meninggalkan halaman tersebut.
|
SCROLLAMOUNT
|
Menentukan
antara geseran dari tulisan
marquee.
|
SCROLLDELAY
|
Menentukan dari tulisan marquee
|
VSPACE
|
Menentukan
margin top dan bottom untuk bagian luar dari marquee dalam pixel.
|
<SAMP> </SAMP>
|
Menampilkan
sejumlah karakter literal. Banyak
browser
menampilkan dengan monospaced font.
|
<STRIKE> </STRIKE>
|
Tulisan diantaranya di coret (Example).
|
<STRONG> </STRONG>
|
Cara lain
menggambarkan attention pada suatu bagian dari text; <STRONG>
biasanya ditampilkan dengan cetak tebal oleh browser.
|
<TT> </TT>
|
Menampilkan
bentuk typewriter style (monospaced) font.
|
<U> </U>
|
Tulisan
diantaranya ditampilkan dengan garis bawah.
|
Contoh :
<HTML>
<HEAD>
<TITLE>Heading</TITLE>
</HEAD>
<BODY >
<H1>Heading 1</H1>
<H2>Heading 2</H2>
<H3>Heading 3</H3>
<H4>Heading 4</H4>
<H5>Heading 5</H5>
<H6>Heading 6</H6>
</BODY>
</HTML>
