Jumat, 10 Juni 2011

HTML Dasar

Posting kali ini saya akan memberikan kode HTML dasar bagi para blogger yang masih pemula sama halnya seperti saya ini yang masih seumur jagung untuk dunia pembloggeran. Kode HTML ini rupanya sangat penting bagi para blogger hampir makanan sehari-hari kali yah? Hoho.. Langsung saja ke tutorialnya

  1. Jenis fonts
    • <span style="font-family:Arial"> Teks </span>
    • <span style="font-family:Times New Roman"> Teks </span>
    • <span style="font-family:Comic Sans MS"> Teks </span>
    Contoh :
    • Teks
    • Teks
    • Teks
  2. Ukuran fonts
    • <span style="font-size:80%"> Teks </span>
    • <span style="font-size:18px"> Teks </span>
    • <span style="font-size:180%"> Teks </span>
    Contoh :
    • Teks
    • Teks
    • Teks
  3. Tebal fonts
    • <span style="font-weight:normal"> Teks </span>
    • <span style="font-weight:bold"> Teks </span>
    • <span style="font-weight:bolder"> Teks </span>
    Contoh :
    • Teks
    • Teks
    • Teks
  4. Fonts berwarna
    • <span style="color:blue"> Teks </span>
    • <span style="color:red"> Teks </span>
    • <span style="color:orange"> Teks </span>
    Contoh :
    • Teks
    • Teks
    • Teks
  5. Warna dan tebal fonts
    • <span style="color:red;font-weight:normal"> Teks </span>
    • <span style="color:green;font-weight:bold"> Teks </span>
    • <span style="color:#fff;font-weight:bolder"> Teks </span
    Contoh :
    • Teks
    • Teks
    • Teks
  6. Menggabungkan fonts tebal, warna dan ukuran
    • <span style="font-family:Verdana;font-size:120%;font-weight:bold;color:yellow"> Teks </span>
    • <span style="font-family:Tahoma;font-size:22px;font-weight:bolder;color:brown"> Teks </
      span>
    • <span style="font-family:Trebuchet MS;font-size:1em;font-weight:normal;color:#ddd"> Teks </span>
    Contoh :
    • Teks
    • Teks
    • Teks
  7. Daftar ber nomber
    1. <ol>
      <li> Teks </li>
      <li> Teks </li>
      <li> Teks </li>
      </ol>
    Contoh :
      1. Teks
      2. Teks
      3. Teks
  8. Daftar berbutir
    1. Teks<ul>
      <li> Teks </li>
      <li> Teks </li>
      <li> Teks </li>
      </ul>
    Contoh :
    • Teks
    • Teks
    • Teks
  9. Membuat dot kotak
      • Teks
      • Teks
      • Teks
    Contoh :
      • Teks
      • Teks
      • Teks
  10. Membuat link
    1. <a href=" http://www.NAMADOMAIN.com " target=_blank>Download Disini</a> , atau bisa juga tang seperti ini
    2. <a href="http://www.NAMADOMAIN.com" title="KEYWORD"> Download Disini </a> , untuk yang berkedip-kedip
    3. <a href=" http://www.NAMADOMAIN.com "><blink>Download Disini<blink></a>
    Contoh : KET : kode yang berwarna merah silahkan di ganti dengan kebutuhan sobat

Nah, itulah tadi kumpulan HTML-HTML dasar, jika ada penulisannya yang salah saya minta maaf. Sekian dulu postingnya semoga bermanfaat…

Tidak ada komentar:

Posting Komentar

Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.