10 Tag Yang Harus Di Pelajari Ketika Belajar HTML Formatting


Untuk artikel kali ini saya akan berbagi informasi mengenai HTML Formatting, kalian bisa lihat contohnya di bawah ini :

Text Formatting
This text is bold
This text is italic


<!DOCTYPE html>
<html>
<body>
<p><b>this
text is bold</b></p>
<p><i>this
text is italic</i></p>
<body>
</html>

Html juga mendefiniskan elemen - elemen khusus untuk mendefinisikan teks dengan makna khusus

Html menggunakan elemen seperti <b> dan <I> untuk mempormat output, seperti teks menjadi tebal atau miring

Elemen performatan dirancang untuk menampilkan jenis teks khusus, kalian bisa lihat macam - macam elemen untuk mempormat teks :

<b> - teks tebal
<strong> - teks penting
<i> - teks italic
<em> - teks emphasized
<mark> - teks marked
<small> - teks small
<del> - delete teks
<ins> - inserted teks
 <sub> - subcript teks
<sup> - superscript teks

Penggunaan elemen tag <b> dan <strong>
Element tag <b> mendefinisikan teks tebal, contohnya ada di bawah ini :



<!DOCTYPE HTML>
<html>
<body>
<p>teks ini biasa saja</p>
<p><b>teks ini tebal </b></p>
<body> </html>


Elemen tag <strong> mendefinisikan strong teks, contohnya ada di bawah ini :


<html>

<body>

<p>teks ini biasa saja</p>

<p><strong>teks ini strong </strong></p>

<body>

</html>



Penggunaan element tag <i> dan <em>
element tag <i> mendefisinikan tulisan miring, kalian bias lihat contohnya di bawah ini :

<!DOCTYPE
HTML>
<html>
<body>
<p>teks ini biasa saja</p>
<p><i>teks ini italic </i></p>
<body>
</html>



Kemudian element tag <em> mendefinisikan tulisan miring/emphasized, kalian bisa lihat contohnya di bawah ini :

<!DOCTYPE
HTML>
<html>
<body>
<p>teks ini biasa saja</p>
<p><em>teks ini emphasized </em></p>
<body>
</html>


Penggunaan element tag <small>
tag <small> mendefinisikan tulisan kecil, kalian bisa lihat contohnya di bawah ini :

<!DOCTYPE
HTML>
<html>
<body>
<p>teks ini biasa saja</p>
<p><small>teks ini small</small></p>
<body>
</html>



Penggunaan element tag <mark>
tag <mark> ini mendefinisikan highlighted text, kalian bisa lihat contohnya di bawah ini :

<!DOCTYPE
HTML>
<html>
<body>
<p>teks ini biasa saja</p>
<p><mark>teks ini mark</mark></p>
<body>

</html>

Penggunaan element tag <del>
Tag <del> mendefisikan delete/remove text, kalian bisa lihat contohnya di bawah ini :

<!DOCTYPE
HTML>
<html>
<body>
<p>teks ini biasa saja</p>
<p><del>teks ini del</del></p>
<body>
</html>

Penggunaan element tag <ins>
Tag <ins> mendefinisikan inserted/added text, kalian bisa lihat contohnya ada di bawah ini :

<!DOCTYPE
HTML>
<html>
<body>
<p>teks ini biasa saja</p>
<p><del>teks ini del</del></p>
<body>
</html>


Penggunaan Element Tag <sub> dan <sup> kalian bisa lihat contohnya di bawah ini :

<!DOCTYPE
HTML>
<html>
<body>
<p>teks ini <sub>sub</sub></sub>
<p> teks ini <sup>sup</sup></p>
<body>
</html>

Itulah 10 tag yang harus digunakan ketika memformat suatu artikel, tentunya tag – tag itu sendiri memiliki fungsi yang berbeda – beda.
Semoga bermanfaat apa yang telah sampaikan, jangan lupa sebar luaskan agar artikel ini bisa lebih bermanfaat lagi.

0 Response to "10 Tag Yang Harus Di Pelajari Ketika Belajar HTML Formatting"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

/*SYNTAX HIGHLIGHTER*/