Yeni Bir HTML Belgesi Nasıl Yapılandırılır
HTML (HyperText Markup Language), web içeriğinin omurgasıdır ve web sitelerinde görüntülenen bilgilere yapı sağlar. Her HTML belgesi, temel unsurları içeren temel bir yapıyı takip eder. Temel bileşenlere bakalım.
1. '<!DOCTYPE html>'
Bu bildirim, kullanılan HTML'nin belge türünü ve sürümünü tanımlar. Modern web sayfaları için '<!DOCTYPE html>' kullanımı gelenekseldir.
2. '<html>'
Kök eleman tüm HTML belgesini kapsar.
3. '<head>'
Başlık bölümü belgeyle ilgili başlık, karakter kümesi ve bağlantılı stil sayfaları gibi meta bilgileri içerir.
4. '<title>'
Bu öğe, tarayıcı sekmesinde veya penceresinde görünen HTML belgesinin başlığını belirler.
5. '<body>'
Body öğesi, metin, resimler, bağlantılar ve daha fazlasını içeren HTML belgesinin içeriğini içerir.
HTML Belgesi Örneği
Şimdi hepsini bir örnekte toplayalım:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My HTML Document</title>
</head>
<body>
<h1>Welcome to My Website</h1>
<p>This is a simple example of an HTML document.</p>
<img src="example.jpg" alt="An example image">
<a href="https://www.example.com">Visit Example.com</a>
</body>
</html>Bu örnekte "My HTML Document"'yi istediğiniz başlıkla değiştirin ve '<body>' içindeki içeriği buna göre ayarlayın. Bu temel yapıyı anlamak, iyi organize edilmiş, anlamsal olarak anlamlı web sayfaları oluşturmanın temelini oluşturur.
Bonus: Etiketlerin Kapatılması
Bir HTML sayfası oluştururken, sayfa akışı ve oluşturma sorunlarından kaçınmak için tüm etiketlerin düzgün şekilde kapatıldığından emin olmak önemlidir. Bu göreve yardımcı olmak amacıyla, HTML kodunuzdaki yapısal sorunları yakalamak için HTML Kapatılmamış Etiket Denetleyici Aracımızı kontrol edin.