Kode HTML untuk text

Kita akan belajar kode-kode HTML untuk mengolah text agar artikel tidak monoton. Pengolahan text juga merupkan teknik SEO. Selain untuk membuat artikel lebih SE Friendly, pengolahan text yang baik akan membantu memudahkan pembaca dalam memahami isi artikel Anda.

Jika Anda menggunakan layanan blog milik Blogger.com, di sana sudah disediakan mode Tulis untuk posting. Anda bisa mengatur text sesuai keinginan Anda. Namun mengerti kode HTML sangat penting karena pasti suatu saat Anda memerlukannya. Berikut ini kode-kode tag HTML yang biasa dipakai untuk mengolah text:

Kode HTML Paragraf: <p> </p>
Tag ini digunakan untuk mengapit setiap paragraf dalam artikel. Contoh penggunaan dan penulisan dalam kode HTML sebagai berikut:

<p>Ini adalah contoh penulisan paragraf dalam HTML</p>

Kode HTML Bold: <b> </b> atau <strong> </strong>
Tag HTML ini digunakan untuk menebalkan karakter huruf. Penggunaan B atau Strong akan sama-sama menghasilkan huruf tebal (penekanan). Ini juga dipakai sebagai teknik seo untuk mengoptimisasi artikel dalam halaman web.

<b>Text ini Tebal </b> = Text ini Tebal

<strong>Text ini Tebal </strong> = Text ini Tebal

Kode HTML Italic dan Emphasis: <i> </i> atau <em> </em>
Tag ini akan menghasilkan karakter bercetak miring (Italic). Tag ini juga dipakai untuk membuat penekanan dalam artikel sebagai teknik SEO juga.

<i>Cetak miring</i> = Cetak miring

<em>Cetak miring</em> = Cetak miring

Kode HTML Underline Text: <u>bergaris bawah</u> = bergaris bawah

Kode HTML Blockquote Paragraph: <blockquote>
Di bawah ini adalah contoh penulisan paragraf yang diapit oleh tag <blockquote>:

<blockquote>Paragraf ini diapit oleh tag Blockquote</blockquote>

Hasilnya:

Paragraf ini diapit oleh tag Blockquote

Kode HTML Headings
Heading bagian penting dalam artikel. Dalam SEO, heading menjadi sangat penting untuk mengoptimisasi artikel dalam halaman-halaman web Anda. Tag-tag heading berguna untuk mengapit Judul dan Sub-sub Judul dalam artikel. Apa saja tag heading untuk mengapit judul dan sub-judul?

<h1> : Untuk judul artikel

<h2> : Untuk sub-judul artikel

<h3>, <h4>, <h5> hingga <h6> untuk sub-sub judul selanjutnya.

Kode HTML Text Link
Link atau URL adalah tautan antar halaman web. Tautan ini bisa berupa text atau gambar. Untuk penulisan tag link (URL) adalah sebagai berikut:

<a href="http://www.blogger.com" target="_blank" title="bikin blog gratis">Blogger.com</a>

Penulisan kode HTML untuk link di atas menghasilkan:

Blogger.com

Keterangan:

href="http://www.blogger.com" : Alamat tujuan link ketika diklik - contoh link di atas akan membawa pengujung ke halaman www.Blogger.com

target="_blank" : halaman akan dibuka dijendela baru jika link diklik

target="_top" : halaman akan dibuka di jendela yang sama jika link diklik

title="text alternatif" : Atribut untuk menambahkan text alternatif - text akan muncul ketika mouse melintas di text link.