Html Etiketleri – Html İle Web Sitesi Yapmaya Başla

Html Etiketleri

Bir önceki yazımda sizlereHTML NEDİR? adlı bir yazı yazmıştım. Bugün ise sizlere HTML etiketleri ve kodlama hakkında birkaç vereceğim.  Öncelikle kesinlikle korkmanıza gerek yok, oldukça basit ve de eğlenceli bir metin işaretleme dilidir.

İlk bilmemiz gereken şey her etiket, küçüktür işareti (<) ile başlayıp büyüktür işareti (>) ile kapanır.

HTML sayfasının temel etiketleri vardır ve bu etiketler olmadan HTML sayfası elde edemeyiz. Bu etiketler şunlardır; <html>, <head>, <title>, <meta>, <body>

html etiketi
html etiketi

 

Şimdi bu temel etiketlerimizi tek tek inceleyelim.

Html Etiketleri Nelerdir?

  • <html> etiketleri ;

  • Bu etiket kapanabilen bir etikettir. (</html>)
  • Tüm HTML kodları bu iki adet etiketin arasına yazılır. (Yani tüm HTML sayfaları <html> ile başlayıp </html> ile biter.)
  • Bu etiket olmadan diğer etiketlerin hiçbir anlamı olmaz.
  • <head> etiketleri;

  • Bu etiket kapanabilen bir etikettir. (</head>)
  • CSS ve JavaScript kodlarının yazıldığı bölümdür.
  • <title> etiketleri;



  • Bu etiket de diğer iki etiketimiz gibi kapanabilen bir etikettir.(</title>)
  • Web sitemizin başlığını tanımlamak için kullanırız.
  • Bu etiket mutlaka <head> </head> etiketleri arasında olmak zorundadır.
  • <meta> html etiketleri;

  • Bu etiketimiz de kapanabilir.(</meta>)
  • Bu meta bölüm oluşturduğunuz sayfa hakkında bilgi vermemizi içindir. Bu bilgiler arama motorlarına ve tarayıcılara iletilmesi içindir.
  • Her HTML sayfamızda bulunmalıdır.
  • Bu etiketimiz de <title> etiketi gibi sadece <head> </head> etiketleri arasında olabilir.
  • Kullandığımız en temel metalar şunlardır:

    1.meta-keywords:

  • Anahtar kelimeler gösterilir. (CSS, HTML, PHP, ASP gibi)

    2.meta-description:

  • İçerik hakkında bilgi verilir.

    3.meta-author:

  • Yazar bilgisi verilir.

    4.meta-robots:

  • Arama motorunun robotuna sitedeki içeriklerin karşısında nasıl davranacağını söyler.
meta-robots:
meta-robots:
  • <body> etiketi;

  • Bu etiketimiz de kapanabilir.(</body>)
  • Tüm HTML kod parçalarının yazdığımız bölümdür.
  • Bu alana yazmış olduğumuz tüm etiketler ekranımıza yansır.
  • Çalışmalarımızın genel bir bölümünü burada yapacağız. Yani HTML dosyamızın en önemli olan bölümü diyebiliriz.                                                                                                                                                                                                                                                                                                                                                                                                   Evet, sizlere temel etiketlerimizden bahsettim. Sırada diğer etiketlerimiz var. Yukarıda <body> etiketinin  bulunduğu kısım için, kodları yazdığımız bölüm dedik. Peki bu kod parçaları nelerdir?


  • <b> etiketi;

  • Yazılarımızı kalınlaştırmak için kullandığımız etikettir.
  • Kapanabilen bir etikettir. (</b>)

<b> etiketi

     

Görmüş olduğunuz gibi yazımız kalınlaşmıştır.


  • <strong> etiketi;

  • Bu etiketimiz de <b> etiketinde olduğu gibi yazıyı kalınlaştırmak için kullanılır.
  • Kapanabilen bir etikettir. (</strong>)
  • <strong>teknoactive</strong> şeklinde yazmamız gerekmektedir.
  • <br> html etiketleri ;

  • Bir satır aşağı inmemizi sağlayan etikettir.
  • Kapatılan bir etiket değildir.
<br> etiketi;

etiketi;

   

Görmüş olduğunuz gibi yazılarımız alt altadır. Eğer <br> etiketini kullanmasaydık yan yana olacaktı.

  • <u> etiketi;
  • Yazılarımızın altı çizili olmasını sağlar.
  • Kapatılabilen bir etikettir. (</u>)
<u> etiketi;
etiketi;

Görmüş olduğunuz gibi Yönetim Bilişim Sistemleri yazısını <u> etiketleri arasında yazdık ve tarayıcıda yazımızın altı çizili çıktı.

  • <i> etiketi;
  • Yazıları eğik yazmamızı sağlar.
  • Kapatılabilen bir etikettir. (</i>)
<i> etiketi;
etiketi;

                                                                           

Görmüş olduğunuz gibi <i> etiketini kullanarak eğik bir yazı elde ettik.

 

Font – Html Etiketleri 

  • Bu etiketimiz metnimizin rengini, yazı tipini ve yazı boyutunu ayarlamaktadır.
  • Kapatılabilen bir etikettir. (</font>)



  1. Font color parametresi: Bu kısım metnimizin yazısının hangi renk olacağına karar verdiğimiz bölümdür.
Font color parametresi
Font color parametresi

       

Color parametremizi açtıktan sonra tırnak işareti içerisinde bir renk yazıyoruz ve bu renk İngilizce olarak yazılmalıdır. Sizlere renk  kodlarından oluşan bir bağlantı paylaşacağım böylelikle daha rahat edeceksiniz.

 

  1. Font size parametresi: Bu kısım metnimizin yazı boyutunu belirlediğimiz bölümdür. Bu boyutları rakamlarla belirtiriz ve 1 ‘den 7’ ye kadar belirleyebiliriz.

    Font size parametresi
    Font size parametresi

 

  1. Font face parametresi: Metnimizin yazı stilini belirlediğimiz bölümdür.

 



html
html kodu

 

Bir cevap yazın

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