Html’ de Metin Biçimlendirme Etiketleri

By:
Categories: Html
1 Yorum

Bir önceki derste temel html etiketlerini anlatmıştık. Son derste anlatılan html, head, title, body etiketlerini bütün sayfalarımızda kullanacağız. Sayfalarımızda ekrana gelmesini istediğimiz bilgileri ise ..etiketleri arasına yazdığımızı bir kez daha hatırlatalım.Web sayfamızda <body> </body> etiketleri arasına sadece yazı eklersek bu yazılar sayfaya sığacak şekilde soldan başlayarak word metni gibi ekrana yansıtılacaktır. Fakat siz yazıları ortalamak, yazıları renklendirmek, büyütüp küçültmek, kalınlaştırıp, italik ve alt çizgili olarak yazmak isterseniz metin biçimlendirme etiketlerini kullanmanız gerekmektedir. Çünkü bizim Firefox, İnternet Explorer, Mozilla gibi tarayıcılarımız sadece html kodlarını yorumlar. Örneğin siz not defterini açarak yazdığınız herhangi bir satır yazıdan sonra bir alt satıra inerek yeni bir yazı ekleseniz, tarayıcımız bunu aynı satırda gösterecektir. Çünkü tarayıcılar alt satıra geçmek için de bir kod ister, o kodu görmediği sürece siz ne yaparsanız yapın alt satıra geçiremezsiniz.

Şimde metin biçimlendirme etiketlerinin nasıl kullanıldığını, ne işe yaradıklarını gösterelim.

<i> ……</i> Bu etiketler arasına yazılan yazılar italik (eğik) olarak gösterilir.
<b>……</b> Bu etiketler arasına yazılan yazılar kalın (bold) olarak gösterilir.
<u>……</u> Bu etiketler arasına yazılan yazılar alt çizgili (underline) olarak gösterilir.
<h1>….</h1> h1 den başlayarak h6 ya kadar giden etiketler başlık etiketleridir. <h1> arasına yazılan yazılar en büyük başlık şeklinde gösterilir, <h6> arasındakiler ise en küçük başlıklardır. Google başlık etiketleri arasına yazılan yazıları diğerlerine göre daha önemli saymaktadır.
<p>…….</p> Bu etikeler arasına yazılan yazılar paragraf yapılarak gösterilir.
<br>Bir alt satıra geçmek için kullanılır. Kapanış etiketi yoktur.
<center>…..</center> Bu etiketler arasına yazılan yazılar sayfada ortalanmış olarak gösterilir.

Örnek :(Not defterine yazılarak html uzantısı ile kaydedilecek bölüm)

<html>
<head>
<title>Metin Biçimlendirme Etiketleri Uygulaması</title>
</head>
<body>
Merhaba ziyaretçi, <br> Html konusunu öğrenmek istiyorsan, <b>www.nuriavci.com</b> sitesindeki <i>html derslerini</i> takip edebilirsiniz.<br><br>Web sayfama tekrar bekliyorum. <br>
<center><u>Nuri AVCI</u></center>
</body>
</html>

Kodun Önizlemesi : (Tarayıcı tarafından görüntülenecek bölüm)

Metin Biçimlendirme Etiketleri Uygulaması

Merhaba ziyaretçi,
Html konusunu öğrenmek istiyorsan, www.nuriavci.com sitesindeki html derslerini takip edebilirsiniz.

Web sayfama tekrar bekliyorum.

Nuri AVCI


1 Yorum

Your Thoughts