HTML ETİKET Yapısı

Merhaba..

Html (Hypertext Markup Language), web sayfaları hazırlamak için kullanılan bir dildir. Html komutları herhangi bir metin (text) düzenleme editöründe yazılabileceği gibi, çeşitli web tasarımı editörlerini kullanarak da oluşturulabilir.

Html komutları etiketlerden (tag) oluşur. Html kodları (etiketleri) yazılırken aşağıdaki kurallara dikkat edilmesi gerekir;

ETİKET YAZIMI

Etiketler açılırken  < ve > işaretleri arasına yazılır.  <etiket> Etiketler  kapatılırken ise < işaretinden sonra "/" işareti  eklenir.  </etiket>

<html>  ...... </html>
<head> ...... </head>
<b> .... </b> 
<a> ..... </a>  gibi..

TÜRKÇE KARAKTER

Programlama dillerinde olduğu gibi Html dilindede etiketler yazılırken Türkçe karakterler kullanılmamalıdır. (ş, Ş,ç,Ç,ö,Ö,ü,Ü,ı,İ, ğ,Ğ) . Ayrıca hazırlanan html sayfaları kayıt edilirken, link problemleri yaşanmaması için dosya isminde de türkçe karakter kullanmamak gerekir.

BÜYÜK-KÜÇÜK HARF 

HTML etiketlerinde büyük-küçük harf  duyarlılığı yoktur. Küçük yada büyük yazılabilir. Hatta büyük harflerle açılmış olan bir etiket tümü küçük harflerle yazılan aynı etiket ile kapatılabilir. Ancak görsel bütünlük ve kodların takibi için ya tamamen küçük yada tamamen büyük yazılması yararlı olacaktır.

<body>….</BODY> veya <Html>….</html> her iki yazımdada sorun yaşanmayacaktır.

ETİKET KAPATMA

HTMl etiketleri açıldıktan sonra , içlerine başka etiketler , yazı vs gibi bilgiler alıyorlarsa mutlaka kapatılmalıdır. Eğer bir etiket açıldıktan sonra , içerisinde başka etiketlerde açılıyorsa , İlk açılan etiket en son kapatılır . Etiketler kapatalırken “/” işareti unutulmamalıdır.

<body>….</body>
<span> ... </span>
<p> ....</p>

Ancak, img , br , hr gibi bazı etiketler herhangi bir nesne yada yazı kapsamayacakları  için tekrar açılıp kapanmazlar. Açıldığı yerde varsa parametreleri yazılır ve “/” ile kapatılır.

<br/>  , <img src="resim.jpg"/> , <hr/> gibi..

AÇIKLAMA (YORUM) SATIRI

Html dilinde açıklama satırları  "<!--"  ve  " --> "  işaretleri  arasında yazılır.  Açıklama satırlarının tasarıma etkisi olmaz. Sadece kodların takibi içn programcıya kolaylık sağlar. Sayfanın herhangi bir yerinde kullanılabilir.

<body>
<!-- Bu bir açıklama satırıdır. Tarayıcıda görünmeyecektir. -->
</body>

Görüşmek üzere..