Kumpulan Kode HTML

Belajar Membuat Blog - Artikel kali ini saya akan memberikan beberapa kode dasar html yang sering digunakan, agar kita lebih memahami fungsi dari kode HTML yang akan kita gunakan. Dan tidak lupa juga saya akan jelaskan kode-kode di bawah ini agar blog anda seo friendly.
Kode HTML

1. Kode html link (tautan).
Kita sering lupa bahwa kode html link ini sangat berperan penting dalam seo (Search Engine Optimization), kita bisa menambahkan beberapa kode rel, target dan title.
contohnya: Link biasa: <a href="URL">Anchor Text</a>
Link dengan title: <a href="URL" title="Title">Anchor Text</a>
Link dengan rel: <a href="URL" rel="nofollow">Anchor Text</a>
Link dengan target: <a href="URL" target"_blank">Anchor Text</a>

Penjelasan dari kode di atas:
kode html link dengan title bertujuan untuk memberi tahu kepada browser dan robot crawler bahwa link ini adalah title tersebut contohnya anda membuat link dengan Anchor Text klik disini <a href="http://gibsonsnapshots.blogspot.com/2015/11/kode-dasar-html.html" title="kode dasar html">klik disini</a> (klik disini).
Fungsi dari rel="nofollow" adalah untuk memberikan informasi kepada robot crawler, agar robot crawler seperti google, bing dan yahoo dan yang lainnya tidak mengikuti link tersebut. Biasanya penggunaan kode rel="nofollow" untuk link yang mengarah keluar, bertujuan agar blog atau postingan anda lebih seo.
Untuk yang target"_blank" berfungsi untuk membuka link di tab baru, bertujuan agar browser dan robot crawler tidak meninggalkan halam asalnya. Contoh: silakan klik disini.

Anda juga bisa menggunakan semua kode tersebut dengan menggabungkannya.
Contoh: <a title="Title" href="URL" rel="nofollow" target"_blank">Anchor Text</a>

2. Kode html img (gambar).
Kode html yang ini juga tidak kalah pentingnya dari kode html link di atas. Anda bisa menambahkan beberapa tag alt, title, height dan width.
Contoh: <img alt="" height="42" src="URL Gambar" title="" width="42" />
img dengan link: <a href="URL"><img alt="" height="42" src="URL Gambar" title="" width="42" /></a>

Penjelasan dari kode img:
Alt dan Title bisa anda isi sesuai gambar tersebut, contoh gamabar tersebut adalah foto anda, nah alt dan title bisa anda isi dengan "Admin Jelek" Heeeee :piss ah.
Tapi anda juga bisa mengisinya dengan kata kunci (keyword), agar artikel anda lebih seo.
Untuk height dan width adalah tinggi dan lebar suatu gamabar, anda sesuaikan saja ya agar terlihat lebih menarik enak di pandang.

3. Kode html <b> dan <strong>.
Kode ini adalah untuk membuat tulisan tebal (bold), cara penulisannya <b>Text Anda Disini</b> atau <strong>Text Anda Disini</strong>. Apa sich perbedann <b> dan <strong>, kode tag <b> merupakan kode html biasa sedangkan penggunaan tag <strong> merupakan kode HTML5.

4. Kode html <i> dan <em>.
Kode ini untuk membuat tulisan miring, cara penggunaan-nya: <i>Text Anda Disini</i> atau <em>Text Anda Disini</em>. Contoh: Tulisan Miring.

5. Kode html <s> dan <del>.
Kode untuk membuat tulisan garis tengah, cara penggunaan-nya: <s>Text Anda Disini</s> atau <del>Text Anda Disini</del>. Contoh:
Tulisan Garis Tengah.
6. Kode html <u> dan <ins>.
Kode ini digunakan untuk membuat tulisan garis bawah. <u>Text Anda Disini</u> dan <ins>Text Anda Disini</ins>.Contoh: Tulisan Garis Bawah.

7. Kode html <mark>.
Kode ini untuk menandai tulisan. <mark>Text Anda Disini</mark>. Contoh: Tulisan Yang Ditandai.

8. Kode html font color.
Kode untuk membuat tulisan berwarna. <span style="color:#00ff00">Text Anda Disini</span>.
Contoh: Tulisan berwarna

9. Kode html text area.
Kode: <textarea name="code" cols="15" rows="1" style="background:#FFF;">Text Anda Disini</textarea>.
Contoh:

10. Kode html list numbering.
Penggunaan-nya:
<ol>
<li>Text 1</li>
<li>Text 2</li>
<li>Text 3</li>
</ol>
Hasilnya:
  1. Text 1
  2. Text 2
  3. Text 3

11. Kode html list bullet.
Penggunaan-nya:
<ul>
<li>Text 1</li>
<li>Text 2</li>
<li>Text 3</li>
</ul>
Hasilnya:
  • Text 1
  • Text 2
  • Text 3
Nah, di atas merupakan kumpulan kode html yang bisa anda gunakan untuk optimasi blog anda, mohon maaf jika kurang kumplit. Hee InsyaAllah nanti saya tambah lagi.

Subscribe to receive free email updates: