Isi

• Instruksi
• Garis bawahi teks menggunakan CSS
• Garis bawahi teks menggunakan HTML
• Bagaimana
• Perhatikan
• Apa yang kamu butuhkan

Garis bawah dapat digunakan untuk menyorot dan menekankan teks di halaman web. Teks dapat digarisbawahi menggunakan lembar gaya CSS, dengan properti dekorasi teks atau, kurang disukai, dengan elemen HTML U.

Instruksi

Belajar menggarisbawahi teks HTML (Informasi Internet Link image oleh Georgios Alexandris dari Fotolia.com)

Garis bawahi teks menggunakan CSS

1. Temukan atau masukkan teks yang ingin Anda garis bawahi.

2. Masukkan ke dalam elemen SPAN dengan menambahkan tag pembuka sebelum teks dan tag penutup sesudahnya.

3. Tentukan dengan menggarisbawahi teks dalam SPAN dengan menambahkan atribut STYLE padanya, sebagai berikut: STYLE = "text-decoration; underline;"

4. Tambahkan atribut kelas ke SPAN, berikan nama kelas CSS yang menentukan garis bawah teks. Ini adalah alternatif untuk menggunakan atribut STYLE, seperti yang dijelaskan pada langkah sebelumnya. Format deklarasi kelas CSS adalah sebagai berikut: .my-underlined-class {text-decoration: underline; }

Garis bawahi teks menggunakan HTML

1. Temukan atau masukkan teks yang ingin Anda garis bawahi.

   
   

2. Sertakan di dalam elemen U dengan menempatkan tag pembuka dan penutup sebelum dan sesudah teks.

3. Ini bisa dilakukan dengan cepat.

Bagaimana

• Jika Anda menggunakan editor HTML WYSIWYG, cari item menu garis bawah atau ikon bilah alat untuk menggarisbawahi teks tanpa harus menyandikan CSS atau HTML.
• Properti dekorasi teks CSS juga dapat digunakan untuk menempatkan overline, teks line-through, atau menonaktifkan garis bawah yang sudah ada (tidak ada).

Perhatikan

• Ingatlah bahwa garis bawah sering digunakan di halaman web untuk menunjukkan tautan yang dapat Anda klik, jadi gunakan dengan hemat untuk menghindari kebingungan.

Apa yang kamu butuhkan

• Editor teks atau HTML