101: HTML Başlangıç seviyesi derslerde Web Programlama uygulama geliştirme ortamını detaylı olarak inceliyoruz.

Tüm Eğitimleri Aldın mı? Kendini sınamanın tam zamanı

Haydi Sınava Gir

En Temel HTML Etiket ve Anlamları

Kategori : Mobil | Lisans : Creative Commons (by-nc-sa) | En son 07.12.2015 tarihinde güncellendi
Eğitmen : Geleceği Yazanlar Ekibi
Etiketler :

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.