Hızlı Konu Açma

Hızlı Konu Açmak için tıklayınız.

Son Mesajlar

Konulardaki Son Mesajlar

Reklam

Forumda Reklam Vermek İçin Bize Ulaşın

HTML Dersleri #2: Metin Duzenleme Etiketleri

CanberK

Üye
Fenerbahçe
Kayıtlı Üye
Katılım
6 Eylül 2016
Mesajlar
34
Tepkime puanı
0
Puanları
0
Konum
Zonguldak
Web sitesi
bhd-team.com
[FONT=&amp]Merhaba HayatMMO Forum Halkı



[/FONT]
[FONT=&amp]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=&amp]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=&amp]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=&amp]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=&amp]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=&amp]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]
[FONT=&amp]3)<i> İtalik (eğik yazı) Etiketi: Bu etiket metni eğik yazmak için kullanılır. Italic kelimesinden gelmektedir. Bu etikette ziyaretçinin dikkatinin çekilmesi istenen yerlerde kullanılır.[/FONT]
[FONT=&amp]Kullanımı aşağıdaki gibidir.

HTML:
<i> Bu metin eğik yazıldı.</i>
[/FONT]
[FONT=&amp]4) <u> Altını Çiz etiketi: Bu etiket metnin istenen kısımlarının altını çizmek için kullanılır. İngilizce underline (altı çizili) kelimesinin baş harfinden gelmektedir.[/FONT]
[FONT=&amp]
HTML:
<u> Bu yazının altı çizilidir.</u>
[/FONT]

5)
<br> Alt Satıra Geç Etiketi:[FONT=&amp] 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
Yukarıdaki yazım yerine aşağıdaki gibi yazılsa da sonuç değişmeyecektir.

HTML:
1Burası 1.satır <br> Burası 2.satır

[/FONT]
6) <p> Paragraf Etiketi: [FONT=&amp]Yazdığımız metini paragraflara bölmek için kullanılır. Uzun yazılarda okunabilirliği arttırır.

[/FONT]
[FONT=&amp]
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>
[/FONT]
[FONT=&amp]7) <font> Etiketi: [/FONT]Font etiketi metin rengini ayarlama, yazı tipini değiştirme ve boyutunu ayarlamak için kullanılır. Tek bir etiketin bu 3 özelliği değiştirebilmesi aldığı parametreler sayesinde olmaktadır.

  • 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>
[FONT=&amp]Not:[/FONT][FONT=&amp] Font etiketinin aldığı parametrelerin hepsi tek bir <font> etiketi içerisinde kullanılabilir.

HTML:
<font face="Times New Roman" color="blue" size="5"> Font etiketiyle yazı biçimlendirildi.</font>
[/FONT]
[FONT=&amp]Bu dersimizde burada sona erdi bir sonraki derste HTML[/FONT] ile Listeleme Etiketleri[FONT=&amp] konusuna değineceğim.
Herkese iyi çalışmalar.

[/FONT]
 

Users Who Are Viewing This Konu (Users: 0, Guests: 1)

Üst