6.Özel Karakterler:
HTML Özel Karakterler
HTML içinde bazı karakterler ("<" gibi) kaynak kodlarda yazılarak ekranda görüntülenmesi sağlanamaz.Bu tip karakterleri görüntüleyebilmek için bazı özel karakterler kullanılır.
Birden Fazla Boşluk Bırakabilmek
Normalde HTML kodları içindeki 2 kelime arasında 10 tane de boşluk bıraksanız bunlardan sadece 1 tanesi dikkate alınır. Eğer birden fazla boşluk bırakmak istiyorsanız özel karaktlerini kullanınız.Özel Karakterler
-- HTML dökümanı içinde bu tip karakterleri görüntülemek için < veya < yazmalıyız.-- Bir numara yerine isim kullanılmasının avantajı, isimlerin daha rahat hatırlanabilmesidir. Dezavantajı ise piyasadaki tüm tarayıcılarda tam desteklenmemesidir.
-- Özel karakterlerin büyük/küçük harfe duyarlı olduğuna dikkat ediniz
Ör:
HTML:
[COLOR=rgb(41, 105, 176)]<html>
<body>
<p>Özel Karakterler</p>
<p>&X;</p>
<p>X yerine #174 yada pound yazıp sonuca dikkat ediniz. </p>
</body></html>[/COLOR][COLOR=rgb(255, 255, 255)][[/COLOR]/CODE]
[COLOR=rgb(184, 49, 47)]Resim:[/COLOR]
[IMG]https://i.hizliresim.com/7gyuybt.PNG[/IMG]
[IMG]https://www.turkhackteam.org/styles/v1/tht/logo.png[/IMG]
[HEADING=1][COLOR=rgb(184, 49, 47)]En Çok Kullanılan Özel Karakterler[/COLOR][/HEADING]
[TABLE]
[TR]
[TH][LEFT][COLOR=rgb(41, 105, 176)]Sonuç[/COLOR][/LEFT][/TH]
[TH][LEFT]Açıklama[/LEFT][/TH]
[TH][LEFT]Özel karakterleri[/LEFT][/TH]
[TH][LEFT]Numaralı Hali[/LEFT][/TH]
[/TR]
[TR]
[TD] [/TD]
[TD]Fazladan boşluk[/TD]
[TD] [/TD]
[TD] [/TD]
[/TR]
[TR]
[TD]<[/TD]
[TD]Küçüktür[/TD]
[TD]<[/TD]
[TD]<[/TD]
[/TR]
[TR]
[TD]>[/TD]
[TD]Büyüktür[/TD]
[TD]>[/TD]
[TD]>[/TD]
[/TR]
[TR]
[TD]&[/TD]
[TD]Ve[/TD]
[TD]&[/TD]
[TD]&[/TD]
[/TR]
[TR]
[TD]"[/TD]
[TD]Alıntı[/TD]
[TD]"[/TD]
[TD]"[/TD]
[/TR]
[TR]
[TD]'[/TD]
[TD]apostorof [/TD]
[TD]' (IE'de çalışmaz)[/TD]
[TD]'[/TD]
[/TR]
[/TABLE]
[IMG]https://www.turkhackteam.org/styles/v1/tht/logo.png[/IMG]
[HEADING=1][COLOR=rgb(184, 49, 47)]Bazı Başka Özel Karakterler[/COLOR][/HEADING]
[TABLE]
[TR]
[TH][LEFT][COLOR=rgb(184, 49, 47)]Sonuç[/COLOR][/LEFT][/TH]
[TH][LEFT][COLOR=rgb(41, 105, 176)]Açıklama[/COLOR][/LEFT][/TH]
[TH][LEFT][COLOR=rgb(65, 168, 95)]Özel karakterleri[/COLOR][/LEFT][/TH]
[TH][LEFT][COLOR=rgb(85, 57, 130)]Numaralı Hali[/COLOR][/LEFT][/TH]
[/TR]
[TR]
[TD][COLOR=rgb(184, 49, 47)]¢[/COLOR][/TD]
[TD][COLOR=rgb(41, 105, 176)]Cent[/COLOR][/TD]
[TD][COLOR=rgb(65, 168, 95)]¢[/COLOR][/TD]
[TD][COLOR=rgb(85, 57, 130)]¢[/COLOR][/TD]
[/TR]
[TR]
[TD][COLOR=rgb(184, 49, 47)]£[/COLOR][/TD]
[TD][COLOR=rgb(41, 105, 176)]Pound[/COLOR][/TD]
[TD][COLOR=rgb(65, 168, 95)]£[/COLOR][/TD]
[TD][COLOR=rgb(85, 57, 130)]£[/COLOR][/TD]
[/TR]
[TR]
[TD][COLOR=rgb(184, 49, 47)]¥[/COLOR][/TD]
[TD][COLOR=rgb(41, 105, 176)]Yen[/COLOR][/TD]
[TD][COLOR=rgb(65, 168, 95)]¥[/COLOR][/TD]
[TD][COLOR=rgb(85, 57, 130)]¥[/COLOR][/TD]
[/TR]
[TR]
[TD][COLOR=rgb(184, 49, 47)]€[/COLOR][/TD]
[TD][COLOR=rgb(41, 105, 176)]Euro[/COLOR][/TD]
[TD][COLOR=rgb(65, 168, 95)]€[/COLOR][/TD]
[TD][COLOR=rgb(85, 57, 130)]€[/COLOR][/TD]
[/TR]
[TR]
[TD][COLOR=rgb(184, 49, 47)]§[/COLOR][/TD]
[TD][COLOR=rgb(41, 105, 176)]Section[/COLOR][/TD]
[TD][COLOR=rgb(65, 168, 95)]§[/COLOR][/TD]
[TD][COLOR=rgb(85, 57, 130)]§[/COLOR][/TD]
[/TR]
[TR]
[TD][COLOR=rgb(184, 49, 47)]©[/COLOR][/TD]
[TD][COLOR=rgb(41, 105, 176)]Copyright[/COLOR][/TD]
[TD][COLOR=rgb(65, 168, 95)]©[/COLOR][/TD]
[TD][COLOR=rgb(85, 57, 130)]©[/COLOR][/TD]
[/TR]
[TR]
[TD][COLOR=rgb(184, 49, 47)]®[/COLOR][/TD]
[TD][COLOR=rgb(41, 105, 176)]Kayıtlı marka[/COLOR][/TD]
[TD][COLOR=rgb(65, 168, 95)]®[/COLOR][/TD]
[TD][COLOR=rgb(85, 57, 130)]®[/COLOR][/TD]
[/TR]
[TR]
[TD][COLOR=rgb(184, 49, 47)]×[/COLOR][/TD]
[TD][COLOR=rgb(41, 105, 176)]Çarpma[/COLOR][/TD]
[TD][COLOR=rgb(65, 168, 95)]×[/COLOR][/TD]
[TD][COLOR=rgb(85, 57, 130)]×[/COLOR][/TD]
[/TR]
[TR]
[TD][COLOR=rgb(184, 49, 47)]÷[/COLOR][/TD]
[TD][COLOR=rgb(41, 105, 176)]Bölme[/COLOR][/TD]
[TD][COLOR=rgb(65, 168, 95)]÷[/COLOR][/TD]
[TD][COLOR=rgb(85, 57, 130)]÷[/COLOR][/TD]
[/TR]
[/TABLE]
[IMG]https://www.turkhackteam.org/styles/v1/tht/logo.png[/IMG]
[SIZE=6][COLOR=rgb(65, 168, 95)]7.HTML Baglantılar:[/COLOR]
[COLOR=rgb(184, 49, 47)][SIZE=6]HTML Baglantılar[/SIZE][/COLOR][/SIZE]
[COLOR=rgb(41, 105, 176)]HTML başka sayfalara kendi üzerinden bağlantı (link) kurmak için hyperlink (çoklu bağlantı) özelliğini kullanılır.[/COLOR]
[COLOR=rgb(184, 49, 47)]Ör:[/COLOR]
[CODE=html][COLOR=rgb(41, 105, 176)]<html>
<body>
<p>
<a href="https://Turkahackteam.org">
Bu metin</a> Tht Link
</p>
<p>
</body>
</html>[/COLOR]
Ör2:
HTML:
[COLOR=rgb(41, 105, 176)]<html>
<body>
<p>
Tht Link
<a href="https://Turkhackteam.org">
<img border="0" src="Butonresimi" width="65" height="38">
</a>
</p>
</body>
</html>[/COLOR]
<a> Etiketi ve href parametresi
HTML başka bir dökümana link oluşturmak için <a> etiketini kullanır.Ör:
HTML:
[COLOR=rgb(41, 105, 176)]<a href="url">Görüntülenecek Metin</a>[/COLOR]
HTML:
[COLOR=rgb(41, 105, 176)]<a href="https://www.turkhackteam.org/uye/hanifiking21.939896/">Profilim</a>[/COLOR]
Hedef (target) Parametresi
Target parametresi ile dökümanın nerde açılacağını belirtebilirsiniz.Aşağıdaki bağlantıya tıklanırsa, döküman yeni bir pencerede açılacaktır.
Ör:
Kod:
<a href="https://www.turkhackteam.org/uye/hanifiking21.939896/"
target="_blank">Profilim</a>
<a> Etiketi ve Name Parametresi
Bu parametre ile aynı döküman içinde belirlenmiş başka bir satıra direkt geçiş yapılabilir.Ör:
HTML:
[COLOR=rgb(41, 105, 176)]<a name="label">Görüntülenecek Metin</a>[/COLOR]
İpucu kısmına direkt link vermek için, URL'nin sonuna #ipucu yazınız:
Ör:
HTML:
[COLOR=rgb(41, 105, 176)]<a href="https://www.turkhackteam.org/uye/hanifiking21.939896/">
Profilim</a>[/COLOR]
Dosya ismi kullanmadan o dosya içerisinde bir yere geçmek
Ör:
HTML:
[COLOR=rgb(41, 105, 176)]<a href="#profilim">Profilim/a>[/COLOR]