Lompat ke konten Lompat ke sidebar Lompat ke footer

Menentukan Arah Teks HTML Menggunakan Atribut Dir

Atribut dir digunakan untuk menentukan arah teks dari elemen content pada dokumen HTML.

3 Nilai Utama Penggunaan Atribut Dir pada HTML
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].

Sintak:
<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.


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


Artikel ini didedikasikan kepada: Rizatun Aisyah, Sofyan Nur Rokhim, Steven Jordan Alvaro Ramba, Wiwik Widu Wati, dan Y. Aletha Sekarini.

5 komentar untuk "Menentukan Arah Teks HTML Menggunakan Atribut Dir"

  1. Apa yang fungsi atribut dir pada html?

    BalasHapus
    Balasan
    1. Atribut 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.

      Hapus
    2. Fungsi dari atribut dir pada html adalah mengatur arau perataan dari pembuatan teks pada dokumen html.

      Hapus
  2. Kapan attribut dir tidak perlu digunakan pada html?

    BalasHapus
    Balasan
    1. Atribut 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

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -