Kemal İKİZOĞLUBugün Internet Computer Protocol blok zincirini tanıyıp Hello World örneğiyle bu merkeziyetsiz geliştirme ortamına ilk adımımızı...
HTML Ders 1 | Giriş ve Head etiketleri
Kemal İKİZOĞLU
Html ; kısa ismiyle anılan Hyper Text Markup Language, yüksek seviyeli düzenleme dili olarak web teknolojilerinin altyapısını oluşturmaktadır.Sayfa oluştururken ilk onunla başlanır , onunla sayfa sonlanır..Şimdi sayfa içerisinde kullanılan html kodlarını ve ne anlama geldiklerini inceleyelim.
Bu size bir kod sayfasına baktığınızda daha kolay analiz yapmanızı ,eklemek yada çıkarmak istediğiniz bir bölüm olduğunda biçimlendirme sayfasına geçmek yerine burada da aynı işlemi yapma olanağınız olacak.Size iki adım atlattıracak bu kodları iyi öğrenmeli ve düzenlemelerinizde size ne kadar kolaylık sağlayacağını göreceksiniz..
Kodlarınızı düzenlemek için en kolay bir metin belgesi ya da daha da ayrıcalıklı olsun isterseniz Adobe Dreamweaver programını kullanabilirsiniz.
Ben metin belgesi kullanarak çalışmalarıma başlayacağım. Yeni bir sayfa açtınız. İlk başlangıç için öğrenilecek ilk kod html?dir.
<html>
</html>
Çünkü yazılan komutların çözümlenebilmesi için buna zorunlu ihtiyaç var.Tüm komutlar bu iki komutun arasına yazılır.Bu komutlara Tag(Etiket) denir.Tagların arasında bütün kodlar yer alacağına göre başlayalım yazmaya..
<html>
<head>
<title> Sayfa Başlığı kullanmak istiyorsanız burası tam yeri </title>
<meta name=”keywords” content=”kelime1 kelime2 kelime3 kelime4 kelime5″>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859″>
</head>
</html>
Head etiketi sayfanın üst kısmıyla ilgili bölümünü kapsar.Bu kısımda sayfanın başlığı,sayfa içerisinde kullanılacak meta etiketleri, css dosyaları, scriptler ve rss yolları yer alır.
* Head etiketi içerisinde yer alan komutlar tarayıcı sayfası içerisinde gözükmez.
Title etiketi sayfamızın başlığını oluşturmamız için kullanılır. Örneğin başlık olarak HTML Uygulamaları yazabiliriz.
<html>
<head>
<title>HTML Uygulamaları</title>
</head>
</html>
Temel Meta Etiketleri
Abstract:
Tanım : Tüm site hakkında bilgi veren cümledir.
Kullanımı : <META name=”Abstract” content=”Site özeti”>
Author:
Tanım : Site yapımcısının adı, iletişim bilgilerinin bulunduğu etikettir.
Kullanımı : <META name=”Author” content=”Adınız, E-Posta Adresiniz”>
Copyright:
Tanım : Sitenin telif hakları konusunda bilgi veren etikettir.
Kullanımı : <META name=”Copyright” content=”telif hakkı cümlesi”>
Description:
Tanım : Bazı arama motorlarının temel aldığı, site hakkında bilgi veren temel etiketlerden biridir.
Kullanımı : <META name=”description” content=”Sitenizin içeriği hakkında geniş bilgi”>
Expires:
Tanım : Sitenin içeriğinin hangi tarihte zaman aşımına uğradğını arama motorlarına ileten etiket.
Kullanımı : <META name=”Expires” content=”Mon, 12 Jan 2007 17:45:05 GMT”>
Keywords:
Tanım : Yine arama motorlarının temel aldığı, sitenizin içeriğini oluşturan kelimelerin bulunduğu etiket.
Kullanımı : <META name=”keywords” content=”kelime1 kelime2 kelime3 kelime4 kelime5″>
Language:
Tanım : Sitenizin varsayılan dilini belirten etiket.
Kullanımı : <meta http-equiv=”content-language” content=”tr”>
Revisit-After Tag:
Tanım : Arama motorlarına, sitenin içeriğinin kaç günde bir güncellendiğini ileten etiket.
Kullanımı : <meta name=”revisit-after” content=”7 days”>
Refresh:
Tanım : Belli aralıklarla sayfanın yeilenmesini sağlayan etiket. Örnekteki 60, sayfanın 60 saniyede bir yenileneceğini belirtir.
Kullanımı : <meta http-equiv=”refresh” content=”60″>
Redirect:
Tanım : Sayfanın, belli bir zaman sonra başka bir sayfaya yönlenmesini sağlar. Örnekte, sayfa 2 saniye sonra başka bir sayfaya yönlenir.
Kullanımı : <meta http-equiv=”refresh” content=”2;url=http://www.mydesign.gen.tr”>
Robots:
Tanım : Arama motoru robotlarının, site içerisindeki linkleri takip edip etmeyeceklerini gösteren etikettir.
Kullanımları :
<meta name=”robots” content=”none”>
<meta name=”robots” content=”index,follow”>
<meta name=”robots” content=”noindex,follow”>
<meta name=”robots” content=”index,nofollow”>
<meta name=”robots” content=”noindex,nofollow”>
Character;
Kullanımı : <meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859″>
sayfanın karakter kodlamasını belirtebilirsiniz. Bu kod, sayfanızdaki Türkçe karakterlerin düzgün görünmesini sağlar.
Not:
Ayrıca XHTML standartlarına göre, meta etiketleri > ile değil /> ile kapatılır.
Örnek: <meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859″ />
Sonraki Ders : Body Etiketi ve Biçimlendirme etiketleri .. Kolay gelsin..
Eğitim ve teknoloji haberlerini, ilginç ve önemli bilgileri, kendimi geliştirdiğim alanlardaki öğrendiğim tecrübelerimi blogumda paylaşıyorum. Öğrenmekten ve paylaşmaktan zevk alıyorum.İnandığım bir şey var ki istisnalar hariç, hiçbir şey imkansız değildir. Mucizeler için zaman gerekir! Bu benim yaşam felsefem.
Yorumlar
0
İlk yorumu yazmak ister misin?
Son Yorumlar..