HTML Temel Etiketleri

by H. ÇELİK · Published 26 Ekim 2017 · Updated 26 Ekim 2017

htmltemeletiketleri

HTML KOMUT YAPISI

Html komutları etiketlerden (tag) oluşur. Html komutları yazılırken aşağıdaki kurallara dikkat edilmesi gerekir;

Komutlar “<” ve “>” işaretleri arasına yazılır.
- <etiketadi>……</etiketadi>, <tag>…..</tag>
Açılan bir etiket kapatılmalıdır. İlk açılan etiket en son kapatılır ve etiketi kapatma sırasında “/” işareti unutulmamalıdır.
Html komutları büyük küçük harf duyarlı değildir.
- <body>….</BODY> veya <Html>….</html>
Türkçe karakterler kullanılmamalıdır. (ş, ç, ö, ü, ı, ğ)

Örnek html yazımı;

<html>
   <head>
      <title> … </title>
   </head>
   <body>
          … içerik …
   </body>
</html>

<html>

<head>

</head>

<body>

… içerik …

</body>

</html>

<html>

Html sayfaları, <html> etiketiyle başlar </html> etiketiyle sonlandırılır.

Yorum aralığında <head> ve <body> etiketleri kullanılır.

<html>
   <head>
          … head etiketinin yorum aralığı …
   </head>
   <body>
          … body etiketinin yorum aralığı …
   </body>
</html>

<html>

<head>

… head etiketinin yorum aralığı …

</head>

<body>

… body etiketinin yorum aralığı …

</body>

</html>

<head>

Html sayfası hakkında bilgilerin bulunduğu etikettir.

Yorum aralığında <script>, <style>, <meta>, <link>, <object>, <base> etiketleri kullanılır.

<html>
   <head>
      <title> …… </title>
      <meta>
         …
         …
      </meta>
   </head>
</html>

<html>

<head>

<meta>

…

</meta>

</head>

</html>

<body>

Html sayfasının tüm içeriğinin yer aldığı etikettir.

Bu bölümde yer alan içeriğin tümü tarayıcıda görüntülenir.

<body> etiketiyle kullanılabilecek parametreler;

text: sayfadaki yazı rengi
link, alink, vlink: köprü rengi, aktif köprü rengi, ziyaret edilmiş köprü rengi
bgcolor, background: sayfa arkaplan rengi, arkaplan resmi
topmargin, leftmargin, rightmargin: sayfadaki bileşenlerin üst, sol ve sağ kenara uzaklıkları
onload, onunload: sayfa yüklenirken ve başka sayfa geçerken çalıştırılacak betik

<body text="#000000" link="#FFFFFF" bgcolor="#808080" >
<body text="navy"  background="resim.jpg" >
<body bgcolor="334455"  topmargin ="0" >

<title>

Html sayfalarının başlık bilgisi bu etiket altında yer alır. <head> etiketi yorum aralığında kullanılmak zorundadır.

<head>
   <title> Sayfa Başlığı </title>
</head>

<head>

<title> Sayfa Başlığı </title>

</head>

LİSTELEME ETİKETLERİ

<ol>, <ul>, <li>

Sıralı liste oluşturmak için <ol> etiketi kullanılır. Sırasız liste oluşturmak için <ul> etiketi kullanılır. <li> etiketi liste öğelerini yazmak için kullanılır.

listeetiketleri1