Bir HTML sayfası şablonu hazırlamak için genellikle aşağıdaki temel yapıyı kullanabilirsiniz. Bu örnek, genel bir HTML belgesinin başlıca bileşenlerini içerir:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Web Sitenizin Başlığı</title>
<!-- Ek CSS bağlantıları buraya eklenebilir -->
<style>
/* CSS stil kuralları buraya eklenebilir */
body {
font-family: 'Arial', sans-serif;
line-height: 1.6;
margin: 0;
padding: 0;
background-color: #f4f4f4;
color: #333;
}
/* Diğer stil kuralları buraya eklenebilir */
</style>
</head>
<body>
<header>
<h1>Web Sitenizin Başlığı</h1>
<p>Web sitenizin kısa açıklaması veya sloganı</p>
</header>
<nav>
<ul>
<li><a href="#anasayfa">Ana Sayfa</a></li>
<li><a href="#hakkimizda">Hakkımızda</a></li>
<li><a href="#hizmetler">Hizmetler</a></li>
<li><a href="#iletisim">İletişim</a></li>
</ul>
</nav>
<section id="anasayfa">
<h2>Ana Sayfa</h2>
<p>Hoş geldiniz! Web sitenizin ana sayfasına hoş geldiniz.</p>
</section>
<section id="hakkimizda">
<h2>Hakkımızda</h2>
<p>Web sitenizin kısa hakkında bilgiler burada yer alabilir.</p>
</section>
<section id="hizmetler">
<h2>Hizmetler</h2>
<p>Web sitenizin sunmuş olduğu hizmetlere dair bilgiler burada olabilir.</p>
</section>
<section id="iletisim">
<h2>İletişim</h2>
<p>Bizimle iletişime geçmek için aşağıdaki bilgileri kullanabilirsiniz.</p>
</section>
<footer>
<p>© 2024 Web Sitenizin Adı</p>
</footer>
<!-- Ek JavaScript bağlantıları ve kodları buraya eklenebilir -->
<script>
// JavaScript kodları buraya eklenebilir
</script>
</body>
</html>
Bu temel şablon, sayfa başlığı, menü, ana içerik alanları ve footer içerir. Bu örneği kullanarak, kendi sitenizin ihtiyaçlarına uyacak şekilde özelleştirebilirsiniz. CSS stil kuralları, sayfanızın genel görünümünü düzenlemek için kullanılırken, JavaScript kodları sayfanızın etkileşimli özelliklerini eklemek için kullanılabilir.