Herkese merhabalar,

Bu yazımda sizlere HTML’den, nerede kullanıldığından ve sıklıkla karşımıza çıkacak temel terimlerinden bahsedeceğim.

Açılımı “Hyper Text Markup Language (Hiper Metin İşaretleme Dili)” olan HTML, açılımından da anlaşılacağı üzere aslında bir programlama dili değil, bir işaretleme dilidir. Aradaki farkı özetleyecek olursak; işaretleme dillerinde yazılan kodlar, programlama dillerinin aksine çalıştırılabilir bir komut dosyası oluşturmaz. Bunun yerine Chrome, Firefox gibi tarayıcılar bu kodları işler ve bir web sayfası haline getirir. Bu sebeple de HTML kodlarının yazımı için herhangi bir programa ihtiyaç duyulmaz.

HTML’i tek başına, bir web sayfasının ana hatlarını (yazı, resim, başlık vb.) oluşturmak için kullanırız. HTML ile birlikte görsel açıdan daha tatmin edici bir web sayfası oluşturmak istenilirse daha tasarım odaklı bir işaretleme dili olan CSS kullanırız.

HTML Nasıl Çalışır?

Herhangi bir web tarayıcısı üzerinden görüntüleyebileceğimiz HTML belgeleri, “.html” veya “.htm” uzantılarıyla biter. Tarayıcı bu belgeleri okur ve okuyucuların görüntüleyebileceği şekilde web sayfasına işler.

Çoğu web sitesinin içeriğine göre ayrılan birden fazla HTML sayfası bulunur. (Örn: Sitenin ana sayfası, iletişim sayfası vb.)

HTML’in temeli, basit kod yapıları olan etiketler ve niteliklere dayanır.

Etiketler (Tag’ler)

Etiketler, sayfanın düzenini oluşturan temel yapı taşlarıdır ve “<tag>” şeklinde ifade edilirler. Ayrıca yazdığımız HTML kodlarının web sayfasındaki karşılığını etiketler aracılığıyla belirleriz. Başlık, paragraf, resim, bağlantı gibi içeriklerin eklenmesi ve bunlar arasındaki düzeni etiketler sayesinde oluştururuz.

Kod gözetmeksizin kullanılan herhangi bir etiket, “<etiket>” şeklinde yazılmalıdır. Açılan etiketin işlenebilmesi için içerik yazıldıktan sonra “</etiket>” ifadesiyle kapatılması gerekir. Örneğin:

Sık Kullanılan HTML Etiketleri

  • <!DOCTYPE html>

Bir HTML belgesi oluşturmaya bu kod ile başlarız. Bu kod, belgenin HTML 5 formatında kodlandığını belirtir.


  • <html>...</html>

Web sitesinin tüm kodlarını kapsayan etikettir. Bir nevi tarayıcılara belgenin bir HTML dokümanı olduğunu söyler. Tüm kodlar, bu iki etiket arasında tanımlanır.


  • <head>...</head>

Web sayfasının başlığı, yazarı, dili ve içeriği gibi temel düzenlemelerinin belirtildiği etikettir.


  • <title>...</title>

Sitenin ve aynı zamanda dosyanın başlığını belirler. Bu sebeple <head> etiketi içerisine yazılması zorunludur.


  • <body>...</body>

Sayfanın gövdesini oluşturan etikettir. Paragraflar, resimler, bağlantılar gibi sayfanın geri kalan tüm içeriğini kapsar.


  • <h1>...</h1>

Genellikle başlıklar için kullanılan bu etiket, sitedeki yazıları boyutlandırır. Boyutlar küçükten büyüğe olmak üzere h1’den h6’ya kadardır.


  • <p>...</p>

Paragrafları tanımlamak için kullanılan etikettir. Uzun metinler bu etiketler arasına yazılmalıdır.


  • <br>

Yazıda bir alt satıra geçmeyi sağlayan etikettir.  İki cümle arasına yazıldığında, ikinci cümleyi alt satıra geçirir. Bu etiket kapatılmaz.

Nitelikler

Her zaman açılış etiketine yazılan nitelikler, bir etiket ile ilgili ek bilgi girişini sağlar ve isim=”değer” şeklinde gösterilirler. Örneğin, sitemize resim eklemeyi sağlayan <img> etiketini kullanırken resmin nereden ekleneceğini “src” niteliği ile belirtiriz:

<img src="ornekresim.png"></img>

Aynı şekilde sitemize bağlantı eklememizi sağlayan <a> etiketiyle birlikte, yönlendirilmesi istenen bağlantıyı belirtmek için “href” niteliğini kullanırız.

<a href="https://www.cevher.org">

Bu yazımda sizlere HTML hakkında bazı temel bilgiler edindirmeye çalıştım. Okuduğunuz için teşekkür ederim, bir sonraki yazıda buluşmak dileğiyle…

Görüntülenme Sayısı:
38 görüntülenmeler