توضیح عناصر کلیدی

در اینجا یک مثال ساده از HTML آورده شده است که ساختار اصلی یک سند HTML را شامل هدر، پاراگراف، لیست و یک لینک نشان می‌دهد:

<!DOCTYPE html>

<“html lang=”en>

<head>

<“meta charset=”UTF-8>

<“meta name=”viewport” content=”width=device-width, initial-scale=1.0>

<title>My First HTML Page</title>

<head/>

<body>

<!– بخش هدر –>

<h1>Welcome to My Web Page</h1>

<!– پاراگراف –>

<p>This is a simple HTML page to demonstrate basic HTML structure.</p>

<!– لیست بدون ترتیب –>

<h2>Topics Covered</h2>

<ul>

<li>HTML Basics</li>

<li>CSS Introduction</li>

<li>JavaScript Overview</li>

<ul/>

<!– لینک –>

<p>Learn more about <a href=”https://www.w3schools.com/” target=”_blank“>HTML here</a>.</p>

<body/>

<html/>

<!DOCTYPE html>: نوع سند و نسخه HTML را تعریف می‌کند.
<html lang="fa">: شروع سند HTML و تنظیم زبان به فارسی.
<head>: شامل متادیتا (اطلاعاتی درباره صفحه)، مانند مجموعه کاراکتر (UTF-8) و تنظیمات نمایشی برای پاسخ‌گویی.
<title>: عنوان صفحه که در تب مرورگر نمایش داده می‌شود.
<body>: محتوای قابل مشاهده صفحه (مانند متن، لینک، لیست‌ها) را نگه می‌دارد.
<h1>, <h2>, <p>: تگ‌های عنوان و پاراگراف برای سازماندهی متن.
<ul>, <li>: یک لیست بدون ترتیب (<ul>) با آیتم‌های لیست (<li>).
<a>: ایجاد یک لینک با ویژگی href برای آدرس URL و target="_blank" برای باز کردن لینک در تب جدید.