HTML İskeleti Kullanmak
İskelet , bir organizmanın destekleyici çerçevesidir.
Daha savunmasız bir vücudu korumak için genellikle sert bir şeyden yapılır.
Ansiklopedi
Her Web geliştiricisinin bir HTML iskeleti olmalıdır.
Cebinde bulundurulmalı ve her iş için kullanılmalıdır:
Örnek
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>Page Title</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="">
<style>
</style>
<script src=""></script>
<body>
<img src="img_la.jpg" alt="LA" style="width:100%">
<div class="">
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</div>
</body>
</html>
Nasıl çalıştığını görmek için "Kendiniz Deneyin" düğmesine tıklayın!
"Bu Bir Başlık" metnini "Bu Benim Düğünüm" olarak değiştirmeyi deneyin.
Onu sen mi yaptın?
Tebrikler! Artık HTML'yi nasıl düzenleyeceğinizi biliyorsunuz.
HTML İskeleti Açıklaması
DOCTYPE mevcut olmalıdır. Tarayıcıya bunun bir HTML belgesi olduğunu bildirir:
<!DOCTYPE html>
Bir html başlangıç etiketi ve bir html bitiş etiketi, bir HTML belgesinin başlangıcını ve sonunu tanımlar.
Dil İngilizcedir:
<html lang="en">
</html>
Bir meta karakter kümesi etiketi, karakter kümesini (UTF-8) tanımlar:
HTML sayfasında head etiketleri eksik. HTML'de head etiketlerine gerek yoktur.
HTML'de body etiketinden önceki her şey head'in bir parçası olarak kabul edilir.
<meta charset="UTF-8">
HTML standardı, uygun bir sayfa başlığı gerektirir:
<title>Page Title</title>
Meta görünüm etiketi, sayfanın tüm ekran boyutlarında (Dizüstü, Mobil) iyi görünmesini sağlar:
<meta name="viewport" content="width=device-width,initial-scale=1">
Bağlantı etiketi bir stil sayfasına bağlanır:
<link rel="stylesheet" href="name">
Başlangıç etiketi ve bitiş etiketi gelecekteki CSS stilini çevreler:
<style>
</style>
Komut dosyası etiketi bir komut dosyasına bağlanır:
<script src="name"></script>
Başlangıç etiketi ve bitiş etiketi, HTML belgesinin görünür gövdesini çevreler:
<body>
</body>
Resim etiketleri HTML resimlerini tanımlar:
<img src="img_la.jpg" alt="LA" style="width:100%">
HTML bölümlerini div öğelerinde "paketlemeyi" alışkanlık haline getirin.
Her bölüme bir sınıf adı vermeye kendinizi hazırlayın:
<div class="class name">
</div>
Başlık etiketleri HTML başlıklarını tanımlar:
<h1>This is a Heading</h1>
Paragraf etiketleri HTML paragraflarını tanımlar:
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>