Pemrograman Web dengan HTML - chapter 03.ppt...Microsoft PowerPoint - Pemrograman Web dengan HTML -...

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


Atributnya

Tag <Hn>, heading sebuah dokumenNilai n berkisar antara 1 hingga 7.gg


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>


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.


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


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>


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


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>


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>


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>

Pemrograman Web dengan HTML - chapter 03.ppt...Microsoft PowerPoint - Pemrograman Web dengan HTML -...

Documents

Transcript of Pemrograman Web dengan HTML - chapter 03.ppt...Microsoft PowerPoint - Pemrograman Web dengan HTML -...