Isi

• Langkah
• Metode 1 dari 2: Metode Modern
• Metode 2 dari 2: Metode Warisan
• Tips

Metode garis bawah HTML lama adalah menggunakan tag u> / u>, tetapi sekarang menggunakan metode berbasis CSS modern. Menggarisbawahi dianggap sebagai cara yang buruk untuk menarik perhatian ke teks karena mudah membingungkan teks yang digarisbawahi dengan tautan.

Langkah

Metode 1 dari 2: Metode Modern

1. 1 Gunakan properti "text-decoration" di CSS. Saat ini, tag u> tidak digunakan untuk menggarisbawahi teks.
   • Dengan menambahkan properti ini, Anda tidak perlu mengubah kode di masa mendatang saat tag lama dihentikan.
2. 2 Gunakan tag span> untuk menggarisbawahi bagian teks tertentu. Masukkan tag awal bersama dengan properti "teks-dekorasi" di depan teks yang ingin Anda garis bawahi. Di akhir teks, masukkan tag penutup/span>.

   span style = "text-decoration: underline;"> Teks ini akan digarisbawahi. / span>

3. 3 Tentukan elemen HTML di bagian style> agar lebih mudah digarisbawahi. Hal ini juga dapat dilakukan dengan menggunakan stylesheet CSS. Misalnya, untuk menggarisbawahi semua heading level 3, tambahkan kode berikut ke bagian "style":

   html> kepala> gaya> h3 {teks-dekorasi: garis bawah; } / style> / head> body> h3> Heading ini akan digarisbawahi / h3> / body> / html>

4. 4 Buat kelas CSS untuk menggarisbawahi teks dengan cepat. Anda dapat membuat kelas di bagian stylesheet atau style> Anda untuk memanggilnya nanti. Kelas dapat diberi nama apa saja.

   html> head> style> .underline {teks-dekorasi: garis bawah; } / style> / head> body> Gunakan class ini untuk div> quick underline / div> berbagai div> elemen / div> / body> / html>

5. 5 Pikirkan cara lain untuk menyorot teks. Sebaiknya hindari menggarisbawahi untuk menghindari membingungkan pengguna. Lebih baik gunakan tag em> untuk membuat teks miring. Gunakan CSS untuk menambahkan opsi gaya lain ke tag ini.

   html> kepala> gaya> em {warna: merah; } / style> / head> body> Apa pun di elemen "em" akan dicetak miring (secara default) dan juga berwarna merah / em> berkat opsi gaya tambahan. / badan> / html>

Metode 2 dari 2: Metode Warisan

1. 1 Hindari penggunaan tag u> / u> yang lama. Mereka tidak digunakan lagi, yang berarti bahwa tag ini masih berfungsi, tetapi tidak disarankan atau tidak disarankan. Ini karena HTML tidak dimaksudkan untuk menyesuaikan gaya konten. Tag u> masih berfungsi, tetapi harus mewakili teks yang berbeda dari teks lain, seperti kata yang salah eja atau nama diri bahasa Mandarin.
2. 2 Gunakan tag u> / u> untuk menggarisbawahi elemen (hanya untuk demonstrasi). Hampir tidak ada kasus di mana Anda perlu menggunakan tag ini. Anda mungkin perlu mengedit situs lama, jadi sebaiknya perhatikan apa itu tag.

   html> body> Tag HTML u> lama memungkinkan untuk menggarisbawahi elemen / u> dengan cepat, tetapi jika elemen gaya lainnya disentuh, semuanya menjadi kacau. Oleh karena itu, saat ini mereka menggunakan elemen CSS "text-decoration" untuk menggarisbawahi. / badan> / html>

Tips

• Hampir selalu ada cara yang lebih baik untuk menyorot konten di halaman web daripada menggarisbawahi. Menggarisbawahi dapat membingungkan pengguna. Pikirkan tentang cara menyorot teks menggunakan CSS.