HTML TEMPLATE BASICS
HTML، یا HyperText Markup Language، زبانی است که برای ساخت وب‌سایت‌ها و صفحات وب استفاده می‌شود. در واقع، هر وبسایت به یک ساختار اصلی نیاز دارد و قالب HTML این ساختار را به ما می‌دهد. بیایید به اجزا و نحوه‌ی استفاده از یک نمونه قالب HTML بپردازیم.
سازماندهی قالب
یک قالب HTML معمولی شامل چند بخش اصلی است:
- DOCTYPE: در ابتدای هر فایل HTML، باید نوع سند مشخص شود. این خط به مرورگر می‌گوید که با چه نوع سندی سر و کار دارد. به عنوان مثال:
```html
<!DOCTYPE html>
```
- تگ HTML: این تگ حاوی تمام محتوای HTML است.
```html
<html lang="fa">
```
- تگ HEAD: در این بخش، اطلاعات متادیتا، مثل عنوان صفحه و لینک‌ها به CSS و جاوا اسکریپت گنجانده می‌شوند.
```html
<head>
<meta charset="UTF-8">
<title>عنوان صفحه</title>
<link rel="stylesheet" href="styles.css">
</head>
```
- تگ BODY: محتوای اصلی صفحه، شامل متن، تصاویر و ویدیوها، در این بخش قرار می‌گیرد.
```html
<body>
<h1>سلام دنیا!</h1>
<p>این یک پاراگراف ساده است.</p>
</body>
```
- تگ FOOTER: این بخش معمولاً شامل اطلاعات مربوط به حق‌نشر و لینک‌های اجتماعی است.
```html
<footer>
<p>تمامی حقوق محفوظ است.</p>
</footer>
```
نمونه کامل
در اینجا یک نمونه کامل از قالب HTML ارائه می‌شود:
```html
<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="UTF-8">
<title>نمونه قالب HTML</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h1>خوش آمدید به وبسایت ما</h1>
</header>
<main>
<section>
<h2>درباره ما</h2>
<p>ما یک گروه متعهد به ارائه بهترین خدمات هستیم.</p>
</section>
</main>
<footer>
<p>تمامی حقوق محفوظ است © 2023</p>
</footer>
</body>
</html>
```
نتیجه‌گیری
در نهایت، قالب HTML یک ساختار اساسی است که به ما اجازه می‌دهد تا محتوای وبسایت خود را به شیوه‌ای منظم و قابل فهم برای مرورگرها ارائه دهیم. استفاده از این قالب می‌تواند به ایجاد وب‌سایت‌های زیبا و کاربرپسند کمک کند.
