Membuat Huruf Garis Bawah di HTML

belajar HTML dan CSS untuk pemula

Dalam penulisan text dengan garis bawah atau underline sering dipakai untuk menandai kata atau penekanan kata yang dianggap penting. Untuk membentuk karakter dengan garis bawah di dalam HTML, kita akan memakai tag <u> dan tag <ins>.

Dalam tutorial berikut ini, kita akan mempelajari Cara Membuat Huruf Garis Bawah (underline) dalam HTML dengan memakai tag <u> dan tag <ins>.

Tag <u>

Tag <u> ialah singkatan dari underline, atau garis bawah. Tag ini dipakai untuk membuat karakter text dengan garis bawah. Sama seperti tag <i> dan <b>, tag <u> tidak mempunyai tujuan apa-apa dan lebih kepada tampilan dari text.

Tag <u> masuk kedalam tipe tag inline, yang akan mengikuti alur text yang ada.

Berikut ialah contoh cara penulisan dan pemakaian tag <u> di dalam HTML:

<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML di Infanthree</title>
</head>
<body>
<h3>Saya sedang belajar HTML di Infanthree.com</h3>
<p><u>HTML</u> atau <u>Hypertext Markup Language</u> 
ialah dasar dari seluruh halaman web di internet. 
Bila kamu mau mempelajari cara membuat website,
maka hal pertama yang mesti dipelajari ialah HTML</p>
</body>
</html>

Tag <ins>

Tag <ins> ialah kependekan dari Insert. Tag <ins> diperuntukkan bagi bagian text baru yang ditambahkan ke dalam konten web. Tag <ins> dirancang untuk menegaskan bagian text yang tadinya tak ada. Tag ini merupakan kebalikan dari tag <del>.

Tag <ins> saya masukkan ke dalam tutorial ini sebab secara default web browser menampilkan tag <ins> dengan garis bawah. Tag ini termasuk jenis inline element.

Berikut ialah contoh pemakaian tag <ins> di dalam HTML:

<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML di Infanthree</title>
</head>
<body>
<h3>Saya sedang belajar HTML di Infanthree.com</h3>
<p>HTML atau Hypertext Markup Language ialah dasar dari
seluruh halaman web di internet. Bila kamu mau mempelajari 
cara membuat website, maka 
<del>hal pertama yang mesti dipelajari ialah PHP</del>
<ins>hal pertama yang mesti dipelajari ialah HTML</ins></p>
</body>
</html>

Secara personal, saya memakai tag <u> untuk bagian text yang tidak ditujukan apa-apa selain mempertegas penulisan. Tetapi jika ada bagian text yang ditambahkan nanti, tag <ins> akan membantu struktur konten dari HTML.

Untuk membuat hasil huruf dengan garis bawah di dalam CSS, kita dapat memakai:

text-decoration: underline;

Demikian lah tutorial Membuat Huruf Garis Bawah di HTML dengan memakai fungsi tag <ins> dan tag <u>. Silahkan share bila anda rasa ini bermanfaat.


Butuh Web Developer Makassar atau Jasa SEO di Makassar yang bergaransi? Jangan ragu dengan infanthree.com. Kami juga penyedia Jasa Pembuatan Aplikasi Android di Makassar yang terkemuka. Selain itu ada layanan SEM, SMM, Internet Marketing Agency Makassar dan Social Media, Pembuatan Logo, Konten, Video, Maskot dan Instalasi jaringan ataupun mikrotik, hingga pelatihan komputer dan internet marketing.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *