Yeni Yorum Gönder 
 
Konuyu Oyla:
  • Toplam: 1 Oy - Ortalama: 5
  • 1
  • 2
  • 3
  • 4
  • 5
HTML Etiketleri
09.04.2018, 10:37 (Bu konu en son: 08.05.2018 Tarihinde, Saat: 16:01 düzenlenmiştir. Düzenleyen: admin.)
Yorum: #1
HTML Etiketleri
* HTML etiketleri, HTML öğelerini belirtmek için kullanılır.

* HTML etiketleri 2 karakter ile sınırlanır. < ve >

* HTML etiketleri çift olarak kullanılır. Örnek: <b> Bu metin
koyu fonttadır. </b>

* Bu çiftlerden birincisine başlama etiketi, ikincisine ise
bitiş etiketi denir.

* HTML etiketleri büyük/küçük harfe duyarlı değildir, yani
<b> ve <B> aynı görevi görür.

*HTML dilindeki en önemli etiketleri:

*Başlıklar





*Paragraflar

*Satır atlama

HTML Etiketleri- Başlıklar

Başlıklar <h1> ve <h6> dahil olmak üzere aradaki tüm
rakamlar kullanılarak tanımlanabilir. <h1> en büyük
puntoyu belirtirken, <h6> ise en küçük puntoyu belirtir.

<h1> Bu bir başlık </h1>

<h2> Bu bir başlık </h2>

<h3> Bu bir başlık </h3>

<h4> Bu bir başlık </h4>

<h5> Bu bir başlık </h5>

<h6> Bu bir başlık </h6>

HTML Etiketleri- Paragraflar

*Paragraflar <p> etiketi ile belirtilir.

<p> Bu bir paragraf </p>

<p> Bu da başka bir paragraf </p>

NOT: Etiketleri kapatmayı unutmayın!

<p>Bu bir paragraf

<p>Bu da başka bir paragraf


[b]HTML Etiketleri- Satır Atlama[/b]

*Satır atlamak için <br> etiketi kullanılır. Ancak bu etiketin
yeni bir paragraf açmadığını da unutmayınız.

*Yorum satırları HTML kaynak kodu içerisine programcıların
hangi satırın ne iş gördüğünü anlatmak için kullanılır. Bu
satırlar, sayfa browser'da görüntülenirken dikkate alınmazlar.

<p>Bu <br>bir <br>çok satırlı paragraftır.</p>

<!-- Bu bir açıklama -->

HTML Parametreler (Nitelikler)
* HTML etiketleri parametrelere sahip olabilir.
Parametreler, HTML öğelerine, ek özellikler
eklenmesini sağlar. Parametreler daima isim/değer
çiftleri arasında gelir: name="value".

<h1> başlık belirtir.
<h1 align="center"> başlık belirtmesinin
yanında, metinin ortalanacağını da belirtir.

<body> HTML'in body kısmını belirtir.
<body bgcolor="yellow"> Body kısmını belirtmekle
beraber, arkaplan renginin de sarı olacağını belirtir.

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

Tag........... Açiklama


<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


HTML Bağlantılar (Links)

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

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

Örnekler:
<a href="http://www.kablosuzcozumler.net" target="_blank"></a>
<a href="mailto:info@kablosuzcozumler.net>Bize e-mail göndermek için buraya tıklayın </a>

HTML Sayfa İçi Bağlantılar

Bazı durumlarda (özellikle uzun sayfalarda) sayfanın belirli bir
bölümüne link vermek gerekebilir. Bunun için name="" özelliğinden
yararlanırız. Böyle durumlarda href="" özelliği kullanılmaz.

* Öncelikle sayfa içinde bağlantı vereceğimiz yere giderek
<a name="etiket"></a> şeklinde yer imimizi belirtiyoruz. Böylece
sayfanın bu kısmını işaretledik. Şimdi bu işarete link vermek için sayfa
içerisinde başka bir yerde (en aşağıda ya da en yukarıda olabilir)
<a href="#etiket">(metin)</a> şeklinde işaretlediğimiz yere link
veriyoruz.

<a href="#top">Sayfa Başı</a>

HTML Çerçeveler

Çerçeveler sayesinde aynı tarayıcı penceresinde birden fazla
HTML dökümanı görüntüleyebilirsiniz. Her HTML
dökümanı bir çerçeve (frame) ve her çerçeve birbirinden
bağımsız olur.

* Html sayfalarında ise; Frame, İframe, frameset, noframe
etiketleri kullanılmaktadır.


<html><=frameset cols="25%,75%"><frame src="frame_a.htm">
<frame src="frame_b.htm"></frameset></html>

<html><frameset rows="25%,50%,25%"><frame src="a.htm">
<frame src="b.htm"><frame src="c.htm"></frameset></html>

HTML Çerçeveler-iframe

*Iç içe çerçeveler çizmek; iframe

<html>
<body>

<iframe src=“a.htm" width="200" height="200"></iframe>
<p>Bazı tarayıcılar iframes desteklemiyor olabilir</p>

</body>
</html>

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



[Resim: html_karakter.png]


HTML Bağlantılar (Links)

*HTML başka sayfalara kendi üzerinden bağlantı
kurmak için hyperlink ö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.


Örnekler:

<a href="http://www.kablosuzcozumler.net" target="_blank"></a>

<a href="mailto:info@kablosuzcozumler.net>Bize e-mail göndermek için buraya tıklayın </a>


HTML Sayfa İçi Bağlantılar

* Bazı durumlarda (özellikle uzun sayfalarda) sayfanın belirli bir
bölümüne link vermek gerekebilir. Bunun için name="" özelliğinden
yararlanırız. Böyle durumlarda href="" özelliği kullanılmaz.

* Öncelikle sayfa içinde bağlantı vereceğimiz yere giderek
<a name="etiket"></a> şeklinde yer imimizi belirtiyoruz.

Böylece sayfanın bu kısmını işaretledik. Şimdi bu işarete link vermek için sayfa
içerisinde başka bir yerde (en aşağıda ya da en yukarıda olabilir)
<a href="#etiket">(metin)</a> şeklinde işaretlediğimiz yere link
veriyoruz.

<a href="#top">Sayfa Başı</a>
Tüm Mesajlarına Bak
Alıntı ile Cevapla
Yeni Yorum Gönder 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  HTML Nedir? AirFiber 0 19,501 04.04.2018 21:45
Son Yorum: AirFiber

Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi