HTML Temel Etiketleri ve Kullanımları

16.12.2016

31 Kişi Okumuş

0 Yorum

Eğer internette yer almayı düşünüyor ve web sitesi açmayı hayal ediyorsanız hala HTML temel bilgilerine sahip olmanızda yarar var. O nedenle temel HTML etiketlerine hakim olmalısınız. 

HTML etiketi

HTML etiketi, tarayıcınıza, dosyanın HTML kodu ile yüklenmiş bilgi içerdiğini bildirir. Dosya adındaki .html uzantısı ise bu dosyanın bir HTML belgesi olduğunu belirtir.

HEAD etiketi

Bir HTML belgesinin ilk kısmını belirler. İçinde TITLE elemanının bulunması zorunludur. Belgenin başlığını TITLE elemanı belirler.

Aşağıdaki örnekteki HTML kodunun HEAD kısmına bakalım:

<html>
  <head>
     <title>BASİT BİR HTML METNİ</title>
  </head> 
</html>

Buradaki <TITLE> ve </TITLE> ifadeleri arasındaki BASİT BİR HTML METNİ ifadesi aşağıda gördüğünüz gibi sayfanın başlığı olarak görüntülenmektedir:

 

TITLE etiketi

TITLE etiketi yardımıyla oluşturduğunuz web sayfasının başlığını belirleyebilirsiniz. Bu başlık, yukarıda görüldüğü gibi, başlık çubuğu üzerinde görüntülenecektir.

Başlık içeriği, sayfanın içeriği ve işlevi ile uyumlu olmalıdır. Sayfayı tanımlayıcı nitelikte ve kısa olmalıdır.

META etiketi

Meta etiketiyle sayfanızın bir tanımını yapabilir ve sayfa içeriğini uygun anahtar sözcüklerle tanımlayabilirsiniz.

Bazı önemli meta etiketleri ve açıklamaları şu şekildedir:

Keywords: Sitenizin içeriğini oluşturan kelimelerin bulunduğu etikettir.

<html>
 <head>
  <title>BİLGİSAYAR DİLLERİ</title>
  <meta name="keywords" CONTENT="bilgisayar dilleri, programlama dilleri, yazılım">
 </head>
</html>

Description: Bu etiket site hakkında bilgi veren temel etiketlerden biridir.

<html>
 <head>
  <title>BİLGİSAYAR DİLLERİ</title>
  <meta name="description" content="Sitenizin içeriği hakkında geniş bilgi">
 </head>
</html>

Author: Site yapımcısının adı, iletişim bilgilerinin bulunduğu etikettir.

<html>
 <head>
  <title>BİLGİSAYAR DİLLERİ</title>
  <meta name="Author" content="Adınız, E-Posta Adresiniz">
 </head>
</html>

META deyimi yardımıyla sayfanın karakter kümesini de tanımlayabilirsiniz.

Örneğimizi birlikte inceleyelim:

<html>
 <head>
  <title>BİLGİSAYAR DİLLERİ</title>
  <meta http-equiv="Content-type" Content="Text/html";charset="UTF8">
 </head>
</html>

Tüm meta etiketleri <head> .. </head> kodları arasına yazılır.

BODY etiketi

HTML belgenizin ikinci ve en uzun parçası BODY kısmıdır. Belgenizin tüm içeriği burada yer alacaktır. Bir sonraki belgede açıklanan etiketlerin tümü BODY içinde yer alacaktır.

 

İlgili Terimler : , ,

YORUMLAR

İsminiz

 

E-Posta Adresiniz

Yorumunuz