مقدمه‌ای بر HTML
HTML یا زبان نشانه‌گذاری Hypertext، یکی از پایه‌ای‌ترین زبان‌ها برای ساخت و طراحی وب‌سایت‌هاست. این زبان به شما اجازه می‌دهد که محتوا را ساختاربندی کنید و به آن ویژگی‌های خاصی بدهید. این محتوا می‌تواند شامل متن، تصاویر، ویدئوها و لینک‌ها باشد. در اینجا، ما به بررسی یک نمونه سورس کد ساده HTML خواهیم پرداخت.
نمونه سورس کد HTML
```html
<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=
- 0">
</head>
<body>
<header>
<h1>خوش آمدید به وبسایت ما!</h1>
</header>
<nav>
<ul>
<li><a href="#home">خانه</a></li>
<li><a href="#about">درباره ما</a></li>
<li><a href="#contact">تماس با ما</a></li>
</ul>
</nav>
<section id="home">
<h2>خانه</h2>
<p>این یک نمونه از پاراگراف است.</p>
</section>
<section id="about">
<h2>درباره ما</h2>
<p>این بخش اطلاعاتی درباره ما را ارائه می‌دهد.</p>
</section>
<section id="contact">
<h2>تماس با ما</h2>
<p>می‌توانید از طریق ایمیل با ما در ارتباط باشید.</p>
</section>
<footer>
<p>© 2023 وبسایت ما. تمامی حقوق محفوظ است.</p>
</footer>
</body>
</html>
```
تفسیر اجزای سورس کد
در این مثال، ما شاهد چند بخش کلیدی هستیم:
- <!DOCTYPE html>: این خط به مرورگر می‌گوید که نوع سند HTML5 است.
- <html lang="fa">: این تگ مشخص می‌کند که زبان سند فارسی است.
- <head>: شامل متا دیتا، عنوان و لینک‌های CSS است. اینجا ما charset و viewport را مشخص کردیم.
- <body>: این بخش محتوا را شامل می‌شود. در اینجا، ما هدر، ناوبری، بخش‌های مختلف و فوتر را داریم.
نتیجه‌گیری
HTML به عنوان یکی از زبان‌های اساسی در طراحی وب، به شما امکان می‌دهد که صفحات وب زیبا و کاربردی ایجاد کنید. با استفاده از این ساختار ساده، شما می‌توانید به راحتی اطلاعات را سازماندهی کنید و تجربه کاربری بهتری برای بازدیدکنندگان فراهم کنید. یادگیری و تسلط بر HTML، قدمی مهم در مسیر توسعه وب است.
