8/4/2019 Pemrograman Web I_ Belajar HTML 3

1/8

MENGATUR TEKS

Mengatur Teks Secara Fisik

Daftar tag untuk mengatur teks secara fisik

Pemakaian Tag KeteranganTeks Teks ditampilkan dalam keadaan ditebalkan

Teks Teks ditampilkan dengan ukuran lebih besar dari ukuran normalTeks Teks ditampilkan dalam keadaan miringTeks Teks ditampilkan dengan ukuran lebih kecil dari ukuran normalTeks Teks ditampilkan sebagai subskripTeks Teks ditampilkan sebagai superskripTeks Teks ditampilkan dalam bentuk seperti ketikan mesin tikTeks Teks ditampilkan dengan diberi garis bawah

Contoh :

Mengatur Teks Secara Logis

Daftar tag untuk mengatur teks secara logis

Pemakaian Tag Keterangan

Teks Menyatakan teks adalah kutipan

Teks Menyatakan bahwa teks adalah kode atau program komputer.Umumnya teks ditampilkan dengan font monoskrip.

Teks Menyatakan penekanan pada teks. Umumnya teks ditampilkanmiring.

Teks Menyatakan teks adalah masukan dari keyboard. Teks seperti iniumumnya ditampilkan dengan font monospasi.

Teks Menyatakan bahwa teks adalah suatu konstanta sederetankarakter. Biasanya ditampilkan dengan font monospasi.

Teks Menyatakan bahwa teks yang sangat penting untuk diperhatikan

Memformat Secara Fisik

Teks dengan Tag SMALL

Teks dengan ukuran Normal

Teks dengan Tag BIG

Teks Normal

Teks dengan tag B

Teks dengan tag I

NormalTeks dengan tag SUB

NormalTeks dengan tag SUP

Seperti ketikan mesin ketik
Teks diberi garis bawah

Tebal, miring, dan diberi garis bawah

8/4/2019 Pemrograman Web I_ Belajar HTML 3

2/8

orang. Biasanya disajikan dengan ditebalkan.

Teks Menyatakan teks adalah variabel atau ekspresi matematika atauprogram komputer. Teks akan disajikan dalam bentuk miring.

Teks Praformat

Misalnya akan dibuat tampilan seperti berikut :

Untuk membuatnya dituliskan :

Praformat

Daftar Harga Keladi:

Red Flash.........35.000

Red Fire..........60.000

Fannie Munson.....60.000

Pink Beauty.......40.000

Hilo Beauty.......35.000

Jackie Suthers....35.000

8/4/2019 Pemrograman Web I_ Belajar HTML 3

3/8

Hasil :

Mengapa tidak bisa? Sebab, spasi yang dituliskan di depan tulisan Red Flash, Red Fire, dansebagainya akan dibuang oleh browser. Lalu bagaimana caranya agar bisa didapatkan hasilseperti yang dikehendaki? Solusinya, gunakan tag untuk membuat tekspraformat. Artinya, keadaan yang telah diformat di dalam kode HTML akan ditampilkan sepertiitu pula oleh browser.

Praformat Versi 2

Daftar Harga Keladi:

Red Flash.........35.000

Red Fire..........60.000

Fannie Munson.....60.000

Pink Beauty.......40.000

Hilo Beauty.......35.000

Jackie Suthers....35.000

Harga sewaktu-waktu bias berubah.

8/4/2019 Pemrograman Web I_ Belajar HTML 3

4/8

Hasil :

Perhatikan bahwa spasi maupun baris kosong diikutkan pada tampilan browser. Di dalampasangan tag dan , tidak perlu ditambahkan tag seperti
.

Praformat Versi 3

Daftar Harga Keladi:

Red Flash.........35.000

Red Fire..........60.000

Fannie Munson.....60.000

Pink Beauty.......40.000

Hilo Beauty.......35.000Jackie Suthers....35.000

Harga sewaktu-waktu bias berubah.

8/4/2019 Pemrograman Web I_ Belajar HTML 3

5/8

MENGATUR FONT

Tag berguna untuk mengatur jenis, ukuran, maupun warna font.

Jenis Font

Untuk menentukan jenis font, digunakan atribut FACE. Contoh :

Ukuran Font

Untuk font ditentukan oleh atribut SIZE. Contoh :

Jenis Font

Normal: 012345ABCD

Arial: 012345ABCD

Lucida: 012345ABCD

Courier: 012345ABCD

Verdana: 012345ABCD

Ukuran Font

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

8/4/2019 Pemrograman Web I_ Belajar HTML 3

6/8

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 dilakukanmelalui tag dengan properti berupa BGCOLOR. Tag BODY juga memiliki atributbernama TEXT yang dapat digunakan untuk mengatur warna teks pada keseluruhan tubuh

dokumen.

Daftar nama warna pada atribut penentu warna

Nama Warna RGB Nama Warna RGB

aqua 00FFFF navy 000080

black 000000 olive 808000

blue 0000FF purple 800080

fuchsia FF00FF red FF0000

gray 808080 silver C0C0C0

green 008000 teal 008080

lime 00FF00 yellow FFFF00

maroon 800000 white FFFFFF

Contoh :

Warna - Bagian 1

Normal

aqua

black

blue

fuchsia

gray

green
lime

maroon

navy

olive

purple

red

silver

teal

yellow

8/4/2019 Pemrograman Web I_ Belajar HTML 3

7/8

Contoh penggunaan atribut BGCOLOR dan TEXT pada tag BODY :

Mengatur Default Font

HTML menyediakan tag bernama yang berfungsi untuk menentukan ukurandefault font untuk seluruh halaman. Contoh :

Entitas Karakter dan Numerik

Kode HTML untuk menuliskan karakter-karakter khusus

Simbol HTML Simbol HTML

Spasi

& &

Warna - Bagian 2

Normal

Warna Biru

Warna Hijau

Warna Merah

Warna Biru

Warna kuning

Penggunaan BASEFONT

Normal

Warna Biru

****

8/4/2019 Pemrograman Web I_ Belajar HTML 3

8/8

< >

x

Contoh :

Penulisan Simbol Khusus

Kamus Jerman - Indonesia

Tsch = Sampai jumpa

Frulein = Nona

Ich mchte ... = Saya ingin ...

Garis di atas diperoleh dengan kode