Sunday, September 6, 2009

Belajar HTML Dasar (Part. III)

Belajar HTML
Teks dalam dokumen web dapat secara khusus diformat untuk membedakan penekanan maksud dan konten suatu teks atau tulisan tersebut. Penekanan teks tersebut tersebut diantaranya bisa menggunkanan huruf tebal, miring, emphasize, garis bawah bahkan dengan ukuran dan warna font.
Penulisan teks tersebut di dalam HTML harus menggunakan tanda (tag) sepeti <b>...</b> untuk format teks bold, <strong>...</strong> untuk format teks tebal, <u>...</u> untuk format teks garis bawah <em>...</em> untuk format teks emphasize dan sebagainya. Penulisan tag-tag HTML tersebut sebaiknya ditulis menggunakan huruf kecil semua.

Beberapa Format teks HTML :
  1. Bold (huruf tebal)
  2. Italic (Huruf Miring)
  3. Emphasize (memberikan tekanan pada teks)
  4. Mengecilkan huruf
  5. Superscript
  6. Subscript;
  • Perhatihan penulisan HTML di bawah ini :
    Belajar HTML
  • Hasil yang tampil pada browser :
    Belajar HTML
  • Entitas Karakter HTML Tanda lebih kecil (<) dan lebih besar (>) merupakan tanda awal dan akhir HTML, apabila kita menginginkan browser untuk menampilkan karakter-karakter seperti itu maka kita harus menyisipkan entitas karakter kedalam source HTML. Terdapat 3 bagian Entitas Karakter yaitu
    1. Sebuah apersand (&amp)
    2. Entitas # dan nomor entitas
    3. Tanda ; (titik koma)
  • Untuk menampilkan tanda lebih kecil, kode HTML yang harus ditulis adalah ( &lt atau &#60) diikuti tanda titik koma. Berikut ini adalah Entitas HTML yang sering digunakan :

    Hasil
    Nomor Entitas
    Nama Entitas
    Penjelasan
    "
    &#34;
    &quot;
    Tanda Kutip
    '
    &#39;
    &apos; (bukan unutk IE)
    Apostrophe 
    &
    &#38;
    &amp;
    Ampersand
    <
    &#60;
    &lt;
    Lebih Kecil
    >
    &#62;
    &gt;
    Lebih Beasr
    ¼
    &#188;
    &frac14;
    1/4
    ½
    &#189;
    &frac12;
    1/2
    ¾
    &#190;
    &frac34;
    3/4
    ®
    &#174;
    &reg;
    Registered Ttrademark
    ©
    &#169;
    &copy;
    Copyright
    &#160;
    &nbsp;
    Spasi
    ยบ
    &#186;
    &ordm;
    Derajat
    &#8216;
    &lsquo;
    Tanda Kutip Tunggal Kiri
    &#8217;
    &rsquo;
    Tanda Kutif Tunggal Kanan
    &#8218;
    &sbquo;
    Tanda Kutip Tunggal Bawah
    &#8220;
    &ldquo;
    Tanda Kutip Kiri
    &#8221;
    &rdquo;
    Tanda Kutip Kanan
    &#8222;
    &bdquo;
    Tanda Kutip
    &#8211;
    &ndash;
    Dash/ Strip
    &#8482;
    &trade;
    Trademark
    &#8592;
    &larr;
    Panah Kiri
    &#8593;
    &uarr;
    Panah Atas
    &#8594;
    &rarr;
    Panah Kanan
    &#8595;
    &darr;
    Panah Bawah

Entitas HTML adalah case sensitif jadi huruf besar dan kecil akan berpengaruh. Kelebihan entitas HTML dengan nama tetapi tentu saja akan lebih mudah diingat daripada entitas nomor atau angka namun hampir semua browser mendukung entitas nomor.