Pusat Belajar Komputer

Pusat Belajar Komputer
Lembaga Kursus dan Pelatihan di kota Metro Lampung

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




Previous
Next Post »

LikeNation

Social Media Exchange Website - Likenation