Dan tunas-tunas perasaanmu tak bisa kaupangkas lagi. Semakin kautikam, dia tumbuh dua kali lipatnya. Semakin kauinjak, helai daun barunya semakin banyak. Oke pada kesempatan kali ini saya akan memberitahukan kepada kalian tentang Mengenal Tag <abbr> pada Bootstrap.
Tag <abbr> ini berfungsi untuk memberikan informasi bermanfaat kepada pengguna-pengguna yang sedang membuka situs web tersebut atau page source(halaman sumber kode). Akan tetapi saat di browser sebuah teks yang sudah digunakan dengan tag <abbr> itu tidak akan tampil dan hanya sebagai informasi saja. Oke langsung saja, saya contohkan kepada teman-teman. Berikut contoh dari Mengenal Tag <abbr> pada Bootstrap.
Seperti biasa, siapkan file index.html nya.
Kemudian, kita hubungkan terlebih dahulu file HTML kita dengan library jQuery dan Bootstrap nya.
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
Setelah itu, isi di bagian <body> tag-tag HTML berikut, dengan tag <abbr> nya juga.
<div class="container"> <h1>Abbreviations</h1> <p>The abbr element is used to mark up an abbreviation or acronym:</p> <p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p> </div>
Bagaimana teman-teman? Cukup mudah bukan?
Sekian untuk tutorial kali ini tentang Mengenal Tag <abbr> pada Bootstrap.
Semoga bermanfaat, terima kasih