Belajar HTML Dasar – Memahami Format Text Pada HTML(Part 5)

belajar html dasar part 1

CakMan.ID – Hallo sobat CakMan.ID setelah Anda membaca artikel sebelumnya yaitu memahami tag heading di html maka setelah ini Anda harus memahami tentang format text pada HTML.

Dalam metode pengkodean HTML sering kali memakai format text didalamnya. Entah itu dalam hal judul, maupun isi dari konten atau page dari website itu sendiri. Berikut ini merupakan sedikit penjelasan dan contoh dari penulisan format Text di HTML 5.

Untuk Anda yang ingin membuat sebuah format text bold (tebal) maka Anda dapat mencoba tag element <b>. Tag tersebut digunakan untuk menebalkan text atau di bold(istilahnya di word jika Anda bingung) dan dibawah ini adalah contoh penggunaan penulisannya tag element bold :

<b>ini adalah text tebal atau bold</b>

Dan seperti halnya tag elemen bold, untuk format penulisan text italic atau tulisannya miring. untuk membuat teks miring di HTML kita bisa memakai tag element <i> dan untuk contoh penulisannya dapat Anda lihat dibawah ini :

<i>ini adalah text miring atau italic</i>

 

Dan contoh terakhir yaitu tag element underline yaitu memberikan garis dibawah text, untuk membuat teks bergaris bawah atau underline maka Anda dapat memakai tag element <u> dan berikut ini adalah contoh penulisannya :

<u>ini text underline</u>

 

Bagaimana? Apakah anda sudah memahami penulisan code diatas? Dibawah ini merupakan tag code yang sering dipakai di HTML 5 bahkan oleh professional sekalipun.

<b> format text bold/tebal
<i> format text italic/miring
<u> format text underline/garis bawah
<small> format text kecil
<strong> format text yang hampir sama dengan format bold
<sub> format subscripted teks
<sup> format superscripted teks
<ins> format text garis bawah
<del> format text dengan garis di tengah
<mark> format text yang berwarna

Coba code dibawah ini untuk melihat hasil dari tag element yang ada diatas tersebut :

<!DOCTYPE html>
<html>
<head>
    <title>belajar format format text</title>
</head>
<body>
    <b>ini format format text tebal</b><br/>
    <i>ini format text italic</i><br/>
    <u>ini format text underline</u><br/>
    <em>ini format text em</em><br/>
    <small>ini format text small</small><br/>
    <strong>ini format text strong</strong><br/>
    <sub>ini format text sub</sub><br/>
    <sup>ini format text sup</sup><br/>
    <ins>ini format text ins</ins><br/>
    <del>ini format text del</del><br/>
    <mark>ini format text mark</mark>
</body>
</html>

 

Silahkan Anda bookmark artikel ini jika perlu, baiklah sekian artikel tentang Belajar HTML Dasar – Memahami Format Text Pada HTML(Part 5) silahkan anda baca artikel yang berkaitan di blog ini untuk mempelajari tentang HTML 5 ini.

Baca juga artikel yang berkaitan :

1. Belajar HTML Dasar – Pengertian HTML (Part 1)

2. Belajar HTML Dasar – Menentukan Editor Program (Part 2)

3. Belajar HTML Dasar – Memahami Syntax Pada HTML (Part 3)

4. Belajar HTML Dasar – Memahami Tag Element Heading Di HTML (Part4)

Sekian artikel Belajar HTML Dasar – Memahami Format Text Pada HTML(Part 5), semoga artikel ini dapat bermanfaat untuk Anda semua kawan.

You Might Also Like

Leave a Reply

Your email address will not be published. Required fields are marked *