tRikSonic
Tema
  • Original
  • Translate
/ / HTML lang Attribute

HTML lang Attribute

Terakhir diperbarui : 8 April 2018 - 09.31
/ / HTML lang Attribute

Tutorial Attribute lang

Attribute lang Digunakan untuk menentukan bahasa yang digunakan pada sebuah element

Attribute Value

AttributeValueDeskripsi
langKode BahasaMenentukan jenis bahasa yang digunakan
selengkapanya mengenai kode bahasa HTML
HTML Language Code

Contoh Attribute lang

<article>
  <h2>Surah Al- Fatihah</h2>
  <p lang="ar" dir="rtl">بِسْمِ اللهِ الرَّحْمٰنِ الرَّحِيْمِ</p>
  <p>Dengan nama Allah yang Maha Pengasih lagi Maha Penyayang</p>
  <p lang="ar" dir="rtl">اَالْحَمْدُ لِلّٰهِ رَبِّ الْعٰلَمِيْنَ</p> 
  <p>Segala puji bagi Allah, Tuhan seru sekalian alam</p>  
  <p lang="ar" dir="rtl">اَلرَّحْمٰنِ الرَّحِيْمِ</p>
  <p>Yang Maha Pengasih lagi Maha Penyayang</p>  
  <p lang="ar" dir="rtl">مٰلِكِ يَوْمِ الدِّيْنِ</p>
  <p>Yang Menguasai hari pembalasan</p>  
  <p lang="ar" dir="rtl">اِيَّاكَ نَعْبُدُ وَاِيَّاكَ نَسْتَعِيْنُ</p>
  <p>Hanya kepada-Mulah hamba mengabdi dan hanya kepada-Mulah hamba meminta pertolongan</p>  
  <p lang="ar" dir="rtl">اِهْدِنَا الصِّرَاطَ الْمُسْتَقِيْمَ</p>
  <p>Tunjukkanlah kepada kami jalan yang lurus</p>  
  <p lang="ar" dir="rtl">صِرَاطَ الَّذِ يْنَ اَنْعَمْتَ عَلَيْهِمْ ۙ غَيْرِ ٱلْمَغْضُوْبِ عَلَيْهِمْ وَلاَ ٱلضَّآلِّيْنَ</p>
  <p>(yaitu) jalan orang-orang yang telah Engkau beri nikmat kepadannya, bukan (jalan) mereka yang dimurkai, dan bukan (pula jalan) mereka yang sesat</p>  
  <p lang="ar" dir="rtl">آمِيْنَ</p>
  <p>Amiiin</p>
</article>
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="utf-8"/>
<title>Demo Triksonic</title>
</head>
<body>

<article>
  <h2>Surah Al- Fatihah</h2>
  <p lang="ar" dir="rtl">بِسْمِ اللهِ الرَّحْمٰنِ الرَّحِيْمِ</p>
  <p>Dengan nama Allah yang Maha Pengasih lagi Maha Penyayang</p>
  <p lang="ar" dir="rtl">اَالْحَمْدُ لِلّٰهِ رَبِّ الْعٰلَمِيْنَ</p> 
  <p>Segala puji bagi Allah, Tuhan seru sekalian alam</p>  
  <p lang="ar" dir="rtl">اَلرَّحْمٰنِ الرَّحِيْمِ</p>
  <p>Yang Maha Pengasih lagi Maha Penyayang</p>  
  <p lang="ar" dir="rtl">مٰلِكِ يَوْمِ الدِّيْنِ</p>
  <p>Yang Menguasai hari pembalasan</p>  
  <p lang="ar" dir="rtl">اِيَّاكَ نَعْبُدُ وَاِيَّاكَ نَسْتَعِيْنُ</p>
  <p>Hanya kepada-Mulah hamba mengabdi dan hanya kepada-Mulah hamba meminta pertolongan</p>  
  <p lang="ar" dir="rtl">اِهْدِنَا الصِّرَاطَ الْمُسْتَقِيْمَ</p>
  <p>Tunjukkanlah kepada kami jalan yang lurus</p>  
  <p lang="ar" dir="rtl">صِرَاطَ الَّذِ يْنَ اَنْعَمْتَ عَلَيْهِمْ ۙ غَيْرِ ٱلْمَغْضُوْبِ عَلَيْهِمْ وَلاَ ٱلضَّآلِّيْنَ</p>
  <p>(yaitu) jalan orang-orang yang telah Engkau beri nikmat kepadannya, bukan (jalan) mereka yang dimurkai, dan bukan (pula jalan) mereka yang sesat</p>  
  <p lang="ar" dir="rtl">آمِيْنَ</p>
  <p>Amiiin</p>
  
  <hr/>
  
<article class="info center">
<p>
Saya Mohon maaf yang sebesar-besarnya jika dalam penulisan surah Al-Fatihah ini terdapat kesalahan <br/>
<strong>Hal tersebut dikarenakan keterbatasan alat/program dalam penulisan Ayat Suci Al-Qur'an</strong>
</p>
  </article>
</article>

</body>
</html>
article {
    padding : 20px;
    border : 1px solid silver;
    border-radius : 5px;
    margin-bottom : 15px;
}

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 15px;
    line-height: 1.7;
    color: #333;
    background-color: #fff;
    overflow-x: hidden;
}

p {
    margin-top : 0px;
    margin-bottom : 10px;
}

p[lang="ar"] {
    direction: rtl;
    unicode-bidi: isolate;
    color: #3868da;
    font-size: 1.8em;
}
//javascript

Browser Support :

AttributeChromeSafariFirefoxOperaIE / Edge
langYaYaYaYaYa
Postingan Lebih BaruBerandaPostingan Lama
X
Run
Klik tombol Run, untuk menampilkan hasil editing, atau menyegarkan editor.