HTML'de Etiket Yapısı

by trustix


Eklenme Tarihi : 08 Aralık 2020 18:27 Views:     407



 Merhaba arkadaşlar. Bugün HTML'de etiketlere yakında bakıp anlamaya çalışacağız. Etiketler HTML'de belli standartları olan ve belli görevleri yerine getiren ifadelerdir. Bir etiket örneği ile başlayalım.

 

 

HTML'de etiketler yukarıda belirtildiği gibi kullanılmaktadır. Bir açılıp ve bir kapanış etiketi standart kullanımdır. Ancak az da olsa bazı etiketlerde kapanış etiketi kullanılmaz. Başka bölümlerde bu etiketlere de değineceğiz. Buradaki h1 adlı etiket HTML'de metin başlıkları için kullanılmaktadır. Örneğin:

<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="author" content="">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Örnek Blog Sitesi</title>
</head>
<body>

    <h1>Burası Metin Başlığı Bölümüdür</h1>


</body>


</html>
  

Yukarıda örnekte olduğu gibi h1 etiketi bir başlık metni için kullanılmaktadır. Elbette başlıklar için kullanılan tek etiket h1 etiketi değildir. Aynı şekilde h2-h3-h4-h5-h6 etiketleri de başlıklar için kullanılmaktadır. h1 etiketi en büyük h6 etiketi en küçük boyutu ifade eder.

Bunun dışında HTML'de etiketler öznitelik adını verdiğimiz bir değer alabilirler. Bu öznitelikler zorunlu değil opsiyoneldir. Örneğin:

 

Etiketlerin alabileceği öznitelikler ve değerler birbirlerinden farklıdır. <p> etiketi metin paragrafları için kullanılmaktadır. Lang ifadesi burada bir özniteliktir. Öznitelik değeri ise paragrafın ingilizce olduğunu belirten en-us ifadesidir. Bu ifade aynı şekilde farklı diller için farklı kısaltmalar şeklinde kullanılabilir. Örneğin :

 

<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="author" content="">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Örnek Blog Sitesi</title>
</head>
<body>

    <p lang='fr'>Fransızca metin paragrafı.</p>


</body>


</html>

 

Hangi etiketin hangi özniteliği alabileceği ve hangi özniteliğin hangi değeri alabileceği konusu çok kapsamlı ve her etiket için ayrı ayrı değerlendirilmesi gereken bir noktadır. Burada temel olarak HTML'de etiketleri ve etiket yapılarını anlamaya ve anlatmaya çalıştık. Son olarak yukarıdaki kodları daha düzgün bir şekilde kullanıp nasıl sonuçlandığına bakalım.

 

<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="author" content="">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Örnek Blog Sitesi</title>
</head>
<body>

    <h1>h1 Başlığı</h1>
    <h2>h2 Başlığı</h2>
    <h3>h3 Başlığı</h3>
    <h4>h4 Başlığı</h4>
    <h5>h5 Başlığı</h5>
    <h6>h6 Başlığı</h6>
    
    <p lang="tr"> Türkçe metin paragrafı.</p>


</body>


</html>

 

 

Evet arkadaşlar Hepinize İyi Kodlamalar.





0

Yorum Formu

vikikod.com    © 2019