HTML : Tampilan

Atau bisa disebut dengan formating. Adalah sebuah metode untuk melakukan format pada tulisan yang dibuat. Format itu terdiri dari 3 macam :

  • format bentuk seperti tebal, miring dan lain-lain
  • format tampilan
  • format definisi

FORMAT BENTUK

beberapa format yang dapat dipelajari seperti

  • TEBAL  (B)
  • TEBAL  (STRONG)
  • BESAR (BIG)
  • KECIL (SMALL)
  • MIRING (EM)
  • MIRING (I)
  • DICORET (DEL)
  • DICORET (S)
  • DI BAWAH (SUB)
  • DI ATAS (SUP)
  • TEBAL (INS). Pasangan untuk DEL seperti contoh dibawah
    My favorite color is bluered!

 

 

Penggunaan format di atas dapat disesuaikan dengan kebutuhan. Beberapa tag terlihat tampak sama, tetapi sebenarnya penggunaannya berbeda.

Format Tampilan

format ini lebih kepada tampilan yang sesuai dengan komputer saja. Seperti contoh berikut:

CODE

<code>Pemakaian Kode</code>
 hasil:

Pemakaian Kode

KBD

<kbd>Tulisan Keyboard</kbd>

hasil
Tulisan Keyboard

SAMP

<samp>Tulisan sebagai contoh</samp>

hasil:

Tulisan sebagai contoh

TT

<tt>Tulisan mesin text</tt>

Hasil:
Tulisan mesin text

VAR

<var>Tulisan Variable</var>

Hasil:
Tulisan Variable

PRE

<pre>Akan menulis
           Seperti yang dimasukkan</pre>

Hasil:

Akan menulis
     Seperti yang dimasukkan

Untuk tampilan yang ini hampir tak terlihat perbedaannya.

Tampilan Definisi

Tampilan definisi ini jarang digunakan, tetapi akan bermanfaat untuk web yang memiliki informasi didalamnya seperti
WHO dibentuk tahun 1948.

anda tidak akan melihat apapun di tulisan atas, tetapi coba letakkan kursor di kata2 WHO dan lihat apa yang muncul. Karena tampilan berikut agak kurang digunakan, saya akan tinggalkan contoh yang dapat anda uji sendiri. beberapa tag lebih kepada mempermudah kalau dibaca.

Singkatan <abbr title="World Health Organization">WHO</abbr>
Singkatan dan Uraian dari <acronym title="laugh out loud">LOL</acronym>
<address>Alamat Gue neh disini</address>
<bdo dir="rtl">Nulis terbalik</bdo>
<bdo dir="ltr">Nulisnya rapi</bdo>
<blockquote>tulisan ini agak berbeda</blockquote>
Tujuan bermain bola adalah <q>agar SEHAT</q>
<cite>menulis dengan cite </cite>
<dfn>menulis dfn</dfn>

hasil:

Singkatan WHO
Singkatan dan Uraian dari LOL
Alamat Gue neh disini

Nulis terbalik
Nulisnya rapi

tulisan ini agak berbeda

Tujuan bermain bola adalah agar SEHAT
menulis dengan cite
menulis dfn

Tutorial berikutnya akan lebih membahas membuat Header. Ini berarti anda sudah siap untuk membuat page pertama anda.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: