Category: HTML

HTML Bağlantılar (Links)

HTML başka sayfalara kendi üzerinden bağlantı (link) kurmak için hyperlink (çoklu bağlantı) özelliğini kullanılır.


<a> Etiketi ve href parametresi

HTML başka bir dökümana link oluşturmak için <a> etiketini kullanır.

Kullanım biçimi:

<a href="url">Görüntülenecek Metin</a>

Bir örnek:

<a href="http://www.saydek.org/">Kodlayın, Tıklayın, Görün...</a>

 


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.

<a href="http://www.saydek.org/"
target="_blank">Kodlayın, Tıklayın, Görün...</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.

Kullanım Biçimi:

<a name="label">Görüntülenecek Metin</a>

The name attribute is used to create a named anchor. The name of the anchor can be any text you care to use.

Bir Örnek:

<a name="ipucu">Yararlı Bilgiler</a>

İpucu kısmına direkt link vermek için, URL’nin sonuna #ipucu yazınız:

<a href="http://www.saydek.org/ornekler/html_links.htm#ipucu">
Yararlı İpuçları</a>

Dosya ismi kullanmadan o dosya içerisinde bir yere geçmek:

<a href="#ipucu">Yararlı İpuçları</a>

HTML Özel Karakterler (asci 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.


Özel Karakterler

A character entity has three parts: an ampersand (&), an entity name or a # and an entity number, and finally a semicolon (;).

HTML dökümanı içinde  bu tip karakterleri görüntülemek için &lt; veya &#60; 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

 


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 &nbsp; özel karaktlerini kullanınız.


En Çok Kullanılan Özel Karakterler

Sonuç Açıklama Özel karakterleri Numaralı Hali
Fazladan boşluk &nbsp; &#160;
< Küçüktür &lt; &#60;
> Büyüktür &gt; &#62;
& Ve &amp; &#38;
Alıntı &quot; &#34;
apostorof &apos; (IE’de çalışmaz) &#39;

Bazı Başka Özel Karakterler

Result Description Özel karakterleri Numaralı Hali
¢ Cent &cent; &#162;
£ Pound &pound; &#163;
¥ Yen &yen; &#165;
Euro &euro; &#8364;
§ Section &sect; &#167;
© Copyright &copy; &#169;
® Kayıtlı marka &reg; &#174;
× Çarpma &times; &#215;
÷ Bölme &divide; &#247;

HTML Metin Biçimlendirme

HTML, metini koyu veya itelik yapmak için bir çok tanımlama biçimi barındırır.

Aşağıda bu konu ile ilgili bir çok örneği görebilir ve kendiniz deneyebilirsiniz.


HTML Kaynak Kodları Nasıl Görüntülenir?

Tarayıcınızın araç çubuğunda “Görünüm” menüsüne geldikten sonra “Kaynağı Görüntüle” seçeneğini tıklayınız.


Metin Biçimlendirme Etiketleri

Tag Açıklama
<b> Koyu metin
<big> Büyük metin
<em> Vurgulanmış metin
<i> İtalik metin
<small> Küçük metin
<strong> Güçlü metin
<sub> Alt indis metini
<sup> Üst indis metini
<ins> Altı çizili metin
<del> Üstü çizili metin
<s> Önemsiz etiket, bunun yerine <del> kullanınız.
<strike> Önemsiz etiket, bunun yerine <del> kullanınız.
<u> Önemsiz etiket, bunun yerine styles kullanınız.

“Programlama Dilleri” Etiketleri

Tag Açıklama
<code> Programlama dili metini
<kbd> Klavye metini
<samp> Örnek bilgisayar kodu metini
<tt> Tele tip metin
<var> Değişken
<pre> Biçimlendirilmemiş metin.
<listing> Önemsiz etiket, bunun yerine <pre> kullanınız.
<plaintext> Önemsiz etiket, bunun yerine <pre> kullanınız.
<xmp> Önemsiz etiket, bunun yerine <pre> kullanınız.

Alıntılar ve Açıklamalar İle İlgili Etiketler

Tag Description
<abbr> Kısaltma
<acronym> Baş harfleri ile kısaltma
<address> Adres öğesi
<bdo> Metin yönü
<blockquote> Uzun alıntı
<q> Kısa alıntı
<cite> Alıntı
<dfn> Tanımlama terimi