0'dan HTML5 Dersleri - html, head, title, meta, link etiketleri Ders # 3

0'dan HTML5 Dersleri - html, head, title, meta, link etiketleri Ders # 3

Öncelikle indirdiğimiz  sublime text  editörünü açıyoruz ve kodlarımızı yazmaya başlıyoruz. Sublime Text düzenleyicisini açtığınızda çıkan sayfada CTRL + SHIFT + S tuşlarına  basarak dosyayı kaydedin , dosyamızın adını yazıp sonuna  .html ekleyin    . 

 

Editöre yazdığınızd html yazıb TAB'a  tıklayarak  editörde html şablonunu görebilirsiniz . 

 

<! DOCTYPE html>
<html>
<head>
        <title> </title>
</head>
<body>

</body>
</html>

 

 

Yukarıdaki HTML şablonunda durun  ve bunlar temel unsurlardır.  Kod yazmaya başladığımızda , kodu hem  tarayıcıya  hem de editöre HTML olduğunu söylemek için kullanırız  . Ardından  HTML  yazmaya başlamak için 

 Etiketler kullanırız Yazdığımız kodların her biri  CODES  etiketlerinin içine yazılır.  HTML  ve diğer diller damla  teglər açık her birinde  ve en sonunda yakın tęgi. . Açılan etiketlerden herhangi biri   kapatılmazsa kodların çalışmayacağını şimdiden söylemeliyiz. 

 

 

 teglərindən sonraki  teglərinde kullanılacak  tegləridir bilindiği gibi başlık  anlamına gelen referans  ve  site başlığı ,  anahtar kelimeler, i acıglaması linkleri ve diğer elementler arasında teglər yer almaktadır. Bu etiketler açıldığında kapatılmalıdır. 

 

 

 

Etiketler  arasında birçok kod vardır . 

 

1.  

  Sitenin başlığını belirtir, açılıp kapatılmalıdır.

 

2.  

 Açılıp kapanan bir etikettir, kapatmak için aynısını yazmanıza gerek yoktur, satırın sonuna  eğik çizgi (/)  koyduğunuzda etiket tamamlanmış olur. Tek başına işlenmemek arasındaki unsurları çözmek önemlidir. Daha  sonra öğreneceğimiz CSS dosyasının yolunu size göstermek  istiyorsak,  Google font  formatlarını veya  javascript  dosyalarını kullanmak istiyorsak 

 Etiketi aşağıdaki gibi kullanacağız.

 

<link rel = "style" type = "text / css" href = "" />

 

Burada gösterilen  "rel"  ve  "type"  öğeleri  , dosyanın  css olduğunu ,  "href"  ise dosyanın konumunu belirtir. 

 

Ek olarak, gelecekte yazılarımıza  yazı tipi  eklemek   istersek, "type" öğesini kullanmayabiliriz. 

 

<link rel = "style" href = "" />

 

3 META - Kendiliğinden açılıp kapanan bir etikettir. Elemanları  "Description (Site açıklaması)" "Keywords (anahtar kelimeler)" "charset =" utf-8 " (Sitede tam olarak tüm harflerinin görünmesi içindir.).

 

<meta content="AÇIKLAMA" name="description">
<meta content="Anahtar kelimeler" name="keywords"> //Artık kullanılmıyor
<meta charset="utf-8">

 

Share