HTML Dasar

Tweet

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
1. • 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 :
• Download Disini
• Download Disini
• Download Disini
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…