Penulisan text dengan garis bawah atau underline biasa digunakan untuk menandai kata atau penekanan kata yang dianggap penting. Untuk membuat karakter dengan garis bawah di dalam HTML, kita menggunakan tag <u> dan tag <ins>.
Tag <u> untuk Penulisan Text dengan Garis Bawah
Tag <u> adalah singkatan dari underline, atau garis bawah. Tag ini digunakan untuk membuat karakter text dengan garis bawah. Sama seperti tag <i> dan <b>, tag <u> tidak memiliki tujuan apa-apa dan lebih kepada tampilan dari text.
Tag <u> masuk kedalam tipe tag inline, yang akan mengikuti alur text yang ada. Berikut contoh penggunaan tag <u> pada HTML :
<!DOCTYPE html>
<html>
<head>
<title>RuangIlmu</title>
</head>
<body>
<h3>Cara Membuat Garis Bawah pada HTML</h3>
<p><u>RuangIlmu</u> atau <u>atau bisa disebut sebagai media belajar</u>
adalah sebuah situs yang bisa anda gunakan untuk menambah ilmu.</p>
</body>
</html>
Tag <ins> untuk Penulisan Text dengan Garis Bawah
Tag <ins> adalah kependekan dari Insert. Tag <ins> ditujukan untuk bagian text baru yang ditambahkan ke dalam konten web. Tag <ins> dirancang untuk menegaskan bagian text yang sebelumnya tidak ada. Tag ini adalah kebalikan dari tag <del>.
Tag <ins> saya masukkan ke dalam tutorial ini karena secara default web browser menampilkan tag <ins> dengan garis bawah. Tag ini termasuk jenis inline element.
Berikut adalah contoh penggunaan tag <ins> di pada HTML:
<!DOCTYPE html>
<html>
<head>
<title>RuangIlmu</title>
</head>
<body>
<h3>Cara Membuat Garis Bawah pada HTML</h3>
<p>RuangIlmu atau bisa disebut sebagai media belajar adalah adalah sebuah situs yang bisa anda gunakan untuk menambah ilmu. Banyak hal yang dipelajari seperti
<del>Ilmu Program</del>
<ins>Mencakup HTML, PHP, JavaScript</ins></p>
</body>
</html>
Untuk membuat hasil huruf dengan garis bawah di dalam CSS, kita bisa menggunakan:
text-decoration: underline;
0 komentar:
Bijaklah saat Anda memberikan komentar atau kritik !!