Membuat Tulisan Tebal Miring Garis Bawah Dan Coret di Blog

Membuat Tulisan Tebal Miring Garis Bawah Dan Coret di Blog

Topik latihan kali ini adalah membuat huruf tebal, miring, garis bawah dan coret di postingan blog

Memang mudah, dan teman teman mungkin sudah menguasai

Tapi tau tidak kode html yang membuat huruf memiliki format seperti itu? yuk simak selengkapnya !

Memberi Format Pada Tulisan Blog

Tulisan, kalimat, kata, maupun huruf memiliki efek karena kita memberi format baik itu tebal miring garis bawah maupun coret.

Sebelum membahas teori, kita praktek terlebih dahulu :

Dummy Text :


<p >
Saya sedang berlatih memahami penggunaan huruf tebal, miring, garis bawah, dan coret di postingan blog. Percobaan saya :
</p>

<p >
Ini tulisan tebal
</p>
<p >
Ini huruf miring
</p>
<p >
Ini tulisan pakai garis bawah
</p>
<p >
Ini dicoret karena salah
</p>

<p >
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>

<p >
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
</p>

Instruksi :

  1. Buat postingan baru
  2. Copy kede diatas
  3. Kembali ke postingan baru kemudian pindah ke HTML View (tampilan html) kemudian paste
  4. Pindah lagi ke mode menulis dan beri format masing masing kalimat
  5. Publikasikan artikel

Bila instruksi diatas dirasa kurang jelas, teman teman bisa mengikuti gambar animasi berikut ini : membuat-huruf-tebal-miring-garis-bawah-coret-di-blog

Mudah bukan? untuk hasil latihan gurublogger bisa dilihat di : latihan membuat tulisan tebal

Setelah praktek, sekarang adalah waktunya memahami apa yang baru saja teman teman lakukan

Format HTML Untuk Huruf Tebal Miring Underline

Ngapain sih reibet ribet memahami kode HTML Segala?

Teman teman hanya butuh membacanya 1 kali saja, tidak perlu jago menggunakan kode html

Tujuannya adalah : bila di masa yang akan datang bertemu dengan kode html, secara kasar teman teman telah paham maksudnya

Format HTML Untuk Huruf Tebal

Bila teman teman edit kembali postingan yang baru saja dibuat, kode html untuk huruf tebal akan terlihat seperti ini :

<b>Ini tulisan tebal</b>

Sepertti dijelaskan dalam tutorial di bab sebelumnya, bahwa html selalu diawali dengan opening tag dan ditutup dengan closong tag

Untuk huruf tebal, digunakan tag b, b merupakan singkatan dari kata Bold (bahasa inggris untuk tebal)

Format HTML Untuk Huruf Miring

Untuk huruf miring tag nya adalah i, merupakan singkatan dari bahasa ingris untuk italic (huruf miring)

<i>Ini huruf miring</i>

Format HTML Untuk Garis Bawah

Tag html untuk garis bawah adalah u, berasal dari bahasa inggris underline (garis bawah)

<u>Ini tulisan pakai garis bawah</u>

Format HTML Untuk Coret

Tag html untuk coret adalah strike, strike merupakan bahasa inggris untuk "mencoret"

<strike>Ini dicoret karena salah</strike>


Tutorial ini adalah bagian dari topik cara membuat blog dari nol, untuk membaca keseluruhan artikel di topik tersebut silahkan klik daftar isi

Atau klik next materi untuk melanjutkan

Komentar
Silahkan, saya ga nggigit !