Pemrograman Web I - Belajar HTML 3

MENGATUR TEKS
Mengatur Teks Secara Fisik Daftar tag untuk mengatur teks secara fisik Keterangan Teks ditampilkan dalam keadaan ditebalkan Teks ditampilkan dengan ukuran lebih besar dari ukuran normal Teks ditampilkan dalam keadaan miring Teks ditampilkan dengan ukuran lebih kecil dari ukuran normal Teks ditampilkan sebagai subskrip Teks ditampilkan sebagai superskrip Teks ditampilkan dalam bentuk seperti ketikan mesin tik Teks ditampilkan dengan diberi garis bawah
Pemakaian Tag Teks <BIG>Teks</BIG> Teks Teks Teks Teks <TT>Teks</TT> Teks Contoh :
<HTML> <HEAD> <TITLE>Memformat Secara Fisik</TITLE> </HEAD> <BODY> Teks dengan Tag SMALL Teks dengan ukuran Normal <BIG>Teks dengan Tag BIG</BIG> <HR> Teks Normal Teks dengan tag B Teks dengan tag I NormalTeks dengan tag SUB NormalTeks dengan tag SUP <TT>Seperti ketikan mesin ketik</TT> Teks diberi garis bawah Tebal, miring, dan diberi garis bawah </BODY> </HTML>
Mengatur Teks Secara Logis Daftar tag untuk mengatur teks secara logis Keterangan Menyatakan teks adalah kutipan Menyatakan bahwa teks adalah kode atau program komputer. Umumnya teks ditampilkan dengan font monoskrip. Teks Menyatakan penekanan pada teks. Umumnya teks ditampilkan miring. <KBD>Teks</KBD> Menyatakan teks adalah masukan dari keyboard. Teks seperti ini umumnya ditampilkan dengan font monospasi. <SAMP>Teks</SAMP> Menyatakan bahwa teks adalah suatu konstanta sederetan karakter. Biasanya ditampilkan dengan font monospasi. Teks Menyatakan bahwa teks yang sangat penting untuk diperhatikan Pemakaian Tag <CITE>Teks</CITE> <CODE>Teks</CODE>
<VAR>Teks</VAR>
orang. Biasanya disajikan dengan ditebalkan. Menyatakan teks adalah variabel atau ekspresi matematika atau program komputer. Teks akan disajikan dalam bentuk miring.
Teks Praformat Misalnya akan dibuat tampilan seperti berikut :
Untuk membuatnya dituliskan : <HTML> <HEAD> <TITLE>Praformat</TITLE> </HEAD> <BODY> <H2>Daftar Harga Keladi:</H2> Red Flash.........35.000 Red Fire..........60.000 Fannie Munson.....60.000 Pink Beauty.......40.000 Hilo Beauty.......35.000 Jackie Suthers....35.000 </BODY> </HTML>
Hasil :
Mengapa tidak bisa? Sebab, spasi yang dituliskan di depan tulisan Red Flash, Red Fire, dan sebagainya akan dibuang oleh browser. Lalu bagaimana caranya agar bisa didapatkan hasil seperti yang dikehendaki? Solusinya, gunakan tag <PRE></PRE> untuk membuat teks praformat. Artinya, keadaan yang telah diformat di dalam kode HTML akan ditampilkan seperti itu pula oleh browser. <HTML> <HEAD> <TITLE>Praformat Versi 2</TITLE> </HEAD> <BODY> <H2>Daftar Harga Keladi:</H2> <PRE> Red Flash.........35.000 Red Fire..........60.000 Fannie Munson.....60.000 Pink Beauty.......40.000 Hilo Beauty.......35.000 Jackie Suthers....35.000 </PRE> Harga sewaktu-waktu bias berubah. </BODY> </HTML>
Hasil :
Perhatikan bahwa spasi maupun baris kosong diikutkan pada tampilan browser. Di dalam pasangan tag <PRE> dan </PRE>, tidak perlu ditambahkan tag seperti . <HTML> <HEAD> <TITLE>Praformat Versi 3</TITLE> </HEAD> <BODY> <H2>Daftar Harga Keladi:</H2> <PRE> Red Flash.........35.000 Red Fire..........60.000 Fannie Munson.....60.000 Pink Beauty.......40.000 Hilo Beauty.......35.000 Jackie Suthers....35.000 </PRE> Harga sewaktu-waktu bias berubah. </BODY> </HTML>
MENGATUR FONT Tag berguna untuk mengatur jenis, ukuran, maupun warna font.
Jenis Font Untuk menentukan jenis font, digunakan atribut FACE. Contoh : <HTML> <HEAD> <TITLE>Jenis Font</TITLE> </HEAD> <BODY> Normal: 012345ABCD Arial: 012345ABCD Lucida: 012345ABCD Courier: 012345ABCD Verdana: 012345ABCD </BODY> </HTML>
Ukuran Font Untuk font ditentukan oleh atribut SIZE. Contoh : <HTML> <HEAD> <TITLE>Ukuran Font</TITLE> </HEAD> <BODY> Normal: 012345ABCD SIZE 1: 012345ABCD SIZE 2: 012345ABCD SIZE 3: 012345ABCD SIZE 4: 012345ABCD SIZE 5: 012345ABCD SIZE 6: 012345ABCD SIZE 7: 012345ABCD Normal SIZE +1: 012345ABCD SIZE +2: 012345ABCD Normal SIZE -1: 012345ABCD </BODY> </HTML>
Warna Font Atribut pada tag yang berkaitan dengan warna teks yaitu COLOR, yang berguna untuk menentukan warna . Jika warna latar belakang yang akan diatur, pengaturan perlu dilakukan melalui tag <BODY> dengan properti berupa BGCOLOR. Tag BODY juga memiliki atribut bernama TEXT yang dapat digunakan untuk mengatur warna teks pada keseluruhan tubuh dokumen. Daftar nama Nama Warna aqua black blue fuchsia gray green lime maroon Contoh : <HTML> <HEAD> <TITLE>Warna - Bagian 1</TITLE> </HEAD> <BODY> Normal aqua black blue fuchsia gray green lime maroon navy olive purple red silver teal yellow </BODY> </HTML> warna pada atribut penentu warna RGB Nama Warna RGB 00FFFF navy 000080 000000 olive 808000 0000FF purple 800080 FF00FF red FF0000 808080 silver C0C0C0 008000 teal 008080 00FF00 yellow FFFF00 800000 white FFFFFF
Contoh penggunaan atribut BGCOLOR dan TEXT pada tag BODY : <HTML> <HEAD> <TITLE>Warna - Bagian 2</TITLE> </HEAD> <BODY BGCOLOR = "black" TEXT = "gray"> Normal Warna Biru Warna Hijau Warna Merah Warna Biru Warna kuning </BODY> </HTML>
Mengatur Default Font HTML menyediakan tag bernama <BASEFONT> yang berfungsi untuk menentukan ukuran default font untuk seluruh halaman. Contoh : <HTML> <HEAD> <TITLE>Penggunaan BASEFONT</TITLE> </HEAD> <BODY> <BASEFONT SIZE = "4" FACE = "verdana" COLOR = "Pink"> Normal Warna Biru **** </BODY> </HTML>
Entitas Karakter dan Numerik Kode HTML untuk menuliskan karakter-karakter khusus Simbol HTML Simbol HTML Ä ä Ë ë Ï ï Ö ö Ü ü ß © ® &#8482 Spasi & & » «
< > x Contoh :
< > × ÷
<HTML> <HEAD> <TITLE>Penulisan Simbol Khusus</TITLE> </HEAD> <BODY> <H1>Kamus Jerman - Indonesia</H1> Tschüß = Sampai jumpa Fräulein = Nona Ich möchte ... = Saya ingin ... <HR> Garis di atas diperoleh dengan kode <HR> </BODY> </HTML>

Pemrograman Web I - Belajar HTML 3

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Pemrograman Web I - Belajar HTML 3

Uploaded by

Copyright:

Available Formats

MENGATUR TEKS

Teks Praformat Misalnya akan dibuat tampilan seperti berikut :

< > x Contoh :

< > × ÷

You might also like

Pemrograman Web I - Belajar HTML 3

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Pemrograman Web I - Belajar HTML 3

Uploaded by

Copyright:

Available Formats

MENGATUR TEKS

Teks Praformat Misalnya akan dibuat tampilan seperti berikut :

< > x Contoh :

&lt; &gt; &times; &divide;

You might also like

< > × ÷