Skip to content

Commit 16792c5

Browse files
committed
add: HTML Quotation
1 parent 0fc8ad2 commit 16792c5

1 file changed

Lines changed: 53 additions & 0 deletions

File tree

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
## HTML Quotation
2+
3+
### Apa Itu HTML Quotation ?
4+
HTML Quotation berisi elemen-elemen ditujukan untuk menyajikan kutipan pada halaman HTML.
5+
6+
elemen-elemen tersebut adalah,
7+
8+
- `<blockquote>` - Mendefinisikan teks kutipan yang panjang.
9+
- `<q>` - Mendefinisikan teks kutipan yang pendek.
10+
- `<abbr>` - Mendefinisikan teks singkatan.
11+
- `<address>` - Mendefinisikan informasi kontak.
12+
- `<cite>` - Mendefinisikan judul karya.
13+
- `<bdo>` - Membalikan arah teks.
14+
15+
### Contoh Penerapan Elemen Quotation Pada HTML
16+
**Elemen `<blockquote>`**
17+
```html
18+
<p>Arti Quotes:</p>
19+
<blockquote>
20+
Kutipan adalah pengulangan satu ekspresi sebagai bagian dari yang lain, terutama ketika ekspresi yang dikutip itu terkenal atau secara tersurat dihubungkan dengan kutipan ke sumber yang asli, dan ditandai oleh tanda kutip.
21+
</blockquote>
22+
```
23+
24+
**Elemen `<q>`**
25+
```html
26+
<p>Random Quote: <q>Karena hidup adalah pilihan.</q></p>
27+
```
28+
29+
**Elemen `<abbr>`**
30+
```html
31+
<p>Channel <abbr title="Web Programming UNPAS">WPU</abbr> Pertama Kali merilis video pada 29 Januari 2015</p>
32+
```
33+
34+
**Elemen `<address>`**
35+
```html
36+
<address>
37+
Written by ABC<br>
38+
Visit us at:<br>
39+
Example.com<br>
40+
12345, Bandung<br>
41+
Indonesia
42+
</address>
43+
```
44+
45+
**Elemen `<cite>`**
46+
```html
47+
<p><cite>Avengers: Endgame</cite> directed by Anthony Russo; Joe Russo. Release in 2019.</p>
48+
```
49+
50+
**Elemen `<bdo>`**
51+
```html
52+
<bdo dir="rtl">Elemen ini akan tertulis dari kanan ke kiri</bdo>
53+
```

0 commit comments

Comments
 (0)