HTML <font> etiketi HTML 5’te kullanılmayan bir etikettir. HTML 5’te desteklenmemektedir ve bu etiket yerine CSS kullanımı uygun görülmüştür. Ancak HTML 5’te kullanıldığında çalıştığı görülmekle birlikte her zaman çalışacağının bir garantisi yoktur.
<font> etiketi, 3 parametre (attribute) alır:
- size: metnin büyüklüğünü belirler.
- color: metnin rengini belirler.
- face: metnin yazı tipini belirler.
<!DOCTYPE html>
<html>
<body>
<p><font size="2" color="black">Bu bir metindir. Bu metin için font etiketinin iki parametresi kullanıldı.</font></p>
<p><font size="3" face="impact" color="green">Bu metin için font etiketinin 3 parametresi de kullanıldı.</font></p>
<p><font size="5" color="red"<strong>Note:</strong>font etiketi HTML 5’te desteklenmemektedir. Bunun yerine CSS kullanılmaktadır.</font></p>
</body>
</html>
|
sonuç:
Bu bir metindir. Bu metin için font etiketinin iki parametresi kullanıldı.
Bu metin için font etiketinin 3 parametresi de kullanıldı.
Note:font etiketi HTML 5’te desteklenmemektedir. Bunun yerine CSS kullanılmaktadır.
|
|
|
Font etiketi yerine CSS Kullanımı:
- Metin rengini belirlemek için metne CSS uygulama:
<!DOCTYPE html>
<html>
<body>
<p style="color:red">Bu bir paragraf.</p>
<p style="color:#ffddaa">Bu da bir paragraf.</p>
</body>
</html>
|
Sonuç:
Bu bir paragraf.
Bu da bir paragraf.
|
- Metnin yazı biçimini (font) belirlemek için CSS uygulama:
<!DOCTYPE html>
<html>
<body>
<p style="font-family:Comic Sans MS">Bu bir paragraf.</p>
<p style="font-family:'Courier New'">Bu da bir paragraf.</p>
</body>
</html>
|
sonuç:
Bu bir paragraf.
Bu da bir paragraf.
|
- Metnin boyutunu belirlemek için CSS uygulama:
<!DOCTYPE html>
<html>
<body>
<p style="font-size:36px">Bu bir paragraf.</p>
<p style="font-size:14px">Bu da bir paragraf.</p>
</body>
</html>
|
sonuç:
Bu bir paragraf.
Bu da bir paragraf.
|
Hiç yorum yok:
Yorum Gönder