Format Text

  Format Text HTML 

1. Quotes / Indentasi

            Untuk membuat indentasi paragraph kita bisa menggunakan  BLOCKQUOTE.Dengan perintah <Blockquote> browser akan menampilkan teks  menjorok ke dalam ( mengindentasi teks ) atau menampilkan teks

2. Preformatted Text

Preformatted text <PRE> digunakan untuk menampilakan teks sama seperti yang  Anda ketikkan dalam dokumen HTML. Browser akan menampilkan teks tersebut  dalam font monospaced, yaitu seperti terlihat dalam teks yang ditampilkan oleh  aplikasi berbasiskan teks. 

A. Font

Dengan tag <FONT> anda bisa menentukan format tampilan font dalam document  HTML seperti color, size, style dan lainnya.

B. Ukuran Font

Atribut SIZE digunakan untuk mengatur ukuran font. Nilai font dimulai dengan nilai 1  untuk ukuran huruf terkecil dan nilai 7 untuk ukuran paling besar.

C.Jenis Font

Atribut FACE digunakan untuk mengatur jenis huruf yang diinginkan. Atribut FACE  harus diisi dengan string jenis font seperti Arial, Times New Roman, Verdana dan  lain sebagainya.

D. Warna Font 

Atribut COLOR digunakan untuk mengatur warna font yang diinginkan. Untuk  memberi nilai pada atribut color ada dua cara, yaitu :

                                      1. Dengan menyebutkan nama warna seperti red, green dan blue.

2. Dengan menggunakan nilai RGB ( Red Green Blue ) dari satu warna misalnya  FF0000 untuk red, 00FF00 untuk green dan 0000FF untuk Blue.

3. Grouping Element

Tag DIV dan SPAN digunakan untuk mengelompokkan element-element HTML.  Span digunakan untuk mendefinisikan inline content, sementara div digunakan  untuk blocklevel content. 

4. Listing atau penomoran 

List digunakan untuk mengelompokkan data baik berurutan (ordered list)  maupun yang tidak berurutan (unordered list). 

HTML menyediakan lima cara untuk membuat daftar atau list , yaitu : 

a. Ordered List 

b. Unordered List 

c. Directory List 

d. Menu List 

e. Definition List 

Untuk modul ini, hanya ordered list dan unordered list yang dibahas.

5. Ordered List ( Numbering ) 

Ordered list digunakan untuk membuat daftar dimana setiap bagiannya 

memiliki nomor secara terurut. Ordered list dimulai dengan tag <ol> dan diakhiri  dengan </ol>. Untuk menyatakan tiap bagiannya digunakan tag <li> dan tidak  diperlukan tag penutup. Atribut elemen list ,yaitu : 

TYPE = [ 1 | a | A | i | I ] ( default 1 )  

6. Unordered List ( Bullet ) 

Berbeda dengan ordered list, dalam ordered list tidak dijumpai urutan dalam suatu  daftar. Setiap bagian dari unordered list ditandai dengan tanda bullet. Untuk membuat daftar  dengan tanda ini digunakan tag awal <ul> dan tag penutup </ul> dan untuk tiap bagiannya  digunakan tag <li> tanpa tag penutup. Atribut elemen list ,yaitu : 

TYPE = [ disc | squre | circle ] ( default disc )  

7. Hyperlink 

Ini merupakan salah satu keistimewaan yang dimiliki web. Dengan hyperlink ini  berbagai halaman web yang berbeda dapat saling dihubungkan. Untuk membuat link  Anda dapat menggunakan perintah ancor ( A ). Untuk membuat link ke dokumen HTML  lain digunakan perintah berikut : 

< A HREF = “nama_dokumen”> Teks pada browser </A> 

Anda juga bisa membuat link dalam sebuah dokumen HTML. Untuk itu perlu  disediakan nama anchor lokasi tujuan dari link tersebut. Fungsi anchor sangat berguna  jika dokumen HTML yang Anda buat memuat banyak informasi. Nama anchor dibuat  dengan menambahkan atribut NAME. Contoh : 

< A NAME = “HTML dan CSS “> HTML dan CSS </A> 

Cara melakukan link ke bagian tersebut yaitu : 

< A HREF = “nama_anchor “> Teks pada browser </A>  

    8. Image 

         Biasanya, untuk memperindah tampilan web, digunakan image. Ada banyak  format image, tapi ada  tiga jenis format yang paling sering digunakan, yaitu :  o GIF (Graphical Interchange Format) (.GIF) 

o JPEG (Joint Photographic Expert Image) (.JPG) 

o PNG (Portable Network Graphics) 

HTML menyediakan tag <IMG> untuk menampilkan image ke dalam halaman web.  Standar penulisan tag <img> yaitu : 

<img src =”file_gambar” ALT =”nama_alternatif”>  Atribut src digunakan untuk menentukan sumber gambar. Atribut ALT berfungsi  sebagai teks pengganti gambar untuk browser yang tidak bias mendukung  grafik.