Tutorial HTML : Membuat text mirin dan text bergaris bawah - Membuat text miring kita akan menggunakan tag <i> dan untuk membuat text bergaris bawah kita akan menggunakan tag <u>.Memang untuk membuat text seperti ini agak cukup mudah dan simpel, tetapi perlu dikethui kedua tag ini sangat dibutuhkan sekali untuk membuat text lebih terlihat menarik.Sebelum artikel ini di buat, saya sudah membuat artikel mengenai
Membuat heading pada html dan
Membuat text tebal dengan html.
Contoh Pengguaan text miring
<html>
<head>
<title>Membuat Text Miring</title>
</head>
<body>
<i>Ini adalah text miring</i>
<br>
<b>Ini bukan text miring tetapi text tebal</b>
</body>
Hasilnya.
Ya, coba kita lihat perbedaan pada gambar diatas, text yang ada di atas berubah menjadi miring, dan untuk text yang kedua menjadi tebal karena saya menggunakan tag <b>.Pada sebuah tag kita harus akhiri dengan tag penutup </i>.Jika kita tidak menggunakan tag penutupnya maka hasilnya akan seperti ini.
Coba lihat gambar diatas, jika kita tidak menambahkan tag penutup maka kedua text akan menjadi ikut miring juga.Oleh karena itulah kita harus menggunakan tag penutup agar browser tahu dimana akhir dari sebuah tag.
Contoh Penggunaan Text bergaris bawah
Sekarang kita akan coba untuk membuat text bergaris bawah, ketik script dibawah ini.
<html>
<head>
<title>Membuat Text bergaris bawah</title>
</head>
<body>
<u>Ini text bergaris bawah</u>
<br>
Ini bukan text bergaris bawah
</body>
Sekarang coba lihat hasilnya
Mantap sekrang text kita sudah menjadi text yang bergaris bawah.Biasanya digunakan untuk menandakan bahwa text itu adalah text yang penting.Sama seperti juga dengan tag <i>, tag <u> juga harus menggunakan tag penutupnya, jika tidak maka hasilnya akan sama seperti pada gambar sebelumnya.
Semoga Bermanfaat, terima kasih
0 komentar
Mohon untuk para pengunjung agar supaya meninggalkan komentar setelah membaca.Komentar anda sangat bermanfaat bagi kemajuan blog ini.
"Janganlah menjadi seorang pembaca yang pendiam tanpa meninggalkan jejak sedikit pun"