Skip to content Skip to sidebar Skip to footer
Home / HTML / Web Design

Tutorial Belajar HTML 9 : Mengubah Format Text

By Web Design Purbalingga Post a Comment

Mengubah Format Text – Pada materi sebelumnya, sudah di bahas tentang Mengatur Text dengan CSS dan sekarang kita masuk ke materi tentang bagaimana cara Mengubah Format Text di HTML.

Mengubah Format Text

Sebelum lanjut, di materi kali ini ada beberapa poin saja yang akan kita pelajari seputar pemformatan text. Yang kita kenal dalam pemformatan text itu ada banyak di antaranya ada menebalkan text, memiringkan text dan memberikan underline pada text. Dan pada materi kali ini kita ingin fokus ke tiga pemformatan text paling umum dan yang paling sering di gunakan.

Menebalkan Text

Cara menebalkan text pada html adalah dengan menggunakan tag <b> dan </b>. Untuk menebalkan text kita cukup membungkus teks yang akan kalian tebalkan dengan tag <b> dan </b>. Lebih jelasnya silahkan lihat contohnya berikut ini
<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Latihan HTML</title>
</head>
<body>
 <!-- Pemformatan text pada HTML -->
 <h1>Pemformatan Teks pada HTML</h1>
 <!-- Text Tebal -->

 <b>Teks Ini Tebal</b>
</body>
</html>
Hasilnya


Dalam html untuk menebalkan text cukup menuliskan tag <b> sedangkan pada css menggunakan property font-weight dan beri nilai bold.

Memiringkan Text

Sama halnya dengan cara menebalkan text, text yang akan di miringkin cukup di bungkus dengan tag <i> dan tag </i>. Tag <i> mendefinisikan bahwa elemen yang ada di antara tag <i> dan tag </i> adalah text miring. Lihat contohnya berikut ini
<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Latihan HTML</title>
</head>
<body>
 <!-- Pemformatan text pada HTML -->
 <h1>Pemformatan Teks pada HTML</h1>
 <!-- Text Miring -->

 <i>Teks Ini miring</i>
</body>
</html>
Hasilnya


Garis Bawah pada Text

Begitu pula cara memberikan garis bawah pada text, hanya saja untuk memberikan garis bawah pada text kita butuh tag <u> dan </u> untuk membungkus text yang akan di garis bawahi. Tag <u> atau underline biasa di gunakan untuk menandai text yang penting atau memberikan efek garis bawah pada judul. Contohnya berikut ini
<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Latihan HTML</title>
</head>
<body>
 <!-- Pemformatan text pada HTML -->
 <h1>Pemformatan Teks pada HTML</h1>
 <!-- Text Bergaris Bawah -->

 <u>Teks Ini Bergaris Bawah</u>
</body>
</html>

Hasilnya


Ada banyak sekali jenis pemformatan text pada html, tapi di sini kita bahas saja yang paling sering digunakan. Jika kalian ingin lebih tahu lebih banyak, kalian bisa lihat di Kamus HTML di atas.
Semoga bermanfaat dan mudah di pahami, sampai jumpa di materi berikutnya.

Post a Comment for "Tutorial Belajar HTML 9 : Mengubah Format Text"