HTML Nedir?
Web tasarımına ilk adım attığım zamanı hatırlıyorum; herkes bana HTML öğrenmeden hiçbir yere gidilemeyeceğini söylüyordu. O dönem bana çok yabancı gelmişti. Zamanla fark ettim ki, HTML aslında internette gördüğümüz neredeyse her sayfanın temel yapı taşıymış.
En basit hâliyle HTML, bir web sayfasının iskeletini oluşturan işaretleme dilidir. Bir web sitesine girdiğinizde gördüğünüz metinler, başlıklar, görseller, tablolar, butonlar… hepsi HTML etiketi sayesinde orada duruyor.
HTML'in Temel Yapısı
HTML’in yapısı ilk başta karmaşık görünse de aslında mantığı çok basit. Bir belgenin içinde açılan ve kapanan etiketler var. İç içe yazıldıkça sayfa da şekillenmeye başlıyor.
Ben HTML öğrenirken önce kafama şöyle yerleştirdim: HTML bir şehrin temel binaları gibi, CSS ise bu binaları boyayan ve süsleyen şey. JavaScript ise şehrin içinde hareket yaratan kısım.
HTML tarafında ise temel yapı genelde şu şekilde olur:
Bir başlangıç etiketi, bir bitiş etiketi
Etiketlerin içine yazılan içerik
Bazı etiketlerin nitelikleri (attributes)
Böyle düşününce kod satırlarının çok daha kolay okunduğunu fark ettim.
HTML Ne İşe Yarar?
Bir web sitesinin şablonunu oluşturur diyebilirim. İçerik nereye gelecek, hangi yazı başlık olacak, hangi görsel ortada duracak, tablo nasıl düzenlenecek… hepsi HTML ile belirlenir.
HTML kullanmadan bir web sayfası oluşturmak neredeyse imkânsız. Evet, bazı görsel araçlar var; sürükle-bırak mantığıyla çalışan uygulamalar. Ancak hepsinin arka tarafında yine HTML kodu üretiliyor.
Ben çocuklara HTML öğretirken genellikle bir paragrafın ekrana düşmesini sağlayan basit bir örnek yazdırıyorum. Bir satır kod yazıp “buna basınca ekran gerçekten değişiyor” hissi bence her şeyin başlangıcı.
HTML Bir Programlama Dili midir?
Bu konuyla ilgili çok soru geliyor. “Hocam HTML programlama dili mi?” diye. Açık söyleyeyim; benim de ilk yıllarda kafamı karıştıran bir soruydu.
HTML bir programlama dili değildir. Çünkü HTML ile hesaplama yapamazsın, döngü kuramazsın, koşul yazamazsın. Yani HTML, sadece yapıyı tarif eden bir işaretleme (markup) dilidir.
Bir anlamda web sayfasını inşa etmek için kullanacağın tuğlalar gibi. Programlama dili ise işin aklını düzenleyen kısımdır. HTML olmadan yapı olmaz, programlama dili olmadan ise o yapı hareket etmez.
HTML Nerelerde Kullanılır?
HTML’in kullanım alanları tahmin edilenden çok daha geniş. Sadece devasa web siteleri değil, küçük kişisel bloglardan online mağazalara, portfolyo sitelerinden büyük kurumsal platformlara kadar her yerde karşımıza çıkar.
Ben özellikle şu alanlarda sıkça HTML kullanıyorum:
Web sitelerinin temel iskeletini oluştururken
E-mail şablonları hazırlarke
Basit prototip çalışmalarında
Öğrencilere web'in mantığını anlatırken
Bazen sadece HTML kullanarak bile hafif bir sayfa oluşturmak mümkün. CSS ve JavaScript ekledikçe sayfa daha modern ve etkileşimli hale geliyor.
HTML Yazarken Nelere Dikkat Edilmelidir?
HTML yazarken özellikle ilk yıllarda yaptığım bazı hatalar bana çok şey öğretti. Mesela etiketleri kapatmayı unutmak… Bunun yüzünden ekrandaki tüm düzen bozulabiliyor.
Birkaç önemli noktayı kendi deneyimlerimden öğrendim:
Etiketleri doğru kapatmak çok önemli.
Kodları iç içe doğru şekilde yazmak gerekiyor; aksi halde sayfa karışıyor.
Anlamlı sınıf ve id isimleri vermek ileride çok iş kolaylaştırıyor.
Gereksiz etiket kullanımı sayfayı şişiriyor.
Bir HTML belgesine mutlaka doğru başlangıç yapısı eklenmeli.
Bu basit gibi görünen şeyler, özellikle büyük projelerde hayat kurtarıyor.
En Çok Kullanılan HTML Kodları Hangileridir?
HTML’in yüzlerce etiketi var ama bazıları o kadar sık kullanılıyor ki, neredeyse ezbere çıkıyor. Mesela bir paragraf yazmak için kullanılan <p> etiketi… Bir başlık için <h1> ile <h6> arası etiketler…
En sık kullandığım etiketlerden bazıları şöyle:
<html> : Sayfanın tamamını kapsar.
<head> : Sayfa hakkında bilgi veren bölüm.
<body> : Görünen tüm içerik burada.
<h1>-<h6> : Başlık yapıları.
<p> : Paragraf.
<a> : Bağlantı (link) eklemek için.
<img> : Görsel eklemek için.
<div> : Sayfayı bölümlere ayırmak için.
<ul> ve <li> : Listeler oluşturmak için.
Bu etiketleri ne kadar çok kullanırsam, HTML’in aslında ne kadar düzenli bir yapı sunduğunu o kadar fark ediyorum.
0 Yorum