Metnin Altını Çizmek
Gündelik hayatta sayfadaki önemli bir metni vurgulamak istediğimizde altını çizeriz. Aynı şekilde sitemizde yer alan herhangi bir kelimenin veya tüm paragrafın altını çizmek mümkün. HTML'de bir metnin altını çizmek istediğimiz zaman <u> etiketini kullanırız.
İlk önce metin içerisindeki bir kısmın altını çizelim.
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Taha Suresi 44</title>
</head>
<body>
<p>
Firavuna gidin. Çünkü o iyiden iyiye azdı. Ona <u>yumuşak söz söyleyin.</u> Belki o, aklını başına alır ve korkar.
</p>
</body>
</html>
Şimdi de tüm metnin altını çizelim.
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Furkan 63</title>
</head>
<body>
<p>
<u>
Rahmanın kulları ise öyle kimselerki yeryüzünde tevazu ve vakar içinde yürürler, cahiller onlara bir laf attıkları zaman selam (Allah Selamet Versin) derler geçerler.
</u>
</p>
</body>
</html>
Bir önceki derslerimizde metni hem kalın yapmayı (<b> ve <strong> etiketi), hem de italik yapmayı (<i> ve <em> etiketi) görmüştük. Şimdiki örneğimizde metnimizi hem kalın yapalım hem de altını çizelim.
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Furkan Suresi 72-73</title>
</head>
<body>
<p>
<b>
<u>
(O kullar) yalan yere şahitlik etmezler, boş sözlerle karşılaştıklarında vakar ile (oradan)geçip giderler. Kendilerine Rabbinin ayetleri hatırlatıldığında ise, onlara karşı sağır ve kördavranmazlar.
</u>
</b>
</p>
</body>
</html>
<b> etiketi ile <u> etiketinin sırasını değiştirmenizde hiçbir sakınca yoktur iki kullanım metodu da tamamen doğrudur. Önemli olan <p> etiketinin sabit kalmasıdır.
Şimdi de metnimizi hem eğik yazalım hem de altını çizelim.
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Enam Suresi 153</title>
</head>
<body>
<p>
<i>
<u>
Şüphesiz bu benim dosdoğru yolumdur. Bana uyun. (Başka) yollara uymayın. Zira o yollar sizi ALLAH'ın yolundan ayırır. İşte sakınmanız için ALLAH size bunları emretti.
</u>
</i>
</p>
</body>
</html>