MENGATUR TEKS. Daftar tag untuk mengatur teks secara fisik

Ukuran: px

Mulai penontonan dengan halaman:

Download "MENGATUR TEKS. Daftar tag untuk mengatur teks secara fisik"

Inge Muljana
7 tahun lalu
Tontonan:

1 MENGATUR TEKS Mengatur Teks Secara Fisik Daftar tag untuk mengatur teks secara fisik Pemakaian Tag Keterangan Teks Teks ditampilkan dalam keadaan ditebalkan <BIG>Teks</BIG> Teks ditampilkan dengan ukuran lebih besar dari ukuran normal Teks Teks ditampilkan dalam keadaan miring Teks Teks ditampilkan dengan ukuran lebih kecil dari ukuran normal Teks Teks ditampilkan sebagai subskrip Teks Teks ditampilkan sebagai superskrip <TT>Teks</TT> Teks ditampilkan dalam bentuk seperti ketikan mesin tik Teks Teks ditampilkan dengan diberi garis bawah Contoh : <TITLE>Memformat Secara Fisik</TITLE> Teks dengan Tag SMALL Teks dengan ukuran <BIG>Teks dengan Tag BIG</BIG> <HR> Teks 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 Mengatur Teks Secara Logis Daftar tag untuk mengatur teks secara logis Pemakaian Tag Keterangan <CITE>Teks</CITE> Menyatakan teks adalah kutipan <CODE>Teks</CODE> 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

2 <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 : <TITLE>Praformat</TITLE> <H2>Daftar Harga Keladi:</H2> Red Flash Red Fire Fannie Munson Pink Beauty Hilo Beauty Jackie Suthers

3 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. <TITLE>Praformat Versi 2</TITLE> <H2>Daftar Harga Keladi:</H2> <PRE> Red Flash Red Fire Fannie Munson Pink Beauty Hilo Beauty Jackie Suthers </PRE> Harga sewaktu-waktu bias berubah.

Hasil : Perhatikan bahwa spasi maupun baris kosong diikutkan pada tampilan browser. Di dalam pasangan tag <PRE> dan </PRE>, tidak perlu ditambahkan tag seperti.

4 Hasil : Perhatikan bahwa spasi maupun baris kosong diikutkan pada tampilan browser. Di dalam pasangan tag <PRE> dan </PRE>, tidak perlu ditambahkan tag seperti. <TITLE>Praformat Versi 3</TITLE> <H2>Daftar Harga Keladi:</H2> <PRE> Red Flash Red Fire Fannie Munson Pink Beauty Hilo Beauty Jackie Suthers </PRE> Harga sewaktu-waktu bias berubah.

5 MENGATUR FONT Tag berguna untuk mengatur jenis, ukuran, maupun warna font. Jenis Font Untuk menentukan jenis font, digunakan atribut FACE. Contoh : <TITLE>Jenis Font</TITLE> Normal: ABCD Arial: ABCD Lucida: ABCD Courier: ABCD Verdana: ABCD Ukuran Font Untuk font ditentukan oleh atribut SIZE. Contoh : <TITLE>Ukuran Font</TITLE> Normal: ABCD SIZE 1: ABCD SIZE 2: ABCD SIZE 3: ABCD SIZE 4: ABCD SIZE 5: ABCD SIZE 6: ABCD SIZE 7: ABCD SIZE +1: ABCD SIZE +2: ABCD SIZE -1: ABCD

6 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 dengan properti berupa BGCOLOR. Tag BODY juga memiliki atribut bernama TEXT yang dapat digunakan untuk mengatur warna teks pada keseluruhan tubuh dokumen. Contoh : Daftar nama warna pada atribut penentu warna Nama Warna RGB Nama Warna RGB aqua 00FFFF navy black olive blue 0000FF purple fuchsia FF00FF red FF0000 gray silver C0C0C0 green teal lime 00FF00 yellow FFFF00 maroon white FFFFFF <TITLE>Warna - Bagian 1</TITLE> aqua black blue fuchsia gray green lime maroon navy olive purple red silver teal yellow

7 Contoh penggunaan atribut BGCOLOR dan TEXT pada tag BODY : <TITLE>Warna - Bagian 2</TITLE> <BODY BGCOLOR = "black" TEXT = "gray"> warna Biru warna Hijau warna Merah Warna Biru warna kuning Mengatur Default Font HTML menyediakan tag bernama <BASEFONT> yang berfungsi untuk menentukan ukuran default font untuk seluruh halaman. Contoh : <TITLE>Penggunaan BASEFONT</TITLE> <BASEFONT SIZE = "4" FACE = "verdana" COLOR = "Pink"> warna Biru **** Entitas Karakter dan Numerik Kode HTML untuk menuliskan karakter-karakter khusus Simbol HTML Simbol HTML Ä Ä ä ä Ë Ë ë ë Ï Ï ï ï Ö Ö ö ö Ü Ü ü ü β ß ½ ¾ &#8482 ¼ Spasi & &»» ««

8 < < > > x Contoh : <TITLE>Penulisan Simbol Khusus</TITLE> <H1>Kamus Jerman - Indonesia</H1> Tschüß = Sampai jumpa Fräulein = Nona Ich möchte... = Saya ingin... <HR> Garis di atas diperoleh dengan kode <HR>

dokumen-dokumen yang mirip

<HTML> <HEAD> <TITLE>Latihan HTML</TITLE> </HEAD> <BODY> Selamat Belajar HTML </BODY> </HTML>

<HTML> <HEAD> <TITLE>Latihan HTML</TITLE> </HEAD> <BODY> Selamat Belajar HTML </BODY> </HTML> Dasar-dasar HTML Mengenal HTML HTML (HyperTex( Markup Language) ) adalah standar informasi yang berbasis hypertext yang dipakai di web.. Berdasarkan standar inilah Web Browser bisa memahami isi suatu dokumen