Format Teks HTML

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