[FONT=&]Merhaba HayatMMO Forum Halkı
[/FONT]
[FONT=&]Bu yazımda HTML ile metin düzenleme ve biçimlendirme işlemlerinin nasıl yapılacağı anlatacağım. Eğer html, body, head gibi etiketlerin ne anlama geldiğini bilmiyorsanız, ders 1’i inceleyebilirsiniz.[/FONT][FONT=&]Peki metnin biçimlendirilmesi ne demek? Biçimlendirme yazdığımız yazıların boyutu, şekli, rengi, yazı tipi, kalınlığı gibi özelliklerin değiştirilmesi anlamına gelir.[/FONT]
[/FONT][FONT=&]Not: Tüm metin biçimlendirme etiketleri <body> tagının içerisine yazılır. Şimdi maddeler halinde bu etiketleri (tag) açıklayalım.
[/FONT]Metin Biçimlendirme Etiketleri:
[FONT=&]1)<h> Başlık Etiketi: Bu etiket yazılara başlık eklemek için kullanılır. Zaten etiketin ismi ingilizce heading yani başlık kelimesinin baş harfinden alınmıştır. Farklı büyüklükte başlıklar kullanılabileceği için h1, h2, h3, h4, h5, h6 olmak üzere 6 farklı başlık büyüklüğü mevcuttur. Burada en büyük başlık <h1> en küçük ise <h6> dır.
[/FONT]
HTML:
<html>
<head>
<title>Html ile Metin Biçimlendirme</title>
<head>
<body>
<h1>HayatMMO Forumu</h1>
<h2>HayatMMO Forumu</h3>
<h6>HayatMMO Forumu</h6>
</body>
</html>
[FONT=&]2) <b> Kalınlık Etiketi: Bu etiket yazıları kalın yapmak için kullanılır. İngilizce bold (kalın) kelimesinden gelmektedir. Web sayfalarında ziyaretçilerin dikkatini çekmek için kullanılır.[/FONT]
[FONT=&]Kullanımı aşağıdaki gibidir.
HTML:
12<b>Bu metin kalın olarak yazıldı.</b>
Sadece bu kısım <b>kalın</b> yazıldı.
[FONT=&]Kullanımı aşağıdaki gibidir.
HTML:
<i> Bu metin eğik yazıldı.</i>
[FONT=&]
HTML:
<u> Bu yazının altı çizilidir.</u>
5) <br> Alt Satıra Geç Etiketi:[FONT=&] Html dili ile web sitesi oluştururken bir alt satıra geçmek için Enter tuşunun işe yaramadığını görürsünüz. Html’de alt satıra geçmek için <br> etiketi kullanılır.
HTML:
Burası 1.satır <br>
Burası 2.satır
HTML:
1Burası 1.satır <br> Burası 2.satır
[/FONT]6) <p> Paragraf Etiketi: [FONT=&]Yazdığımız metini paragraflara bölmek için kullanılır. Uzun yazılarda okunabilirliği arttırır.
[/FONT][FONT=&]
HTML:
<p> 1. paragraf:Html, web sayfalarının hazırlanmasında kullanılan bir işaretleme dilidir.</p>
<p>2.paragraf: Web tarayıcıları bu kodları anlayarak görsel web sayfalarına dönüştürür.</p>
- Size parametresi: Metnin boyutunu ayarlamak için kullanılır. Yazının büyüklüğü 1 ile 7 arasında değer alır.
HTML:
1<font size="4">Metnin boyutunu değiştiriyorum.</font>
- Face parametresi: Yazı tipini değiştirmek için kullanılır. Bilgisayarda kullandığımız birçok yazı tipi geçerli olarak kullanılabilir. Fakat okunabilirlik ve tarayıcı desteği açısından Arial, Times New Roman gibi yazı tipleri tercih edilmelidir.
HTML:
1<font face="Arial"> Bu metin Arial fontuyla yazıldı.</font>
- Color parametresi: Yazı rengini değiştirmek için kullanılır. Red, blue, yellow gibi renklerin ingilizcesi kullanılabileceği gibi #3b457c gibi renk kodlarıda kullanılabilir.
HTML:
<font color="red"> Bu metin kırmızı renklidir.</font> <font color="#4bb3a2">Bu metin renklendirilmiştir.</font>
HTML:
<font face="Times New Roman" color="blue" size="5"> Font etiketiyle yazı biçimlendirildi.</font>
Herkese iyi çalışmalar.
[/FONT]