PEMROGRAMAN WEB DENGAN HTMLChapter 3
Memformat Dokumen HTMLMemformat Dokumen HTML
Dalam HTML terdapat beberapa tag yang dapat digunakan untuk memformat dokumen. Tag-tag tersebut diantaranya adalah :
Tag <BR>, membuat baris baruTidak memerlukan penutup </BR>
Tag <P>, memulai paragaraf barug , p gTidak memerlukan penutup </P>
Tag <HR> membuat garis batas horizontalTag <HR>, membuat garis batas horizontal
Memformat Dokumen HTMLMemformat Dokumen HTML
Atributnya
Tag <Hn>, heading sebuah dokumenNilai n berkisar antara 1 hingga 7.gg
Memformat Dokumen HTMLMemformat Dokumen HTML
C t h Terima kasihContoh :<HTML><HEAD><TITLE> Format Dokumen HTML
Terima kasih<HR><H1> Bab I HTML </H1>ini adalah isi bab 1<TITLE> Format Dokumen HTML
</TITLE></HEAD><BODY>
ini adalah isi bab 1<H2> 1.1 subbab HTML </H2>ini adalah isi subbab 1.1<H3> 1.1.1 Sub-subbab HTML
Belajar Pemrograman Web dengan HTML <BR>
Hyper Text Markup Language<P>
</H3>ini adalah isi sub subbab
1.1.1</BODY><P>
Nama saya : Mr. WebmasterJl. Pahlawan No. 1 Semarang<P>
</BODY></HTML>
<P>Hobbi saya musik, travelling
dan komputer<HR>
Memformat Dokumen HTMLMemformat Dokumen HTML
Memformat Dokumen HTMLMemformat Dokumen HTML
Tag <PRE>, membuat tampilan dokumen HTML pada browser sama dengan tampilan pada teks editor. Dengan tag <PRE>, maka tag <P> dan tag <BR> jadi tidak diperlukan lagi.
Memformat Dokumen HTMLMemformat Dokumen HTML
C t h Team B 3 2 0 1Contoh :<HTML><HEAD>
Team B 3 2 0 1Team c 3 1 1 1=============================
<TITLE> Web Sederhana</TITLE></HEAD>
kode program :For I = 1 to 10For J = 1 to 5
<BODY><PRE>Tampilan ini sma dengan
A(I,J)=I*JNextNextp g
tampilan di teks editor.KlasemenTeam Main Menang Seri Kalah
</BODY></HTML>
Team Main Menang Seri Kalah=============================Team A 3 2 1 0
Memformat Dokumen HTMLMemformat Dokumen HTML
Memformat Dokumen HTMLMemformat Dokumen HTML
T T k hTag <CENTER>, Teks rata tengahContoh :<HTML><HEAD>
b S d h /<TITLE> Web Sederhana </TITLE></HEAD><BODY><BODY><Center>Teks ini rata tengah</CENTER></BODY></BODY></HTML>
Memformat Dokumen HTMLMemformat Dokumen HTML
Memformat Dokumen HTMLMemformat Dokumen HTML
Tag <UL> dan <OL>Tag <UL> dan <OL>
Suatu cara pemformatan lain yang akan sangat banyak berguna adalah LIST (daftar). Ada dua macam daftar, yaitu ORDERED lists (OL) dan UNORDERED lists (UL).
I i d l h d d li tIni adalah ordered list
1. Puntadewa2. Bima
3. Arjuna
4. Nakula5. Sadewa
I i d l h d d liIni adalah unordered list· merah
· biru
· lama· baru
· ungu
Memformat Dokumen HTMLMemformat Dokumen HTML
C t h 1Contoh 1:<HTML><HEAD><TITLE>Order List</TITLE><TITLE>Order List</TITLE></HEAD><BODY>Kepribadian yang saya sukaiKepribadian yang saya sukai<UL><LI>pribadi yang jujur<LI>pribadi yang ramahp y g<LI>rumah pribadi<LI>mobil pribadi<LI>sekretaris pribadi</UL></BODY></HTML>
Memformat Dokumen HTMLMemformat Dokumen HTML
Memformat Dokumen HTMLMemformat Dokumen HTML
C t h 2 Contoh 2 :<HTML><HEAD><TITLE>Order List</TITLE><TITLE>Order List</TITLE></HEAD><BODY>Kepribadian yang saya sukaiKepribadian yang saya sukai<OL><LI>pribadi yang jujur<LI>pribadi yang ramahp y g<LI>rumah pribadi<LI>mobil pribadi<LI>sekretaris pribadi</OL></BODY></HTML>
Memformat Dokumen HTMLMemformat Dokumen HTML
Memformat Dokumen HTMLMemformat Dokumen HTML
T <ACRONYM> t k b i k t t tiTag <ACRONYM>, untuk memberi keterangan atau screen tipsContoh :<html><head><title>Singkatan</title></head><body><acronym title="word wide web">www</acronym><p>Bila kita meletakkan kursor di atas kata wwwmaka muncul kata word wide web pada screen tips</p>p p p</body></html>
Memformat Dokumen HTMLMemformat Dokumen HTML