HTML Tutorials : Formatting Teks #1 (8 Tag Utama Formatting Teks)
HTML Tutorials : Formatting Teks #1
Setelah kita belajar mengenai tag paragraf secara lengkap pada tutorial sebelumnya, yaitu HTML Tutorials : Belajar Tag Paragraf. Pada tutorial kali ini, kita akan mencoba memodifikasi paragraf yang ada menjadi sesuai dengan kebutuhan penulisan. Caranya dengan mengatur tampilan teksnya. So, tutorial kali ini, kita akan bahas HTML Tutorials : Formatting Teks #1.
------------------------------------------------------------------------------------------------
Tag Bold dan Tag Strong
Tag Bold digunakan untuk menampilkan tulisan bercetak tebal, tanpa digunakan untuk tulisan yang berkepentingan lebih. Tag bold ini dituliskan dengan tag pembuka <b> dan tag penutup </b>.
Contoh :
<b>Ini bercetak tebal, tanpa digunakan untuk teks berkepentingan lebih.</b>
Tag Strong digunakan untuk menampilkan tulisan yang bercetak tebal pula. Tetapi, digunakan untuk tulisan yang memiliki kepentingan lebih. Tag strong ini dituliskan dengan tag pembuka <strong> dan tag penutup </strong>.
Contoh :
<strong>Ini bercetak tebal, digunakan untuk tulisan berkepentingan lebih.</strong>
FYI :
|
Tag strong ditampilkan lebih tebal dari pada tag bold.
|
------------------------------------------------------------------------------------------------
Tag Italic dan Tag Emphasis
Tag Italic digunakan untuk menampilkan tulisan bercetak miring, namun tidak digunakan untuk tulisan yang memiliki tingkat kepentingan lebih. Tag ini diawali dengan tag pembuka <i> dan tag penutup </i>.
Contoh :
<i>Ini tulisan bercetak miring.</i>
Tag Emphasis digunakan untuk menampilkan tulisan bercetak miring. Bedanya dengan tag italic, tag ini digunakan untuk tulisan yang memiliki tingkatan kepentingan yang lebih. Tag ini diawali dengan tag pembuka <em> dan diakhiri </em>.
Contoh :
<em>Ini tulisan bercetak miring untuk teks yang penting.</em>
FYI :
|
Tag emphasis ditampilkan lebih miring dari pada tag italic.
|
------------------------------------------------------------------------------------------------
Tag Underlined dan Tag Insert
Tag Underlined, seperti dengan namanya, tag ini digunakan untuk underlined atau memberikan garis bawah pada tulisan. Tag ini diawali dengan tag <u> dan diakhiri dengan tag </u>.
Conoh :
<u>Tulisan ini bergaris bawah.</u>
Tag Insert memiliki fungsi yang sama dengan tag underlined. Perbedaannya, pasti Anda sudah bisa menebaknya sendiri. Yak betul, tag insert ini digunakan untuk tulisan yang memiliki tingkatan lebih penting. Sama seperti yang lain, tag ini diawali tag pembuka, yaitu <ins> dan penutup </ins>.
Contoh :
<ins>Tulisan ini bergaris bawah dan lebih penting.</ins>
FYI :
|
Tag <u> dan <ins> akan ditampilkan sama pada web browser. Namun, dalam pengkodean, Google akan menganggapnya memiliki kepentingan lebih dari pada ketika Anda menggunakan tag <u>.
|
------------------------------------------------------------------------------------------------
Tag Subscript dan Tag SuperScript
Tag Subscript digunakan untuk menampilkan tulisan subscript. Penulisan dari tag ini diawali dengan tag pembuka berupa <sub> dan tag penutup </sub>. Elements yang berada di dalamnya akan ditampilkan oleh web browser menjadi sebuah tulisan yang lebih kecil dan berada di bawah tulisan yang lain.
Contoh :
Teks dengan sub<sub>script</sub>
Tag Superscript digunakan untuk menampilkan tulisan superscript. Penulisan dari tag ini adalah diawali dengan tag pembuka <sup> dan tag penutup </sup>. Elements yang berada di dalamnya akan ditampilkan oleh web browser menjadi sebuah tulisan yang lebih kecil dan berada di atas tulisan yang lain.
Contoh :
Teks dengan super<sup>script</sup>
FYI :
|
Tag <sub> dan <sup> akan memudahkan dalam penulisan matematika.
|
------------------------------------------------------------------------------------------------
Summary
Pada
tutorial kali ini, kita telah belajar 8 tag untuk formatting teks di HTML.
·
Tag Bold <bold>…</bold>
·
Tag Italic <i>…</i>
·
Tag Underlined <u>…</u>
·
Tag Strong <strong>…</strong>
·
Tag Emphasis <em>…</em>
·
Tag Insert <ins>…</ins>
·
Tag Subscripted <sub>…</sub>
·
Tag Superscripted <sup>…</sup>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
<!DOCTYPE html>
<html>
<head>
<title>Ma Haamesha | <Format
Teks></title>
</head>
<body>
<h1>HTML Tutorials : Formatting Teks
#1</h1>
<b>Teks ini menggunakan tag
bold</b><br>
<strong>Teks ini menggunakan tag strong dan
lebih penting tingkatannya</strong><br>
<i>Teks ini menggunakan tag
italic</i><br>
<em>Teks ini mengunakan tag emphasis dan lebih
penting tingkatannya</em><br>
Teks ini menggunakan <u>tag
underlined</u>
Teks ini menggunakan <ins>tag
insert</ins><br>
Teks ini menggunakan tag
<sub>subsricpted</sub><br>
Teks ini menggunakan tag
<sup>superscript</sup><br>
</body>
</html>
|
------------------------------------------------------------------------------------------------
Masih ada banyak sekali tag-tag yang digunakan untuk formatting teks dalam HTML. Tag-tag yang lain akan lebih nyaman kita pelajari pada tutorial tersendiri. Pada tutorial selanjutnya, kita masih akan membahas formatting teks, yaitu HTML Tutorials : Formatting Teks #2.
Created by mahaamesha :}
Comments
Post a Comment