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.
HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan web browser seperti Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser.
a. Hypertext
Link hypertext adalah kata atau frase yang dapat menunjukkan hubungan suatu naskah dokumen dengan naskah-naskah lainnya. Jika kita klik pada kata atau frase untuk mengikuti link ini maka web browser akan memindahkan tampilan pada bagian lain dari naskah atau dokumen yang kita tuju.
Link hypertext adalah kata atau frase yang dapat menunjukkan hubungan suatu naskah dokumen dengan naskah-naskah lainnya. Jika kita klik pada kata atau frase untuk mengikuti link ini maka web browser akan memindahkan tampilan pada bagian lain dari naskah atau dokumen yang kita tuju.
b. Markup
Pada pengertiannya di sini markup menunjukkan bahwa pada file HTML berisi suatu intruksi tertentu yang dapat memberikan suatu format pada dokumen yang akan ditampilkan pada Word Wide Web.
c. Language
Meski HTML sendiri bukan merupakan bahasa pemrograman, HTML merupakan kumpulan dari beberapa instruksi yang dapat digunakan untuk mengubah-ubah format suatu naskah atau dokumen. Pada awalnya HTML dikembangkan sebagai subset SGML (Standard Generalized Mark-up Language). Karena HTML didedikasikan untuk ditransmisikan melalui media Internet, maka HTML relatif lebih sederhana daripada SGML yang lebih pada format dokumen yang berorientasi pada aplikasi.
2.3. Fungsi HTML
Hypertext
Markup Language merupakan standar bahasa yang di
gunakan untuk menampilkan dokumen web, yang bisa dilakukan dengan HTML yaitu:
- Menentukan format suatu teks
- Membuat list tentang sekelompok hal
- Membuat link ke dokumen lain atau bagian lain dari dokumen yang sama.
- Menyisipkan citra atau gambar.
- Menampilkan informasi dalam bentuk tabel
- Menentukan format suatu teks
- Membuat list tentang sekelompok hal
- Membuat link ke dokumen lain atau bagian lain dari dokumen yang sama.
- Menyisipkan citra atau gambar.
- Menampilkan informasi dalam bentuk tabel
- Memodifikasi.Mengontrol tampilan
dari web page dan contentnya.
- Mempublikasikan dokumen secara online
sehingga bisa di akses dari seluruh dunia.
- Membuat online form yang bisa di gunakan
untuk menangani pendaftaran, transaksi secara online.
- Menambahkan
object-object seperti image, audi, video dan juga java applet dalam dokumen
HTML.
2.4 Struktur HTML
1.
Elemen
Elemen terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup.Contonya untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana: <title> ini adalah tag pembuka judul dokumen HTML
Elemen terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup.Contonya untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana: <title> ini adalah tag pembuka judul dokumen HTML
2.
Tag
Adalah teks khusus (markup) berupa dua
karakter "<" dan ">",
sebagai contoh <body> adalah tag dengan nama body. Tag ditulis
secara berpasangan, yang terdiri atas tag pembuka dan tag penutup
(ditambahkan karakter "/" setelah karakter "<"),
sebagai contoh <body> ini adalah tag pembuka isi dokumen HTML, dan
</body>
ini adalah tag penutup isi dokumen 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>
Hasil:
3.
Atribut
Atribut mendefinisikan properti dari suatu elemen/tag dari HTML, yang
Atribut mendefinisikan properti dari suatu elemen/tag dari HTML, yang
terdiri atas nama dan nilai
2.5
Pengaturan Halaman HTML
2.5.1. Menformat
Tulisan Pada halaman HTML
Untuk membuat halaman web yang rapi
dan menarik, tentu saja perlu melakukan pemformatan tulisan-tulisan, baik tata
cara pencetakannya, serta jenis tulisan yang dipergunakan.
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>
Hasil
:
Contoh
:
<HTML>
<HEAD>
<HEAD>
<TITLE>Font <TITTLE>
</HEAD>
<BODY>
<font size=1>ukuran 1</font><br>
<font size=2> ukuran 2</font><br>
<font size=3> ukuran 3</font><br>
<font size=4> ukuran 4</font><br>
<font size=5> ukuran 5</font><br>
<font size=6> ukuran 6</font><br>
<font size=7> ukuran 7</font>
</BODY>
</HMTL>
Hasil:
Contoh:
<HTML>
<HEAD>
<HEAD>
<TITLE>Font Face<TITTLE>
</HEAD>
<BODY>
<font
face=”Arial”>Arial</font><br>
<font
face=”Tahoma”>Tahoma</font><br>
<font face=”Courier New”>Courier
New</font><br>
</BODY>
</HTML>
Hasil:
By MUKHLIS MUCHAD
SITI MUSLIHAENY (13650054)
NETBEANS (4)
Tidak ada komentar:
Posting Komentar