عنوان‌ها و پاراگراف

برای عنوان‌های سلسله‌مراتبی از <h1> تا <h6> استفاده می‌کنیم. معمولاً هر صفحه فقط یک <h1> دارد (عنوان اصلی). پاراگراف با <p> تعریف می‌شود.

<h1>عنوان اصلی</h1>
<p>این یک پاراگراف است.</p>
<h2>زیرعنوان</h2>
<p>پاراگراف بعدی.</p>

لینک

لینک با تگ <a> و ویژگی href ساخته می‌شود. برای لینک به صفحهٔ دیگر در همان سایت از مسیر نسبی و برای سایت دیگر از آدرس کامل استفاده کن.

<a href="https://example.com">متن لینک</a>
<a href="/صفحه-داخلی">صفحه داخلی</a>
<a href="mailto:info@example.com">ایمیل</a>

برای باز شدن لینک در تب جدید از target="_blank" و برای امنیت بهتر rel="noopener noreferrer" استفاده کن.

تصویر

تصویر با <img> درج می‌شود. ویژگی src آدرس فایل و alt توضیح تصویر برای دسترسی‌پذیری و زمانی است که تصویر لود نشود.

<img src="image.jpg" alt="توضیح تصویر" width="400" height="300">

لیست‌ها

لیست نامرتب: <ul> و آیتم‌ها با <li>. لیست مرتب: <ol> و <li>.

<ul>
    <li>آیتم اول</li>
    <li>آیتم دوم</li>
</ul>

ترکیب این تگ‌ها پایهٔ هر صفحهٔ وب است. در درس بعد با CSS ظاهر این محتوا را تغییر می‌دهیم.