Unduh PDF
Unduh PDF
Dahulu, menggarisbawahi dalam HTML dilakukan dengan cara mengurung teks dalam tag <u></u>, tetapi metode ini sekarang sudah ditinggalkan untuk mendukung CSS yang jauh lebih serbaguna. Menggarisbawahi secara umum dianggap sebagai cara yang buruk untuk menarik perhatian pada suatu teks. Hal ini karena teks bergaris bawah mudah disalahsangkai sebagai pranala.
Langkah
-
Gunakan properti CSS style "text-decoration". Menggunakan tag <u> bukan lagi cara yang tepat untuk menggarisbawahi teks. Sebagai gantinya, gunakan properti CSS "text-decoration".
- Langkah ini membantu menjadikan kode Anda anti-usang sehingga Anda tidak perlu kembali dan mengubah banyak hal setelah kode lama tidak bisa dipakai.
-
Gunakan tag <span> jika Anda ingin menggarisbawahi teks tertentu. Letakkan tag pembuka beserta properti "text-decoration" di tempat Anda ingin mengawali garis bawah. Letakkan penutup </span> di tempat Anda ingin mengakhiri garis bawah. [1] X Teliti sumber
< span style = "text-decoration: underline;" > Teks ini akan bergaris bawah. </ span >
-
Nyatakan elemen HTML di bagian <style> halaman Anda. Anda juga bisa melakukan ini pada CSS style sheet . Anda bisa membuat proses menggarisbawahi jauh lebih mudah dengan menyatakan elemen HTML pada style . Misalnya, untuk menggarisbawahi semua header tingkat 3, tambahkan kode berikut di bagian CSS style :
< html > < head > < style > h3 { text-decoration : underline ; } </ style > </ head > < body > < h3 > Header ini akan bergaris bawah </ h3 > </ body > </ html >
-
Buatlah CSS class untuk menggarisbawahi dengan cepat kapan saja. Dalam style sheet atau di bagian <style>, Anda bisa membuat class untuk dipanggil kemudian. Class ini bisa dinamai apa saja sesuka Anda.
< html > < head > < style > . underline { text-decoration : underline ; } </ style > </ head > < body > Anda bisa menggunakan ''class'' ini untuk < div class = "underline" > menggarisbawahi dengan cepat </ div > berbagai bagian < div class = "underline" > dalam konten Anda </ div > </ body > </ html >
-
Pertimbangkan metode lain untuk menyoroti teks. Menggarisbawahi harus dihindari agar tidak membingungkan pembaca Anda. Salah satu cara lain yang populer adalah dengan menggunakan tag <em>, yang akan mencetak miring teks. Anda bisa menggunakan CSS untuk menetapkan tag ini untuk penekanan unik.
< html > < head > < style > em { color : red ; } </ style > </ head > < body > Apa pun yang menggunakan elemen em akan < em > dicetak miring (karena pengaturan default), serta dicetak merah </ em > karena pengaturan gaya tambahan. </ body > </ html >
Iklan
-
Hindari penggunaan tag <u></u> yang sudah usang. Metode ini sudah "kedaluwarsa", artinya metode ini tetap berfungsi tetapi tidak lagi digunakan atau disarankan. Ini karena HTML tidak dirancang untuk memberi gaya pada konten. Tag <u> akan tetap berfungsi, tetapi sekarang digunakan untuk menunjukkan teks yang berbeda dari teks yang lain, seperti kata-kata salah eja atau kata benda khusus bahasa Cina.
-
Gunakan tag <u></u> untuk menggarisbawahi (peragaan saja). Hampir tidak ada kasus yang mengharuskan Anda menggunakan metode ini lagi. Mungkin bagus bagi Anda untuk mengetahui caranya dahulu digunakan kalau-kalau Anda harus memperbarui situs web lama.
< html > < body > Tag garis bawah lama dalam HTML < u > memungkinkan Anda menggarisbawahi dengan cepat </ u > , tetapi cara ini mengacaukan segalanya ketika elemen gaya yang lain dilibatkan. Inilah mengapa garis bawah modern dilakukan menggunakan elemen CSS "text-decoration". </ body > </ html >
Iklan
Tips
- Hampir selalu ada cara yang lebih baik untuk menonjolkan konten pada halaman web daripada menggunakan garis bawah karena cara ini bisa jadi sangat membingungkan bagi pembaca. Pertimbangkan untuk merapikan teks Anda dengan CSS untuk membuatnya menonjol.
Iklan
Tentang wikiHow ini
Halaman ini telah diakses sebanyak 4.872 kali.
Iklan