HTML Ders2 Temel Etiketler

Merhaba arkadaşlar 🙂  bu yazımda size html de kullanacağımız temel etiketlerden bir kaçı hakkında bilgi vereceğim.  Bir internet sayfasını açtığımızda ilk olarak html de ilk satır olan                 “ <html> “ etiketi ele alınır.  Daha sonrasında ise bu etiketimizi  “ <head>  “  etiketi takip eder ve bu etiketin görevi bittiği zaman “ </head> “  şeklinde kapatılır. Sonrasında takip eden etiket ise  “ <body> “ etiketidir ve bu etiketinde görevi bittiğinde “ </body> “ şeklinde kapatılır. Son olarak ise html  “ </html>  “ şeklinde kapatılır.

Yukarıdaki anlatımım biraz karışık oldu bunun farkındayım arkadaşlar şimdi size “ <head> “ ve “ <body> “ etiketlerini açıkladığımda ve örnek yaptığımda daha iyi anlayacaksınız, endişelenmenize gerek yok 🙂

Şimdi arkadaşlar html de kod yazıyorken birçok etiketi iç içe kullanacağız ve bu etiketleri iç içe kullanıyorken uymamız gereken bir kaç kurallar var bunlar;

1-) Bir etiket  “ <1.etiket> “ şeklinde başlar ve “ </1.etiket> “ şeklinde kapatılır.

2-) En içteki etiketimiz den başlayarak sırasıyla etiketlerimizi kapatmamız gerekir.

3-) Kodun kolay okunabilirliği açısından eğer iç içe birden fazla etiket kullanırsak her içte açılan etiket için de biraz daha içeriden açılmalıdır. “ Bu kurala uyulmak zorunda değil aslında ama bence uyarsınız sizin için daha iyi olacaktır. ”

Buna örnek olarak;

 

<head> … </head> Etiketi

     Bu etiketin içerisinde yazılan bilgiler sayfada görülmez. Bu etikette genelde sayfamızın özellikleri bulunur. Bundan kastım sayfa başlığı( “ <title>” ), sayfadaki elemanların özellikleri                  (“ <styl> “), link özelliği vb. etiketler. Bu etiketin yorum aralığında “ <meta> “ etiketi de yer almaktadır. Bu etiket sayfamızı tarayıcı ya ve arama motorlarına tanıtmak için kullanırız. Bu etikette, içinde kullanılan başka etiketlerde vardır bunları araştırarak bulabilirsiniz arkadaşlar. Şimdi bir örnek yapalım;

İlk dersimizde de bahsettiğim gibi kodumuzu yazıp  “ ctrl +s “ ile kaydediyoruz ve ders2.html sayfamızı açıyoruz.

Sayfamızı açtığımızda boş olduğunu , <head> etiketi içerisinde yazdığımız bilgilerin sayfamızda görülmediğini gördük.

 

<body>  … </body> Etiketi

     Bu etiket içerisinde yazılan bilgiler sayfa içerisinde görülür. Html in tüm içeriğinin yani sayfanın gövdesinin yer aldığı bölümdür.  Tanımdan da anlayacağımız gibi geniş içerikli bir etikettir. Şimdi bir örnek yapalım 🙂

Burada <body> etiketi içerisinde yazdığımız bilgiler ders2 sayfamızda gözükecek.

<title> … >/title> Etiketi

     Bu ders için son olarak <title> etiketini işleyeceğiz arkadaşlar.  Yukarıda <head> etiketinde kullanmıştık zaten şimdi size ne işe yaradığını açıklayacağım. Bu etiketle web sayfamızın başlığını belirleriz. Bu etiketi <head> etiket içerisinde bir kez kullanabiliriz. <title> etiketi içerisinde büyüktür(>) ve küçüktür (<) işareti yerlerine sırasıyla “ &gt; ” ve “ &lt; “ kullanılır. Şimdi bir örnek yapalım 🙂

Evet, arkadaşlar bu dersimizin sonuna geldik. Umarım sizin için verimli geçmiştir :). Bir daha ki dersimizde görüşmek üzere 🙂 takip kalın 🙂

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir