HTML Metin Biçimlendirme, Özel Karakterler ve Link Verme

Cryptograph 01.05.201312:34 HTML & CSS 8590    
Facebookta Paylaş

Metin biçimlendirme, metnin kalın, italik, renkli olması gibi durumlardır.
Sayfamızı hazırlayalım.

<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
<strong>Bu metin kalın yazıldı</strong>
<em>Bu metin italik yazıldı</em>
<strong><em>Bu metin hem kalın hem italik yazıldı</em></strong>
<font color="red">Bu metin kırmızı yazıldı</font>
</body>
</html>

<strong> etiketi metni kalınlaştırır, bunun haricinde bir de <b> etiketi vardır, bold anlamına gelen, bu da metni kalınlaştırır fakat şu anda pek kullanılan bir etiket değildir.
<em> etiketi metni italik yapar, <i> etiketi de bunu yapan fakat bu da şu anda pek kullanılan bir etiket değil.
<font> etiketini daha önce de anlatmıştım, metnin yazı rengi, boyutu, fontu gibi özellikleri yapabileceğimiz bir etiket fakat bunu da şu and kullanmıyoruz, w3c bu etiketin kullanımını yasaklamış durumda :)

Metin biçimlendirmeyi daha çok CSS ile yapıyoruz. CSS konusuna daha sonra ayrıntılı olarak değineceğim.


HTML de özel karakterler vardır.
Sayfa içerisinde < veya > gibi karakterler kullanacaksanız bunların &lt; ve &gt; olarak kullanmanız gerekmekte.
< karakterinin karşılığı &lg;
> karakterinin karşılığı &gt;
HTML etiketler bu karakterler içerisinde yazıldığı için sayfada harici olarak bunları kullanırsak < > hatalı bir kullanım olur, bunun önüne geçmek için özel karakterleri kullanmalıyız.

& - Ve simgesi karakter karşılığı = &amp;
© - Copyright simgesi karakter karşılığı = &copy;
® - Kayıtlı marka simgesi karakter karşılığı = &reg;

Özel karakterlerde büyük - küçük harf duyarlılığı vardır.


Link vermek için <a> etiketi ve bu etikete özel href parametresi kullanılır.

<a href="link verilecek dosya yolu">Link olarak görünecek yazı</a>

Link verilecek dosya yolu yazılırken dikkat edilmesi gereken bazı kurallar vardır, aynı kurallar <img> etiketinin src parametresi içinde geçerlidir, dosya yolu verilecek tüm parametreler için geçerli kurallardır.
Herhangi bir dosya yoluna link verebilirsiniz.
"dosya.html" aynı dizinde bulunan dosya.html isimli dosyaya link verilmiş oldu
"klasor/dosya.html" klasor isimli dizinde bulunan dosya.html isimli dosyaya link verilmiş oldu
"klasor1/klasor2/dosya.html" dizin sayısı arttıkça kaç dizin içerindeyse ona göre dosya yolu verilir.
Dosya bir üst dizinde ise ../ şeklinde dosya yolu belirtilir

"../dosya.html" bir üst dizinde dosya.html dosyasına link verildi
"../klasor/dosya.html" bir üst dizinde klasor isimli klasörün içindeki dosya.html e link verildi
"../../dosya.html" iki dizin yukarı çıktık şimdi.

Sayamayacağımız kadar çok dizin içerisindeysek sadece / işaretiyle kök dizine geçip oradan yol verebiliriz.

<a href="resim.jpg">Resme ulaşmak için tıklayın</a>

bir resim dosyasına link verdik, tıkladığımızda resim tarayıcımızda açılacaktır.
<a href="resimler/buyuk/resim-buyuk.jpg"><img src="resimler/kucuk/resim-kucuk.jpg" /></a>

şimdi ise bir resme link vermiş olduk, sayfada görüntülenen resme tıklanma özelliği verdik.
Sayfada görünen resim; resimler klasörü => kucuk klasörü içerisinden resim-kucuk.jpg resmi, tıklandığında açılacak olan resim ise bu resmin büyük hali.

Okuyucu Yorumları (0 Yorum)

Söz Sırası Sizde

Benzer Konular

Benzer KonularPaylaşmanın asaletini hiçbir zaman bencilliğin çirkinliğine bırakmayın!

MERAK EDİLENLER

İLETİŞİM

  • alpay[at]cryptograph.gen.tr
  • İstanbul ikametgah