HTML Documents

Html
  • Html

عناوین این گفتار:

HTML Documents چیست؟

HTML (Hypertext Markup Language) یک زبان نشانه گذاری است که برای ساختاردهی و نمایش محتوای وب استفاده می‌شود. اساساً یک سند HTML شامل مجموعه‌ای از عناصر (elements) است که با استفاده از تگ‌ها (tags) مشخص می‌شوند. این تگ‌ها به مرورگر اطلاع می‌دهند که چگونه محتوا را نمایش دهد و چگونه باید با آن تعامل کند. در ادامه، به صورت کامل ساختار یک سند HTML را توضیح می‌دهیم:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>عنوان صفحه</title>
</head>
<body>
<!-- محتوای صفحه در اینجا قرار می‌گیرد -->
</body>
</html>

1. تگ DOCTYPE:
تگ DOCTYPE در ابتدای سند HTML قرار می‌گیرد و نشان می‌دهد که از کدام نسخه HTML برای نوشتن سند استفاده شده است. به عنوان مثال، <!DOCTYPE html> بیانگر استفاده از نسخه HTML5 است.

2. تگ html:
تگ html مجموعه‌ای از تمامی عناصر HTML را در بر می‌گیرد و در ابتدای سند قرار می‌گیرد.

3. تگ head:
تگ head مشخصات سند HTML را شامل می‌شود. این مشخصات شامل عنوان صفحه، استایل‌ها، اسکریپت‌ها و متادیتاها می‌شوند.

4. تگ meta:
تگ meta برای تعیین مشخصات سند استفاده می‌شود. برای مثال، تعیین کدبافی (charset) استفاده شده در سند را مشخص می‌کند.

5. تگ title:
تگ title عنوان صفحه را مشخص می‌کند که در نوار عنوان مرورگر نمایش داده می‌شود.

6. تگ body:
تگ body محتوای اصلی سند HTML را شامل می‌شود. اینجا است که محتوا مانند متن، تصاویر، لینک‌ها و سایر المان‌های وب قرار می‌گیرد.

تگ‌های دیگری مانند عناصر بلاکی (div)، پاراگراف (p)، عنوان‌ها (h1 تا h6)، تصاویر (img) و لینک‌ها (a) نیز درون تگ body قرار می‌گیرند و برای ساختاردهی و نمایش محتوا استفاده می‌شوند.

با استفاده از این تگ‌ها و عناصر HTML دیگر، می‌توانید صفحات وب پویا و جذابی بسازید.

مقالات مرتبط:

HTML Editors

Declaration

طراحی منوی ناوبری جادویی با استفاده از Html CSS & Javascript | جلوه های خارجی منحنی

سوالات متداول:

پاسخ 1: برای قرار دادن یک تصویر در صفحه HTML، از تگ <img> استفاده می‌کنیم. برای این منظور، باید آدرس تصویر را در ویژگی src تگ <img> قرار دهید. به عنوان مثال، اگر تصویری به نام "image.jpg" را در همان پوشه صفحه HTML قرار دارد، می‌توانید از کد زیر استفاده کنید:

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

در این مثال، "image.jpg" آدرس تصویر است و "توضیح تصویر" یک متن آلترناتیو است که نمایش داده می‌شود در صورتی که تصویر بارگذاری نشود یا مرورگر تصویر را نتواند نمایش دهد.

ویژگی‌های دیگری مانند اندازه تصویر (با استفاده از ویژگی‌های width و height) و توضیحات تصویر (با استفاده از ویژگی title) نیز قابل تنظیم است.

پاسخ 2: برای ایجاد یک فهرست غیرترتیبی در HTML، از تگ <ul> (unordered list) و تگ <li> (list item) استفاده می‌کنیم. تگ <ul> مجموعه‌ای از تگ‌های <li> را در بر می‌گیرد. به عنوان مثال:

<ul>
<li>مورد 1</li>
<li>مورد 2</li>
<li>مورد 3</li>
</ul>

در این مثال، هر تگ <li> یک مورد در فهرست را نمایش می‌دهد. محتوای هر مورد فهرست باید درون تگ <li> قرار گیرد. وقتی صفحه HTML را در مرورگر باز می‌کنید، فهرست غیرترتیبی به صورت پیشفرض با نشانگرهای نقطه‌ای نمایش داده می‌شود.

 

اشتراک گذاری این مطلب در:

دسته بندی مقالات ما:

خدمات طراحی سایت و سئو

سایر مقالات ما:

خبر رسان

با وارد کردن ایمل تان، جدیدترین خبرنامه های ما برای شما ارسال می شود.

خدمات طراحی سایت و سئو با مهدی توکلی