Menentukan Arah Teks HTML Menggunakan Atribut Dir
Atribut dir digunakan untuk menentukan arah teks dari elemen content pada dokumen HTML.
Sintak:
<element dir = "ltr | rtl | auto">
Value atribut: mengandung tiga buah value yang diperlihatkan sebagai berikut:
 |
| Ilustrasi Atribut Dir HTML |
Sebelum memahami lebih dalam materi tentang Menentukan Arah Teks HTML Menggunakan Atribut Dir, terlebih dahulu pelajari materi tentang: Mengatur Tanggal dan Waktu HTML Menggunakan Atribut Datetime [klik], Kostum Atribut Data HTML Menggunakan Atribut Data-* [klik], dan Menentukan URL File HTML Menggunakan Atribut Data [klik].
<element dir = "ltr | rtl | auto">
Value atribut: mengandung tiga buah value yang diperlihatkan sebagai berikut:
- ltr: merupakan default value yang merepresentasikan teks dalam perataan left-to-right.
- rtl: value ini merepresentasikan perataan teks dari right-to-left.
- auto: memberikan browser kemapuan untuk menentukan arah perataan berdasarkan konten yang disediakan pada halaman website.
Baca Juga:
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
atribut dir
</title>
<style>
h1 {
color:green;}
h1, h2
{
text-align:center;}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
atribut dir
</h2>
<p dir="rtl">
Blog TIK: merupakan portal ilmu komputer
</p>
</body>
</html>
Output:
Blog Elfan
atribut dir
Blog TIK: merupakan portal ilmu komputer
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
atribut dir
</title>
<style>
h1
{
color:green;}
h1, h2
{
text-align:center;}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
atribut dir
</h2>
<p dir="ltr">
Blog TIK: merupakan portal ilmu komputer
</p>
</body>
</html>
Output:
Blog Elfan
atribut dir
Blog TIK: merupakan portal ilmu komputer
Referensi Tambahan:
- 3 Nilai Utama Penggunaan Atribut Enctype pada HTML [klik]
- 9 Elemen yang dapat Diterapkan Atribut Form HTML [klik]
- 2 Contoh Program Penggunaan Atribut For pada HTML [klik]
- 6 Cara Penerapan Atribut Height pada Elemen HTML [klik]
- Cara Menampilkan dan Menyembunyikan Elemen Menggunakan Atribut Hidden HTML [klik]
- Cara Menentukan Rentang pada Atribut High HTML [klik]
- 3 Cara Penerapan Atribut Hreflang pada Elemen HTML [klik]
Artikel ini didedikasikan kepada: Rizatun Aisyah, Sofyan Nur Rokhim, Steven Jordan Alvaro Ramba, Wiwik Widu Wati, dan Y. Aletha Sekarini.
Apa yang fungsi atribut dir pada html?
BalasHapusAtribut dir pada html digunakan untuk mengatur arah dasar teks untuk ditampilkan pada halaman website. Sangat penting untuk mendukung bahasa yang menggunakan scrip right-to-left seperti pada pembuatan tulisan berbahasa arab, ibrani, dan lain sebagainya.
HapusFungsi dari atribut dir pada html adalah mengatur arau perataan dari pembuatan teks pada dokumen html.
HapusKapan attribut dir tidak perlu digunakan pada html?
BalasHapusAtribut dir tidak diperlukan untuk dokumen yang memiliki arah dasar left-to-right, karena arah perataan ini sudah bersifat default, tetapi tidak ada salahnya jik tetap menggunakan tag tersebut.
Hapus