Artikel Terbaru

2 Contoh Cara Membuat Judul Direktori Menggunakan Tag Dir HTML

Tag Dir digunakan untuk membuat daftar judul direktori pada dokumen HTML. Tag ini tidak didukung ladi penggunaannya dalam HTML5.

Sintak:
<dir> Lists... </dir>

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Tag Dir

</title>

 

<style>

.mkan 

{

font-size:40px;

font-weight:bold;

color:green;}

 

.cat 

{

font-size:25px;

font-weight:bold;}

</style>

</head>

 

<body>

<div class = "mkn">

Makanan

</div>

 

<div class = "cat">

Tag Dir

</div>

 

<p>

Daftar menu warung makan padang:

</p>

 

<dir>

<li>Rendang</li>

<li>Ayam Goreng</li>

<li>Telur</li>

<li>Ikan Pindang</li>

<li>Tahu dan Tempe</li>

</dir>

 

</body>

 

</html>

Output:
Makanan
Tag Dir

Daftar menu warung makan padang:

  • Rendang
  • Ayam Goreng
  • Telur
  • Ikan Pindang
  • Tahu dan Tempe

  • Atribut Optional: Tag ini berisi atribut tunggal compact yang bersifat opsional. Atribut optional digunakan untuk menentukan ukuran daftar yang akan dirender lebih kecil dari biasanya dengan mengurangi ruang antar item pada daftar. Atribut ini juga termasuk dalam kategori atribut boolean.

    Contoh:

    <!DOCTYPE html>

    <html>

     

    <head>

     

    <title>

    Tag Dir

    </title>

     

    <style>

    .mkn {

    font-size:40px;

    font-weight:bold;

    color:green;}

     

    .cat 

    {

    font-size:25px;

    font-weight:bold;}

    </style>

     

    </head>

     

    <body>

     

    <div class = "mkn">

    Blog Elfan

    </div>

     

    <div class = "cat">

    Tag Dir

    </div>

     

    <p>

    Daftar mapel TIK:

    </p>

     

    <dir compact>

    <li>Sistem Operasi</li>

    <li>Struktur Data</li>

    <li>Jaringan Komputer</li>

    <li>Database</li>

    <li>OOP</li>

    </dir>

     

    </body>

     

    </html>

    Output:
    Blog Elfan
    Tag Dir

    Daftar mapel TIK:

  • Sistem Operasi
  • Struktur Data
  • Jaringan Komputer
  • Database
  • OOP
  • Komentar

    1. Apa yang fungsi dari tag dir pada dokumen html?

      BalasHapus
      Balasan
      1. Tag dir pada HTML merupakan singkatan dari directory atau ruang penyimpanan yang digunakan untuk menentukan daftar direktori. Tag ini dirancang untuk digunakan membuat daftar direktori multikolom.

        Hapus
    2. Apa yang dimaksud dengan directory list atau dl pada html?

      BalasHapus
      Balasan
      1. Daftar direktori adalah bentuk khusus dari daftar yang tidak berurutan (unordered list). Daftar ini telah ditinggalkan penggunaannya dari standar HTML4 dan XHTML.

        Hapus
      2. Sebaiknya menggunakan format tag lain atau menggunakan tag UL yang sesuai dengna standar HTML terbaru yaitu HTML5.

        Hapus

    Posting Komentar

    Respon komentar 7 x 24 jam, so please be patient :D

    Hot Artikel!!!

    Enkapsulasi pada Java

    6 Tahap Utama dalam Melakukan Kompilasi Program Hello World Java

    6 Contoh Program Method Overloading pada Java