Pemformatan Teks pada HTML

Pemformatan Teks pada HTML. HTML menyediakan berbagai macam cara untuk mendesain huruf yang anda sertakan ke dalam website. Apa sajakah itu, mari kita pelajari satu per satu.

Tag <b>

Digunakan untuk menebalkan kalimat.

<!DOCTYPE HTML>
<html>
<head>
<title>Tag &lt;b&gt;</title>
</head>
<body>
<b>Ini adalah contoh teks tebal menggunakan tag &lt;b&gt;, yang digunakan untuk menebalkan kalimat/teks</b>
</body>
</html>

Di bawah ini adalah output dari kode sumber di atas :

menebalkan kalimat pada html

Tag <strong>

Digunakan untuk menebalkan kata/kalimat yang memiliki makna khusus. Sebenarnya ketebalan dari kata / kalimat yang dibuat dari tag bold dan strong sama saja.

<!DOCTYPE HTML>
<html>
<head>
<title>tag &lt;strong&gt;</title>
</head>
<body>
<p>Artis yang berperan sebagai orang jahat disebut <strong>Antagonis</strong></p>
</body>
</html>

Dan di bawah ini adalah hasilnya :

bagaimana cara menebalkan kalimat pada web

Tag <i>

Digunakan untuk memiringkan kalimat/kata.

<!DOCTYPE HTML>
<html>
<head>
<title>tag &lt;i&gt;</title>
</head>
<body>
<p><i>Tag &lt;i&gt; digunakan untuk memiringkan kalimat/teks</i></p>
</body>
</html>

Dan di bawah ini adalah outputnya :

memiringkan kalimat pada web

Tag <em>

Digunakan untuk memiringkan kalimat/kata yang memiliki makna khusus.

<!DOCTYPE HTML>
<html>
<head>
<title>Tag &lt;em&gt;</title>
</head>
<body>
<p>Semboyan Negara Indonesia adalah <em>Bhineka Tunggal Ika</em></p>
</body>
</html>

Dan di bawah ini adalah outputnya :

Tag <del>

Teks tercoret, umumnya digunakan untuk memberitahu perihal informasi yang sudah terhapus atau sudah tidak digunakan lagi. Misal pada contoh di bawah ini, dimana tag <applet> sudah tidak digunakan lagi pada HTML 5, sedangkan tag lainnya masih.

<!DOCTYPE HTML>
<html>
<head>
<title>Tag &lt;del&gt;</title>
</head>
<body>
<p><del>&lt;applet&gt;</del>, sudah tidak digunakan lagi dalam HTML5</p>
<p>&lt;video&gt;, adalah tag baru pada HTML5</p>
</body>
</html>

Dan di bawah ini adalah hasilnya :

tag deleted pada html

Tag <ins>

Singkatan dari inserted text, yang merepresentasikan perihal yang ditambahkan ke dalam dokumen. Teks-nya akan berformat bergaris bawah.

<!DOCTYPE HTML>
<html>
<head>
<title>Tag &lt;ins&gt;</title>
</head>
<body>
<p>Tag <ins>audio</ins>, <ins>video</ins>, <ins>header</ins>, <ins>canvas</ins> adalah tag yang baru ditambahkan dalam HTML5</p>
</body>
</html>

Di bawah ini adalah hasilnya :

tag inserted pada html

Tag <mark>

Umumnya digunakan untuk memberi background pada teks yang ingin disorot atau teks – teks pokok. Anda dapat merubah formatnya dengan CSS, karena secara default warnanya adalah kuning.

<!Doctype html>
<html>
<head>
<title>Tag &lt;mark&gt;</title>
<style>
.birumuda{
background-color: #7FAAFF;
}
</style>
</head>
<body>
<p>Ini adalah teks biasa, <mark>dan ini adalah teks tertanda</mark>.</p>
<mark class="birumuda">ini juga teks tertanda, dengan warna biru muda.</mark>
</body>
</html>

Dan di bawah ini adalah hasilnya :

tag mark pada html

Tag <small>

Digunakan untuk membuat teks mini, yang menggambarkan seperti hak cipta, dan teks legal contohnya.

<!Doctype html>
<html>
<head>
<title>Tag &lt;small&gt;</title>
</head>
<body>
<p>MASGAN.COM<small> Develop by Oscar</small></p>
</body>
</html>

Dan di bawah ini adalah hasilnya :

tag small pada html

Tag <sub>

Subscript, merupakan bagian dari seni typographi. Umumnya digunakan untuk penulisan rumus – rumus dalam ilmu perhitungan.

<!doctype html>
<html>
<head>
<title>Tag &lt;sub&gt;</title>
</head>
<body>
<p>Rumus kimia air adalah (H<sub>2</sub>O).</p>
</body>
</html>

 

Dan di bawah ini adalah outputnya :

tag sub pada html

Tag <sup>

Juga merupakan bagian dari seni penulisan (typografi). Umumnya digunakan dalam hal perpangkatan.

<!DOCTYPE HTML>
<html>
<head>
<title>Tag &lt;sup&gt;</title>
</head>
<body>
<p>2<sup>3</sup> = 8</p>
<p>4<sup>2</sup> = 16</p>
</body>
</html>

Dan di bawah ini adalah outputnya :

tag sup pada html

 

 

Leave a comment

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