Tekrar merhabalar. İkinci HTML makalemizde etiketleri biraz daha yakından tanıyacak ve bazı örnek internet sayfacıkları yapacağız. İlk dersimizde bir HTML sayfasının temel bileşenlerini tanımış ve alttaki resimde görülen örnekle makaleyi sonlandırmıştık.

Etiketler

Şimdi etiketlerle ilgili bilmemiz gerekenleri sıralayalım:

  • Daha önce de belirttiğim gibi HTML etiketleri, HTML öğelerini işaretlemek için kullanılır.
  • HTML etiketleri şu iki karakter arasına yazılır:
    HTML:
    1. <

    ve

    HTML:
    1. >

  • Etiketler genelde çiftler halindedir.
    HTML:

    ve

    HTML:
    1. </b>

    gibi...

  • Bu çiftlerden ilki başlangıç, ikincisi sonlandırma etiketi olarak adlandırılabilir.
  • Başlangıç ve sonlandırma etiketleri arasında ise öğe içeriği bulunur.
  • HTML etiketlerinde büyük-küçük harf aynı anlamdadır. Yani
    HTML:
    1. hem <b> hem de <B>

    aynı etiketi ifade eder.

Bunu bir örnekle pekiştirmeye çalışalım...

HTML:
  1. <i>Bu yazı italiktir</i>

Burada HTML öğesi

HTML:

başlangıç etiketiyle başlıyor.
HTML öğesinin içeriği: Bu yazı italiktir
Öğemiz

HTML:
  1. </i>

sonlandırma etiketiyle bitiyor.

Not: Etiketler genelde küçük harfle kullanılmaktadır.

Etiket Özellikleri

Etiketler sadece "küçüktür, büyüktür ve bölü" işaretlerinden oluşan basit öğeler değildir. Her etiketin ayrıca özellikleri vardır. Örneğin ilk derste kullandığımız

HTML:

etiketinin bgcolor="red" şeklindeki etiketi sayfanın arka plan renginin kırmızı olmasını sağlar. Örnek kod ve ekran görüntüsü şu şekildedir. (İlk dersteki yönergeleri izleyerek siz de resimdeki sayfayı oluşturabilirsiniz)

HTML:
  1. <head><title>Sayfa Rengi</title></head>
  2. <body bgcolor="red">Kırmızı</body>
  3. </html>

Etiketlerle ilgili temel olarak bilmemiz gerekenler bu kadar. Sonraki makalelerde her bir etiketin özelliklerini derinlemesine inceleyeceğim. Bir dahaki makalede başlık (heading), paragraf, satır çizgisi (line break) etiketlerini ve HTML'de yorumların nasıl yazılacağını anlatmaya çalışacağım.

Sağlıcakla kalın...


Benzer Yazılar

  • Benzer yazı bulunamadı!