Skip to content

Commit 0fc8ad2

Browse files
MgkusumaputraMgkusumaputra
committed
add: HTML Text Formatting
1 parent 17852dc commit 0fc8ad2

1 file changed

Lines changed: 58 additions & 0 deletions

File tree

‎HTML/HTML Text Formatting/HTML Text Formatting.md‎

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
## HTML Text Formatting
2+
3+
### Apa Itu HTML Text Formatting ?
4+
HTML Text Formatting adalah elemen yang mendefinisikan teks dengan arti khusus.
5+
6+
Ada 10 elemen text formatting yang dirancang untuk menampilkan jenis teks khusus.
7+
- `<b>` - Teks Bold
8+
- `<strong>` - Teks Penting
9+
- `<i>` - Teks miring / Italic
10+
- `<em>` - Teks yang ditekankan
11+
- `<mark>` - Teks yang diberi tanda (seperti efek stabilo)
12+
- `<small>` - Teks Kecil
13+
- `<del>` - Teks yang diberi coret
14+
- `<ins>` - Teks yang diberi garis bawah
15+
- `<sub>` - Teks subskrip
16+
- `<sup>` - Teks superskrip
17+
18+
### Contoh Penerapan Text Formatting Pada HTML
19+
**Elemen `<b>` dan `<strong>`**
20+
```HTML
21+
<b>Ini adalah Teks Bold</b>
22+
<strong>Ini Merupakan Teks Penting!</strong>
23+
```
24+
**Elemen `<i>` dan `<em>`**
25+
```HTML
26+
<i>Teks italic/miring</i>
27+
<em>Ini teks yang ditekankan</em>
28+
```
29+
30+
**Elemen `<small>`**
31+
```HTML
32+
<small>Ini Merupakan teks yang lebih kecil</small>
33+
```
34+
35+
**Elemen `<mark>`**
36+
```HTML
37+
<p>Jangan lupa untuk minum air putih <mark>2 liter</mark> per hari.</p>
38+
```
39+
40+
**Elemen `<del>`**
41+
```HTML
42+
<p>Aku menyukai warna <del>kuning</del> biru.</p>
43+
```
44+
45+
**Elemen `<ins>`**
46+
```HTML
47+
<p>Aku menyukai warna <del>kuning</del> <ins>biru.</ins></p>
48+
```
49+
50+
**Elemen `<sub>`**
51+
```HTML
52+
<p>Ini adalah teks <sub>subskrip</sub>.</p>
53+
```
54+
55+
**Elemen `<sup>`**
56+
```HTML
57+
<p>Ini adalah teks<sup>superskrip</sup>.</p>
58+
```

0 commit comments

Comments
 (0)