Menggunakan Judul Attribute Pada HTML

Tags

Menggunakan Judul Attribute Pada HTML - posting kali ini saya akan membagikan tentang penggunaan attribut title pada HTML,

pada attribut terdapat nilai value yang akan di cetak setelah penerapan attribut, saya mempunyai contoh kasus dibawah ini, disini saya memakai struktur HTML Sederhana :

<!DOCTYPE html>

<html>

     <body>

     <head>

            <title>Belajar HTML</title>

      <head>

         <h1>Mengenai HTML Tittle Attribut</h1>

         <p title="tentang situs itjenius">

         Itjenius merupakan sebuah situs yang mengajarkan bahahasa web, dan program secara mendasar, dan itjenius membagikan sebuah info terbaru seputar kemajuan teknologi.</p>

          <p>

            <b>letakkan cursor anda pada text deskripsi itjenius di atas , maka akan terlihat sebuah pesan kecil yang muncul dari judul attribut tersebut</b>

          </p>

  </body>

</html>


Keterangan : 
- dari kode HTML diatas dapat saya jelaskan bahwa, nilai attribut judul akan tampil pada text paragraf deskripsi tentang situs saya itjenius, dengan menampilkan sebuah pemberitahuan kecil atau biasa di sebut tooltip yang berada didekat kursor dengan keterangan "TENTANG SITUS ITJENIUS". seperti output gambar dibawah ini :

Menggunakan Judul Attribute Pada HTML

Membuat LEBIH tittle atribut :


<!DOCTYPE html>
<html>
     <body>
     <head>
            <title>Belajar HTML</title>
      <head>
         <h1>Mengenai HTML Tittle Attribut</h1>

         <p title="tentang situs itjenius">
        
1. Itjenius merupakan sebuah situs yang mengajarkan bahahasa web, dan
program secara mendasar, dan itjenius membagikan sebuah info terbaru
seputar kemajuan teknologi.</p>

          <p>

          <p title="DATA WEB">

           2. SAYA SEDANG BELAJAR BAHASA WEB MENGENAI ATTRIBUTE TITLE</p>

          <p>

          <p title="DATA PROGRAMER"><b>

           NAMA : MUHIDDIN<br/>JURUSAN : T. Informatika s.1<br/>PEMBAHASAN : BASIC WEB<b></p>

          <p>
           
<b>letakkan cursor anda pada text deskripsi di atas ,
maka akan terlihat sebuah pesan kecil yang muncul dari judul attribut
tersebut</b>
          </p>

  </body>
</html>


keterangan :
  • Attribut judul yang pertama akan menampilkan sebuah tooltip pemberitahuan TENTANG SITUS ITJENIUS.
  • yang kedua tentang DATA WEB
  • yang ketiga tentang DATA PROGRAMER
OUTPUTNYA AKAN TAMPIL SEPERTI INI :

Menggunakan Judul Attribute Pada HTML
Buatlah contoh sederhana penggunaan attribute title seperti diatas, dengan terbiasa pastinya akan menjadi mudah. pada kasus halaman web ,attribute ini sebagai pemberitahuan tentang judul atau tentang text yang ada pada halaman tersebut.

seiiring perkembangan web coding HTML ,penggunaan atribute masih dipakai namun ada yang lebih bervariasi dengan penambahan style contohnya penerapan tooltip dengan efek hover atau penambahan CSS coding dan jquary 
sekian dari artikel kali ini tentang Menggunakan Judul Attribute Pada HTML, semoga dapat bermanfaat. thanks.

1 komentar so far

- Berkomentarlah dengan sopan.
- No Link Aktif, SPAM, SARA P#RN.
- Jangan membalas yang tidak sesuai tema.
- Untuk "PM/tanya hal penting" bisa lewat Social Media yang saya miliki, sekalian Kenalan dengan Admin ^_^.
EmoticonEmoticon