HTML Etiketleri ve Anlamları


Teknonce > Bilgisayar > HTML Etiketleri ve Anlamları
HTML Etiketleri ve Anlamları

Daha önce "HTML Nedir? " adlı yazımızda HTML'in ne olduğundan bahsetmiştik. Şimdi ise basit bir HTML dosyası oluşturabilmek için gerekli olan etiketlerden bahsedeceğiz.

HTML ile web siteleri tasarlanabilir. Fakat tasarlanan bu siteleri daha dinamik ve daha görsel hale getirebilmek için farklı dillere de ihtiyaç duyarız. Css ve Javascript dilleri ile görselliği arttırabiliriz.



HTML Etiketi

Bu etiket en önemli etiketlerden birisidir. Çünkü tarayıcıya sayfanın HTML sayfası olduğunu belirtir.

<html> şeklinde açılır.

</html> kapatmak için ise bu kod kullanılır.

Head Etiketi

Sayfanın tarayıcı açısından en önemli kısmı head tagleri arasında kalan kısımdır. Çünkü bu kısımda sitemizin başlığı, açıklaması, anahtar kelimeleri gibi birçok bilgi yer alır. Aşağıdaki şekilde tanımlanır.

<html>

<head>

</head>

</html>

Title Etiketi

Head tagleri arasında yer alan bu etiket sitenin başlığını tutmaya yarar. Site başlığı tarayıcıda sekme kısmında yazan yazıdır. Tanımlanma yöntemi aşağıdaki gibidir.

<html>

<head>

<title> Sayfa Başlığı </title>

</head>

</html>

Meta Etiketi

Head tagleri arasında yer alan bir diğer etiket ise Meta etiketidir. Bu etiket sitenin açıklaması, anahtar kelimeleri vb. gibi tarayıcı tarafından en çok önemsenen bilgilerin tutulmasını sağlar.

Description : Sitenin açıklamasını yazmak için kullanılır.

< meta name="description" content="site açıklaması" > şeklinde tanımlanır.

Keywords : Sitenin anahtar kelimelerini belirtmek için kullanılan bu etiket aşağıdaki şekilde tanımlanmaktadır.

< meta name="keywords" content="1.anahtar kelime,2.anahtar kelime, ..." > şeklinde tanımlanır. Anahtar kelimeler virgülle birbirinden ayrılarak yazılır.

Body Etiketi

Bu etiketin içinde kalacak olan kısım sayfanın kullanıcıya gösterilecek olan kısmıdır. Bu tagler arasında kullanılabilecek olan onlarca farklı tag bulunmaktadır. Bu etiketler arasında herhangi bir tag kullanmadan yazacağımız sıradan metinler bile kullanıcı tarafından görüntülenebilir. Body tagleri arasında tablolar, giriş panelleri, kullanıcı kayıt formları, resim galerileri gibi birçok farklı yapı oluşturabiliriz.

Şimdi yazdığımız tüm bu tagleri kullanarak basit bir HTML sayfası oluşturabiliriz.

<html>

<head>

<title> Sayfa Başlığı </title>

< meta name="description" content="site açıklaması" >

< meta name="keywords" content="1.anahtar kelime,2.anahtar kelime, ..." >

</head>

<body>

Sayfa içeriğinin tamamı buraya yazılır.

</body>

</html>

Bu kodlar basit bir HTML sayfası oluşturmak için yeterlidir. İlerleyen günlerde daha ayrıntılı HTML sayfalarının nasıl oluşturabileceğini anlatacağız.

Etiketler: html etiketleri,html tagları,html tagleri,html kodları,body etiketi,head etiketi,title etiketi,meta etiketi

Haberi Paylaşın


Önerilen Haberler


YORUMLAR(1)

  1. sude yılmaz

    güzel ve anlaşılır olmuş teşekkürler...

Yorum Yap