Lompat ke konten Lompat ke sidebar Lompat ke footer

Membuat Judul HTML Menggunakan Tag DIR

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

2 Contoh Cara Membuat Judul Direktori Menggunakan Tag Dir HTML
Ilustrasi Tag Dir HTML

Sebelum memahami lebih dalam materi tentang Membuat Judul HTML Menggunakan Tag DIR, terlebih dahulu pelajari materi tentang: Cara Membuat Instance HTML Menggunakan Tag DFN [klik], Membuat Garis Coret HTML Menggunakan Tag Del [klik], dan Cara Membuat Deskripsi HTML Menggunakan Tag DD [klik].

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.

    Baca Juga: 

    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

  • Artikel ini didedikasikan kepada: Dea Shafria May Sarah Laily, Destri Wijaya, Desy Rahmasari, Dewi Hajar Aufanisa, dan Dini Suciani.

    5 komentar untuk "Membuat Judul HTML Menggunakan Tag DIR"

    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

    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 -