Post on 07-Apr-2018
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