Merhaba! Ben Aykhan, 1999 doğumlu bir Azerbaycanlıyım ve 2017 yılından bu yana programlamayla ilgileniyorum. Teknolojinin büyülü dünyası beni her zaman etkilemiştir ve bu merakımı kendi blogumda paylaşarak daha geniş bir kitleyle buluşturmayı amaçlıyorum.
Ö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">