Format Teks HTML
Teks dalam dokume web dapat diformat secara khusus untuk
menunjukkan perbedaan dan penekanan terhadap isi dan maksud dari teks tersebut.
Pembedan ditampilkan dalam bentuk huruf tebal, miring (italic), digarisbawahi,
dan semacamnya.
4.1 Pemformatan Teks
Beberapa pemformatan teks;
ü
Menebalkan huruf (bold)
ü
Memiringkan huruf (italic)
ü
Memberikan takanan pada teks (emphasize)
ü
Mengecilkan huruf
ü
Superscript
ü
Subscript
Contoh ini mendemonstrasikan bagaimana
Anda dapat memformat teks dalam suatu dokumen HTML.
4.2 Teks Preformat
Jarak antarkata suatu teks atau kalimat di dalam
dokumen web adalah sebesar satu spasi. Agar browser web menampilkan sesuai
dengan dokumen web tersebut di dalam editor teks, maka teks yang bersangkutan
harus diberi tanda tag <pre> di awalnya dan </pre> di teks yang
bersangkutan.
Dengan tag <pre>, yang
mempunyai kepanjangan “preformatted”, teks akan ditampilkan dalam browser
dengan ukuran font dengan lebar-fix. Salah satu penggunaan dari pre adalah
untuk menampilkan suatu source program web.
Contoh ini mendemonstrasikan bagaimana
Anda dapat mengendalikan line break dan spasi dengan menggunakan tag pre.
4.3 Computer Output
Contoh ini mendemonstrasikan bagaimana
tag “computer-output” berbeda akan ditampilkan.
4.4 Address
Alamat (address) merupakan salah
satu elemen yang umum di dalam suatu dokumen. Dalam HTML disediakan secara
khusus tag address. Dengan adanya tag ini maka penulisan alamat dapat
distandarkan.
Diawali dengan tag
<address>, dan diakhiri dengan </address>. Setiap baris dalam
penulisan alamat dipisahkan dengan tag <br>
Contoh ini mendemonstrasikan bagaimana
menuliskan sebuah alamat dalam suatu dokumen HTML
4.5 Singkatan
Terkadang kita menuliskan suatu
dokumen dan ada beberapa istilah yang kita gunakan dan dinyatakan dengan
menggunakan singkatan (akronim) saja. Tag <abbr> dan tag <acronym>
dapat digunakan untuk menyimpan data kepanjangan dari suatu singkatan yang
ditamilkan dalam dokumen tersebut, dengan menggunakan atribut title.
Sintaks:
<abbr title=”kepanjangannya”>singkatan</abbr>
<acronym title=”kepanjangannya”>singkatan</abbr>
Dengan menggunakan tag tersebut,
maka pada saat mouse pointer kita berada diatas singkatan tersebut, pada saat
dokumen tersebut ditampilkan dalam browser e=web, maka kepanjangan dari
singkatan tersebut akan ditampilkan mengambang di atasnya.
Contoh ini mendemonstrasikan bagaimana
untuk menangani suatu singkatan atau akronim.
4.6 Arah Teks
Cara menuliskan teks dapat diubah
dari kelziman dari kiri ke kanan (left to right-ltr) menjadi dari kanan ke kiri
(right to left-ltr). Tag <bdo> - bidirectional override, merupakan tag
yang digunakan untuk mendefinisikan arah penulisan teks.
Contoh ini mendemonstrasikan bagaimana untuk mengubah arah
teks
4.7 Quotation
Suatu kuipan teks lazim ada dalam
suatu dokumen, ada dua macam kutipan:
ü Kutipan
pendek-tag <q>
ü Kutipan
panjang-tag <blockquote>
Tag
<blockquote> digunakan untuk membuat sebagian teks yang dikuti sebagai
suatu blok sendiri. Kebanyakan browser umumnya mengubah margin untuk kutipan
teks tadi untuk memisahkan dari teks yang mengelilinginya.
Tag
<q> tidak melakukan sesuatu yang khusus, tetapi dengan kita telah
mendefinisikan sebagai kutipan, kemudian kita menggunakan style sheet maka
kutipan ini bisa diatur pemformatannya dengan menggunakan style sheet.
Berikut contoh quotation yang panjang
dan pendek.
4.8 Teks yang Disisipkan atau Dihapus
Dalam
suatu workflow lazim adanya suatu koreksi atas pekerjaan, koreksi terhadap
suatu teks dapat disimilasikan/ diperlihatkan dengan menggunakan tag
<ins> dan tag <del> untuk menunjukan hasil koreksi yang disisipkan
dan yang dihapus.
Berikut adalah conoh bagaimana
menandai suatu teks yang dihapus atau disisipkan pada suatu dokumen.
4.9 Tag-tag Pemformatan
|
Tag awal
|
NN
|
IE
|
W3
|
Kegunaan
|
|
<b>
<big>
<em>
<I>
<small>
<strong>
<sub>
<sup>
<ins>
<del>
<s>
<strike>
<u>
|
3.0
3.0
3.0
3.0
3.0
3.0
3.0
3.0
|
3.0
3.0
3.0
3.0
3.0
3.0
3.0
3.0
4.0
4.0
|
3.2
3.2
3.2
3.2
3.2
3.2
3.2
3.2
4.0
4.0
|
Definisi teks yang ditebalkan
Definisi teks yang besar ukurannya
Definisi teks yang ditekan
Definisi teks yang miring-italic
Definisi teks yang kecil ukurannya
Definisi teks yang ditebalkan
Definisi teks yang jadi subscript
Definisi teks yang jadi superscript
Definisi teks yang disisipkan
Definisi teks yang dihapus
Deprecated. Use <del>
instead
Deprecated. Use <del> instead
Deprecated.Use styles intead
|
4.10 Tag-tag Computer-Output
|
Tag awal
|
NN
|
IE
|
W3
|
Kegunaan
|
|
<code>
<kbd>
<samp>
<tt>
<var>
<pre>
<listing>
<plaintext>
<xmp>
|
3.0
3.0
3.0
3.0
3.0
3.0
|
3.0
3.0
3.0
3.0
3.0
3.0
|
3.2
3.2
3.2
3.2
3.2
3.0
|
Definisi teks computer code
Definisi teks keyboard
Definisi conto computer code
Definisi teks teletype
Definisi suatu variable
Defini teks preformated
Deprecated. Use <pre> instead
Deprecated. Use <pre> instead
Deprecated. Use <pre> instead
|
4.11 Tag Citation, Quotation, Definition
|
Tag awal
|
NN
|
IE
|
W3
|
Kegunaan
|
|
<abbr>
<acronym>
<address>
<bdo>
<blockuote>
<q>
<cite>
<dfn>
|
4.0
3.0
3.0
|
4.0
3.0
3.0
3.0
|
4.0
4.0
4.0
4.0
3.2
4.0
3.2
3.2
|
Definisi suatu singkatan
Defini suatu akronim
Definisi
Defiisi
Definisi quotation panjang
Definisi quotation pendek
Definisi syatu citation
Definisi istilah (term)
|
Judul buku : Pemrograman web dengan
HTML
Penulis buku : Betha Sidik,
Ir.Husni I.Pohan, Ir.M.Eng
Penerbit : Informatika Bandung
Penulis : Desy anna tasya
Halaman : 29-40
This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.
ConversionConversion EmoticonEmoticon