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