HTML Nedir?
HTML internette içerik yayınlamak için kullanılan bir işaretleme dilidir.
"Hyper Text Markup Language" kelimelerinin baş harflerinden oluşan bir kısaltmadır.
HTML çeşitli etiket ve etiketlere ait nitelikler kullanılarak web sayfaları hazırlamamıza yardımcı olur.
Etiket Nedir?
Web sayfası olarak yayınlamak istediğimiz içeriğin tarayıcıda nasıl görüntüleneceğini, etiket (tag) adı verilen çeşitli anahtar kelimeler ile işaretleyerek belirtiriz. HTML için işaretleme dili denilmesinin nedeni budur.
Örneğin, başlık yazmak istiyorsak, yazmak istediğimiz başlığı <h1> ve </h1> etiketleri arasında kalacak şekilde işaretleriz. Yani aşağıdaki şekilde:
Bu şekilde işaretlenen kelimeler web tarayıcı içerisinde aşağıdaki şekilde görüntülenir:
HTML etiketleri kullanarak hazırlanan sayfalarda etiketler arasında bırakılan boşluklar tarayıcı tarafından gözardı edilir. Yani:
şeklinde iki ayrı satıra yazılmış olan bir sayfa ile:
şeklinde arada boşluk olmadan yazılan bir sayfa tarayıcıda aynı görünecektir. Yani aşağıdaki şekilde:
Hemen hemen tüm etiketler, etiket çiftleri şeklinde yazılırlar. Yani <h1> etiketinin nerede bittiğini işaretlemek için ayrıca bir de </h1> etiketini kullanırız. Yukarıdaki örnekten yola çıkarsak <h1> ile </h1> arasında kalan metin ("HTML Öğreniyorum" ve "Sen de öğrenmek ister misin?" metinleri) başlık olacak demektir.
Ancak bunun istisnası olan etiketler de var. Bunlara boş etiket (empty tag) denir. Bu etiketlere örnek olarak, içeriğin yeni satırdan devam etmesini sağlayan <br/> etiketini gösterebiliriz. Bu tür etiketler çift olarak değil, tek olarak yazılırlar ve etiketin bitişine "/" eklenir.
Nitelik Nedir?
Nitelik, içerisinde kullanıldığı etikete çeşitli özellikler kazandıran anahtar kelimelerdir. Örneğin yukarıda yazdığımız başlığımızı sayfanın sağına yaslı bir biçimde görüntülemek istersek, başlık etiketine ait align niteliğini kullanmamız gerekir.
Bu şekilde yazılan bir başlık aşağıdaki şekilde görüntülenir.
Şimdilik etiket ve niteliklere takılmayın, yavaş yavaş hangi etiket ve nitelik ne işe yarar birlikte öğreneceğiz.
Hazırsanız başlayalım :)
"Hyper Text Markup Language" kelimelerinin baş harflerinden oluşan bir kısaltmadır.
HTML çeşitli etiket ve etiketlere ait nitelikler kullanılarak web sayfaları hazırlamamıza yardımcı olur.
Etiket Nedir?
Web sayfası olarak yayınlamak istediğimiz içeriğin tarayıcıda nasıl görüntüleneceğini, etiket (tag) adı verilen çeşitli anahtar kelimeler ile işaretleyerek belirtiriz. HTML için işaretleme dili denilmesinin nedeni budur.
Örneğin, başlık yazmak istiyorsak, yazmak istediğimiz başlığı <h1> ve </h1> etiketleri arasında kalacak şekilde işaretleriz. Yani aşağıdaki şekilde:
<h1>HTML Öğreniyorum</h1>
Bu şekilde işaretlenen kelimeler web tarayıcı içerisinde aşağıdaki şekilde görüntülenir:
HTML Öğreniyorum
HTML etiketleri kullanarak hazırlanan sayfalarda etiketler arasında bırakılan boşluklar tarayıcı tarafından gözardı edilir. Yani:
<h1>HTML Öğreniyorum</h1>
<h1>Sen de öğrenmek ister misin?</h1>
<h1>Sen de öğrenmek ister misin?</h1>
şeklinde iki ayrı satıra yazılmış olan bir sayfa ile:
<h1>HTML Öğreniyorum</h1><h1>Sen de öğrenmek ister
misin?</h1>
şeklinde arada boşluk olmadan yazılan bir sayfa tarayıcıda aynı görünecektir. Yani aşağıdaki şekilde:
HTML Öğreniyorum
Sen de öğrenmek ister misin?
Hemen hemen tüm etiketler, etiket çiftleri şeklinde yazılırlar. Yani <h1> etiketinin nerede bittiğini işaretlemek için ayrıca bir de </h1> etiketini kullanırız. Yukarıdaki örnekten yola çıkarsak <h1> ile </h1> arasında kalan metin ("HTML Öğreniyorum" ve "Sen de öğrenmek ister misin?" metinleri) başlık olacak demektir.
Ancak bunun istisnası olan etiketler de var. Bunlara boş etiket (empty tag) denir. Bu etiketlere örnek olarak, içeriğin yeni satırdan devam etmesini sağlayan <br/> etiketini gösterebiliriz. Bu tür etiketler çift olarak değil, tek olarak yazılırlar ve etiketin bitişine "/" eklenir.
Nitelik Nedir?
Nitelik, içerisinde kullanıldığı etikete çeşitli özellikler kazandıran anahtar kelimelerdir. Örneğin yukarıda yazdığımız başlığımızı sayfanın sağına yaslı bir biçimde görüntülemek istersek, başlık etiketine ait align niteliğini kullanmamız gerekir.
<h1 align="right">HTML Öğreniyorum</h1>
Bu şekilde yazılan bir başlık aşağıdaki şekilde görüntülenir.
HTML Öğreniyorum
Şimdilik etiket ve niteliklere takılmayın, yavaş yavaş hangi etiket ve nitelik ne işe yarar birlikte öğreneceğiz.
Hazırsanız başlayalım :)
| << Ana Sayfa << | >> Temel Etiketler >> |
Yorumlar
Yorum Gönder