HTML Etiket Sistemi – HTML5 Eğitimi
Bu yazımızda HTML’de kullanılan etiketlere giriş yapacağız. Hangi etiketlerin ne anlama geldiği sorusuna değil de, etiketin genel olarak ne olduğu ve ne işe yaradığı sorularına cevap vereceğiz.
Etiketler
HTML, web sayfalarını oluşturmak için etiketler kullanır. Web sayfasındaki tüm içerik etiketler sayesinden anlamlandırılır. Örneğin “bu bir paragraf”, “bu bir resim” gibi. Böylece tarayıcınız HTML kodlarına bakarak ekrana bir paragraf yazdırır veya ekranda bir resmi görüntüler. Bu örnek çoğaltılabilir. İlerideki konularda hangi etiketin ne işe yaradığından bahsedeceğiz.
Etiket söz dizimi
HTML, etiketleri belli kurallara göre kullanır. Bu kuralların bütününe söz dizimi deniliyor. Bir etiket <, > ve / özel karakterlerinden oluşur. Bu karakterler yazılımlar tarafından yorumlanarak anlamlı bir HTML elementi oluşturulur. Bir HTML elementi, genelde iki etiketin birleşmesiyle meydana gelir.
HTML Elementlerinin Yapısı
HTML etiketleri genelde çiftler halinde kullanılır.
Basit bir element oluşturmak için başlatıcı bir etiket kullanılır.
- Bu etiket < (küçüktür işareti) karakteriyle başlar.
- Boşluk bırakmadan birkaç karakterle, buna “etiket adı” diyeceğiz, devam eder.
- > (büyüktür işareti) karakteri ile biter.
Açılan bu elementi sonlandırmak için bitirici bir etiket kullanılır.
- Bu etiket </ ile başlar.
- Boşluk bırakmadan aynı karakterlerle, yani aynı etiket adıyla, devam eder
- ve > karakteri ile biter.
Eğer etiket adı “cite” ise(alıntı anlamında, citation) o zaman elde edeceğiniz element:
<cite></cite>
Bazı elementler bitirme etiketine sahip değildir, çünkü bunların bittiği takip eden diğer elementler tarafından anlaşılır. Örneğin aşağıdaki şekilde bir element görmüş olabilirsiniz:
<br>
Bir element sunduğu anlamlandırmayı arttırmak için öznitelik adlı özelliklere sahip olabilir.
Bu öznitelikler başlatıcı etikette belirtilir. Öznitelikler bir isme ve bir değere sahiptir. Bunları ayırmak için = (eşittir) karakteri kullanılır.
Örneğin;
<etiketadı öznitelik=”değer”></etiketadı>
HTML’de öznitelik değerleri boşluk, “, ‘, `, =, <, ya da > gibi özel karakterler içermiyorsa tırnak işaretsiz kullanılabilir. Diğer durumlarda bu değerler tek ya da çift tıknak içinde olmak zorundadır. Değer, eğer boşsa, = karakteriyle beraber tamamen kaldırılabilir. Webte görebileceğiniz örnek söz dizimleri:
[codesyntax lang=”html4strict”]
<!-- boş öznitelikler --> <input disabled> <input disabled=""> <input disabled=""/>
[/codesyntax]
[codesyntax lang=”html4strict”]
<!-- bir değere sahip öznitelikler --> <input name=adres> <input name='adres'> <input name="adres">
[/codesyntax]
Bu elementlerin ne anlama geldiği ilerideki konularda anlatılacaktır.
Sözdizimi Hatası
HTML5, hatalı yazımların tarayıcı tarafından nasıl yorumlanacağına dair bir prosedür de sunar. Böylece bir sitenin tarayıcılar arasında farklı çalışması düşürülmüş olur. Bu ileriki konularda anlatılacaktır.
-
Anonim
-
http://my.opera.com/greench greench
-
Anonim
-