Belajar HTML Part #6 - Text Formatting Pada HTML

Crewnesia - Text Formatting Pada HTML

Crewnesia - Kemarin kita sudah mempelajari materi mengenai membuat heading pada HTML dan kali ini kita akan mempelajari materi mengenai Text Formatting Pada HTML. Pada umumnya dalam penulisan HTML sering menggunakan text di dalamnya, baik penulisan untuk membuak judul ataupun isi dari sebuah content/halaman dari website. di HTML banyak sekali tag-tag yang khusus untuk membuat text formatting.

Membuat Teks Tebal (Bold)

Teks tebal biasanya digunakan untuk menegas sebuah text tertentu misalnya Judul, Subjudul, Text penting, dll. Tag yang digunakan untuk membuat text tebal yaitu tag <b> (bold) dan tag <strong>. Kalian bisa membuat text tebal dari salah satu tag tersubut.

Contoh :

<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML Part #6 - Text Formatting</title>
</head>
<body>
<strong>Ini sebuah text tebal menggunakan tag stronge</strong>
dan
<b>Ini sebuah text tebal menggunakan tag bold</b>
</body>
</html>

Hasilnya :

Crewnesia -  Text Formatting

Membuat Text Miring (Italic)

Teks miring biasanya digunakan untuk menegaskan kata atau istilah baru, untuk membuat teks miring kita bisa menggunakan tag <i> (italic) atau <em> (emphasis).

Contoh :

<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML Part #6 - Text Formatting</title>
</head>
<body>
<i>Ini sebuah text tebal menggunakan tag i (italic)</i>
dan
<em>Ini sebuah text tebal menggunakan tag em (emphasis)</em>
</body>
</html>

Hasilnya :

Crewnesia - Text Formatting

Membuat Teks Garis Bawah (Underline)

Teks garis bawah biasanya digunakan untuk menandai teks yang memiliki arti yang penting. Untuk membuat teks garis bawah kita bisa menggunakan tag <u> (underlaine) atau tag <ins> (insert).

Contoh :

<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML Part #6 - Text Formatting</title>
</head>
<body>
<u>Ini sebuah text tebal menggunakan tag u (underlaine)</u>
dan
<ins>Ini sebuah text tebal menggunakan tag em (insert)</ins>
</body>
</html>

Hasilnya :

Crewnesia - Text Formatting

Membuat Teks Tercoret

Teks tercoret memiliki arti yaitu dihapus dan biasanya digunakan untuk memberitahu pembaca bahwa teks tersebut dihapus atau tidak dipakai. kalian bisa membuat teks tercoret dengan mmenggunakan tag <s> (strikehtrough) dan tag <del> (delete).

Contoh :

<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML Part #6 - Text Formatting</title>
</head>
<body>
<s>Ini sebuah text tebal menggunakan tag u (underlaine)</s>
dan
<del>Ini sebuah text tebal menggunakan tag em (insert)</del>
</body>
</html>

Hasilnya :

Crewnesia - Text Formatting

Teks Formatiing akan sering digunakan untuk membuat content/halaman di sebuah website. Jadi pastikan kalian untuk mengingat tag-tag formatting. Sebenernya tag untuk membuat text formatting masih banyak, jadi kalian bisa baca disini HTML Text Formatting.

Selanutnya silahkan pelajari materi tentang