HTML (Hypertext Markup Language), web sayfalarının temel yapı taşıdır ve içeriklerin düzenlenmesi, yapılandırılması için kullanılan bir işaretleme dilidir. İnternet üzerinde gezinirken karşımıza çıkan hemen hemen her web sayfası HTML kodları içerir. İşte en çok kullanılan HTML kodlarından bazıları:
<!DOCTYPE html>
: HTML5 standardını belirtir ve tarayıcıya hangi HTML sürümünü kullanması gerektiğini söyler. Genellikle HTML belgesinin başında bulunur.html
<html>
: HTML belgesinin başlangıcını ve sonunu belirtir. Tüm HTML kodları bu etiketler arasında yer alır.html<html>
<!-- HTML kodları buraya gelecek -->
</html>
<head>
: Web sayfasının başlık, meta bilgileri gibi başlık kısmını içerir.html<head>
<!-- Başlık ve meta bilgileri buraya gelecek -->
</head>
<title>
: Web sayfasının başlığını belirtir, tarayıcı sekmesinde görünen metni ifade eder.html<title>Web Sayfası Başlığı</title>
<body>
: Web sayfasının ana içeriğini içerir.html<body>
<!-- Sayfa içeriği buraya gelecek -->
</body>
<h1>, <h2>, ..., <h6>
: Başlık etiketleri. Sayfa başlıklarını belirtir,<h1>
en yüksek düzeyde başlığı ifade eder.html<h1>Başlık 1</h1>
<h2>Başlık 2</h2>
<!-- ... -->
<h6>Başlık 6</h6>
<p>
: Paragraf etiketi. Metinleri paragraf olarak düzenler.html<p>Bu bir paragraf metnidir.</p>
<a>
: Bağlantı etiketi. Diğer sayfalara veya kaynaklara bağlantılar oluşturur.html<a href="https://www.ornek.com">Örnek Bağlantı</a>
<img>
: Resim etiketi. Sayfada resimleri göstermek için kullanılır.html<img src="resim.jpg" alt="Resim Açıklaması">
<ul>, <ol>, <li>
: Sırasız liste (<ul>
), sıralı liste (<ol>
) ve liste elemanları (<li>
) etiketleri.html<ul>
<li>Madde 1</li>
<li>Madde 2</li>
<!-- ... -->
</ul><ol>
<li>Madde 1</li>
<li>Madde 2</li>
<!-- ... -->
</ol>
Bu HTML kodları, web sayfalarını düzenlemenin temelini oluşturur. Sayfa başlıkları, metin paragrafları, bağlantılar, resimler ve listeler gibi öğeler, web geliştirme sürecinde sıklıkla kullanılır. Bu temel kodlarla başlayarak, CSS (Cascading Style Sheets) ve JavaScript gibi teknolojilerle birleştirilerek daha karmaşık ve etkileşimli web sayfaları oluşturmak mümkündür.
Daha Fazla Oku
502 Bad Gateway Nedir?
Webmaster Konuları: Başarılı Bir Web Sitesi İçin Kesin Stratejiler
Webmaster Forumları: Bilgi Paylaşımının Gücü