Yeni Başlayanlar İçin En Basit Haliyle HTML Nedir?- En Temel HTML Etiketleri

0
1036

Yeni Başlayanlar İçin HTML

HTML Nedir?

Html web sayfaları oluşturulurken kullanılan işaretleme dilidir. Sıklıkla kullandığımız web tarayıcıları (Internet Explorer,  Google Chrome, Firefox vs.) bu kodları algılayarak, web sayfalarındaki o görsel haline dönüştürürler. Html’i programlama dili olarak düşünmek katiyetle yanlıştır, çünkü bir programlama dili değildir.

Bu kodlama dili temel haliyle;

  • yazılar, görseller ve video öğelerini sayfa içersinde yerleştirme ve konumlandırabilme,
  • oluşturulan sayfaların tarayıcılarda düzgün şekilde görüntülenebilmesi,
  • arama motorlarına(Google, Yandex vs.) sayfalar hakkında bilgi vermek

gibi başlıca işlemleri gerçekleştirebilmektedir.

Html kullanarak web sayfası yapabilmek için bilgisayarınıza herhangi bir uygulama, program yüklemenize hacet yoktur. Not defterinde, office word  veya wordpad  gibi herhangi bir metin editöründe  html sayfaları oluşturabilirsiniz. Naçizane tavsiye işi kolaylaştırmak istiyorsanız; Atom, Dreamweaver, Notepad++ veya Sublime Text gibi programları kullanabilirsiniz. Bu programları kullanmanız ve elinizi alıştırmanız kod yazım sürecinizi kat kat hızlandıracaktır.

Metin editöründe ya da programınızda hazırladığınız html kod sayfanızı html, htm, xhtml gibi uzantılarla kaydetmelisiniz. Tarayıcıların anlayabilmesi için.

Siz de kullandığınız programı yahut not defterinizi açıp aşağıdaki kodları yazabilirsiniz.

Dosya’yı kaydet tuşuna bastıktan sonra, kaydetmiş olduğunuz klasöre gidip .html uzantılı dosyanıza tıklayın.

Yazdığınız kod sayfası varsayılan web tarayıcınız ile çalışır ve böylelikle ilk web sayfanızı karşınızda göreceksiniz.

HTML ile  Kod Yazarken Mutlaka Dikkat Edilmesi Gerekenler

  • Büyüktür <…>işareti içerisine yazılan kodlara ‘tag’ (etiket) adı verilir. Örneğin; <html> <title> <head> <body> vs.
  • Etiketler <..> şeklinde açılır ve etiketi kapatmak için kesme / işareti kullanılır </..> bu şekilde.
  • Html kodları yazılırken Türkçe karakterler kullanılmaz. Şayet yazarsanız web tarayıcıları hata verir.
  • Etiketler büyük ya da küçük harfle yazılır. Ancak genel kabul küçük harf kullanımıdır.

En Temel HTML Etiketleri

Yukarıdaki işlemlerde bir çok tag kullandık ve bunların ne anlama geldiğini kısaca şu şekilde açıklayabiliriz:

Html: Bu etiket diğer tüm etiketlerin en dışında(kapsayacak şekilde)dir. Yani kodlama yapılacağını belirten ve sayfanın başında açılıp sonunda kapatılan bir etikettir.

<html>.….

           ……

           ……

</html>

Head: Hazırladığımız sayfanın adıdır diyebiliriz. Bu kodlar web sayfasında görüntülenmezler , sekme adında görebilmeniz mümkün.

Head etiketinin içerisinde <title> etiketi kullanılır. Ve Title da web sayfasının başlığı  yani o sekmede gördüğünüz, görmek istediğiniz  addır. Birlikte yaptığımız sayfanızın web üst sekmesinde ‘Merhabalar’ yazısını görebilirsiniz.

Body: Bu etiket ziyaretçinin göreceği yani sayfanın tüm içeriğinin bulunduğu kısımdır. Kullanılacağınız etiketlerin bir çoğunu bu body etiketinin içerisinde yazacaksınız.

CEVAP VER

Please enter your comment!
Please enter your name here