Belajar Koding html Bagian 10: Membuat Text Formating
.png)
Pemformatan Teks HTML
adalah proses mengatur tampilan dan letak teks dalam halaman web
menggunakan tag HTML. Pemformatan teks HTML dapat membuat teks menjadi
lebih menarik secara visual.
Dalam
HTML, formatting teks digunakan untuk menentukan bagaimana teks
ditampilkan di halaman web. Berbagai elemen HTML dapat digunakan untuk
menerapkan gaya tertentu pada teks. Berikut adalah beberapa elemen penting yang
sering digunakan:
- Teks Tebal (Bold):
- <b>: Menampilkan teks dalam format tebal tanpa
menambahkan arti penting.
<b>Teks
ini akan tampil tebal.</b>
- <strong>: Menandai teks yang penting, biasanya ditampilkan
dalam format tebal.
<strong>Teks
ini penting dan akan tampil tebal.</strong>
- Teks Miring (Italic):
- <i>: Menampilkan teks dalam format miring tanpa penekanan
khusus.
<i>Teks
ini akan tampil miring.</i>
- <em>: Menandai teks yang perlu ditekankan, biasanya
ditampilkan dalam format miring.
<em>Teks
ini ditekankan dan akan tampil miring.</em>
- Teks Bergaris Bawah (Underline):
- <u>: Menampilkan teks dengan garis bawah.
<u>Teks
ini akan bergaris bawah.</u>
- Teks yang Dihapus atau
Ditambahkan:
- <del>: Menandai teks yang dihapus, biasanya ditampilkan
dengan garis tengah.
<del>Teks
ini telah dihapus.</del>
- <ins>: Menandai teks yang ditambahkan, biasanya ditampilkan
dengan garis bawah.
<ins>Teks
ini baru ditambahkan.</ins>
- Teks Kecil atau Besar:
- <small>: Menampilkan teks dengan ukuran lebih kecil dari teks
normal.
<small>Teks
ini lebih kecil.</small>
- <big>: Menampilkan teks dengan ukuran lebih besar dari teks
normal.
<big>Teks
ini lebih besar.</big>
- Teks Subscript dan Superscript:
- <sub>: Menampilkan teks sebagai subscript (teks kecil di
bawah garis dasar).
H<sub>2</sub>O
- <sup>: Menampilkan teks sebagai superscript (teks kecil di
atas garis dasar).
E
= mc<sup>2</sup>
- Teks yang Ditandai atau Disorot:
- <mark>: Menampilkan teks dengan latar belakang yang disorot,
menandakan teks tersebut penting atau relevan.
<mark>Teks
ini disorot.</mark>
- Teks yang Telah Diformat
(Preformatted Text):
- <pre>: Menampilkan teks dengan mempertahankan spasi dan
baris baru seperti yang ditulis dalam kode sumber, menggunakan font
dengan lebar tetap.
<pre>
Teks
ini
akan
tampil
persis
seperti
ini.
</pre>
Dengan
menggunakan elemen-elemen di atas, Anda dapat mengatur tampilan teks di halaman
web sesuai kebutuhan. Penting untuk memilih elemen yang tepat sesuai dengan
makna dan tujuan teks tersebut, sehingga tidak hanya meningkatkan estetika
tetapi juga aksesibilitas dan SEO situs web Anda.
REFERENSI
0 Response to "Belajar Koding html Bagian 10: Membuat Text Formating"
Post a Comment