HTML (Hypertext Markup Language), web sayfalarının iskeletini oluşturan ve internet ara yüzünün temelini atan bir işaretleme dilidir. HTML, web tarayıcılarına bir belgenin yapısını ve içeriğini anlatır; başlıklar, paragraflar, resimler, bağlantılar ve daha fazlası HTML ile tanımlanır.
HTML’in Önemi
HTML, internet dünyasının temel taşıdır. Bir web tarayıcısına bir sayfanın yapısını ve içeriğini anlatan kuralları tanımlar. Bu sayede tarayıcılar, kullanıcıların gördüğü web sitelerini oluşturur. Diğer teknolojilerle (CSS ve JavaScript gibi) birleştirildiğinde ise modern ve etkileşimli web sayfaları oluşturmak mümkün hale gelir.
HTML’in Temel Yapısı
HTML, etikete dayalı bir dildir ve her HTML belgesi şu temel yapıyı içerir:
<!DOCTYPE html>
<html>
<head>
<title>Web Sayfası Başlığı</title>
</head>
<body>
<h1>Merhaba Dünya!</h1>
<p>Bu, bir HTML sayfasının basit bir örneğidir.</p>
</body>
</html>
Bu basit kod örneği, bir web sayfasının temel yapısını gösterir. Şimdi parçaları inceleyelim:
- DOCTYPE bildirimi: Bu satır, belgenin HTML5 dilinde olduğunu belirtir.
- html etiketi: Tüm HTML belgesini saran kök etikettir.
- head etiketi: Sayfanın başlık ve meta verilerini içerir.
- body etiketi: Sayfanın görünen içerik kısmını tanımlar, başlıklar, paragraflar ve diğer unsurlar burada yer alır.
HTML’in Ana Elemanları
Bu bölümde HTML’in temel elemanlarından bahsedeceğim. Aşağıda bulacağınız elemanlar buzdağının sadece görünen kısmı!
Başlıklar (Headings):
Başlıklar, web sayfasının yapısını tanımlamak için kullanılır ve h1’den h6’ya kadar sıralanır.
Örnek: <h1>En Büyük Başlık</h1>
Paragraflar (Paragraphs):
Metin içeriklerini paragraflar halinde sunmak için kullanılır.
Örnek: <p>Bu bir paragraftır.</p>
Bağlantılar (Link):
Başka bir web sayfasına veya kaynağa bağlantı vermek için kullanılır.
Örnek: <a href="https://example.com">Bu bir bağlantıdır</a>
Resimler (Images):
Web sayfalarına görsel eklemek için kullanılır.
Örnek: <img src=”resim.jpg” alt=”Açıklama”>
Listeler (Lists):
Sıralı (<ol>) ve sırasız (<ul>) listeler oluşturmak için kullanılır.
Örnek:
<ul>
<li>Liste öğesi 1</li>
<li>Liste öğesi 2</li>
</ul>
Sonuç olarak HTML, web geliştirme dünyasına adım atmanın ilk basamağıdır. Temel HTML bilgisi, bir web sayfasının nasıl oluşturulacağını anlamanın anahtarıdır. Oldukça basit bir dil gibi görünse de, internetin temelini oluşturan bu teknolojiyi unutmamak gerekir.
Siz de HTML öğrenmeye başlamak için birkaç basit örnekle denemeler yapabilir ve web geliştirme yolculuğuna ilk adımı atabilirsiniz!
Yorumlar