Install Web App

BRIEF

MINA

HTML

Trik Berguna Dalam HTML

profil-penulis

Ayundah Bening Tirta Ariyanto

16 Januari 2024

Berikut ini trik-trik yang berguna dalam HTML.

1. Tooltip

Tooltip dalam HTML biasanya diimplementasikan menggunakan atribut "title" pada elemen HTML tertentu. Misalnya, jika Anda ingin menambahkan tooltip pada elemen teks, Anda dapat menambahkan atribut "title" seperti ini:

 

<p title="Ini adalah contoh tooltip">Teks dengan Tooltip</p>

Ketika pengguna mengarahkan kursor mouse ke atas elemen tersebut, tooltip dengan teks "Ini Adalah Contoh Tooltip" akan muncul. Anda juga dapat menggunakan atribut "title" pada elemen lain seperti link atau gambar untuk menciptakan tooltip.

 

2. Download

Dalam HTML, "download" adalah atribut yang dapat digunakan dalam tag anchor (<a>) untuk menunjukkan bahwa tautan tersebut adalah tautan untuk mengunduh file. Contohnya:

<a href="/images/image.jpg" download>Unduh</a>

Dengan menambahkan atribut "download" pada tag anchor, browser akan mencoba untuk mengunduh file yang terhubung dengan tautan tersebut daripada membukanya.

 

3. Word Break Opportunity

Atribut wbr (word break opportunity) digunakan untuk menunjukkan tempat di mana browser dapat memutuskan kata jika perlu. Ini dapat membantu menghindari teks yang terlalu panjang tanpa memerlukan pemisahan kata yang biasa. Contohnya:

<p>Ini adalah kata<wbr>panjang<wbr>dengan<wbr>peluang<wbr>pemisahan.</p>

Dalam contoh ini, <wbr> digunakan untuk menunjukkan lokasi di mana browser dapat memutuskan kata jika perlu, membantu menghindari kata-kata yang terlalu panjang dalam tampilan halaman web.

 

4. Base URL

Dalam HTML, "base" digunakan untuk menetapkan URL dasar (base URL) untuk semua URL yang bersifat relatif di halaman web.

Berikut adalah contoh penggunaannya:

<head>
<base href="https://example.com/" target="_blank"> </head>
<body>
<img src="images/cover.gif" width="24" height="39" alt="cover"> <a href="tags/tag_base.asp">HTML base Tag</a> 
</body>

 

Artikel Lainnya Dengan Kategori Terkait :

1. 5 HTML Tags For Accessibility

2. Belajar HTML #01 | Apa Itu HTML ? Pengertian HTML Lengkap Untuk Pemula

3. Belajar HTML #02 | Cara Sederhana Membuat Code HTML

4. Belajar HTML #03 | Membuat Heading di HTML

5. Belajar HTML #04 | Format Text di HTML

6. Belajar HTML #05 | Membuat Paragraf di HTML

7. Belajar HTML #06 | Membuat Tabel Pada HTML

8. Belajar HTML #07 | Membuat Link Pada HTML

9. Belajar HTML #08 | Cara Membuat List Di HTML

10. Belajar HTML #09 | Cara Membuat Box Shadow CSS dan HTML Praktis Tanpa ribet (efek bayangan CSS)

11. Belajar HTML #10 | Cara Menampilkan Gambar Pada Halaman Website Menggunakan HTML

12. Belajar HTML #11 | Cara Menampilkan Video Pada Halaman Website Menggunakan HTML

13. Belajar HTML #12 | Cara Membuat Form Pada HTML

14. Belajar HTML #13 | Belajar Membuat Layout Pada HTML

15. Belajar HTML #14 | Belajar Menghubungkan HTML dengan CSS

16. Belajar HTML #15 | Cara Menambahkan Audio ke Halaman Website Menggunakan HTML.

17. Belajar HTML #16 | Cara Menambahkan Garis Horizontal di HTML

18. Belajar HTML #17 | Cara Menambahkan Komentar di HTML

19. Belajar HTML #18 | Tutorial Cara Membuat Checkbox dan Radio Button di HTML

20. Buat Desain Web Responsif CSS

21. Cara Membuat Accordions Dengan HTML & CSS

22. Cara Membuat Favicon Dengan HTML

23. CSS Positioning

24. Hal-hal Keren Dalam HTML

25. How to make Card-Profile

26. Input HTML Yang Perlu Diketahui

27. Memahami Pentingnya Semantic HTML dalam Struktur Website

28. Membuat Form HTML dengan Input Sugestion

29. Penggunaan Atribut Elemen Anchor dalam HTML

30. Semantic HTML

31. Tag HTML yang Jarang Diketahui

32. Tips Praktis Membuat Berbagai Jenis HTML List

33. Trik Berguna Dalam HTML

Masuk Terlebih dahulu untuk berkomentar

Paling baru
Lihat Lainnya