مقدمه آموزش HTML

Ratings
(1)

HTML یک زبان استاندارد علامت گذاری برای ایجاد صفحات وب است.

HTML چیست؟

  • HTML مخفف عبارات Hyper Text Markup Language به معنی زبان علامت گذاری فرا متن است.
  • HTML یک زبان استاندارد کدنویسی برای ایجاد صفحات وب است.
  • HTML ساختار یک صفحه وب را ایجاد می کند.
  • HTML از یک سری عنصر تشکیل شده است.
  • عناصر HTML به مرورگر نشان می دهند که چگونه باید محتوا را نمایش دهد.

یک سند HTML ساده

مثال شماره 1

<!DOCTYPE html>
<html>
<head>
<title>عنوان صفحه</title>
</head>
<body>

<h1>اولین عنوان من</h1>
<p>اولین پاراگراف من</p>

</body>
</html>
امتحان کنید

 توضیح مثال بالا

1. عبارت <!DOCTYPE html> مشخص می کند که این سند، یک سند HTML5 است.

2. عنصر <html> عناصر ریشه ی یک صفحه HTML را تشکیل می دهد.

3. عنصر <head> حامی اطلاعات متا(meta) درباره ی صفحه HTML می باشد.

4. عنصر <title> یک عنوان را برای صفحه HTML مشخص می کند(که در نوار عنوان مرورگر یا در تب صفحه نشان داده می شود).

5. عنصر <body> بدنه سند را مشخص می کند و یک ظرف برای تمام محتواهای قابل مشاهده است. مانند عنوان ها، پاراگراف ها، تصاویر، لینک ها، جدول ها و غیره.

6. عنصر <h1> یک عنوان بزرگ را مشخص می کند.

7. عنصر <p> یک پاراگراف را مشخص می کند.

یک عنصر HTML چیست؟

یک عنصر HTML با یک تگ باز و یک محتوا و یک تگ بسته تعریف می شود:

 به هر چیزی، از تگ باز گرفته تا تگ بسته، یک عنصر HTML گفته می شود:

<h1>اولین عنوان من</h1>
<p>اولین پاراگراف من</p>

 

نگ بسته محتوا تگ باز
<h1/> اولین عنوان من <h1>
<p/> اولین پاراگراف من <p>
هیچ هیچ <br>

نکته: برخی از عناصر HTML محتوا ندارند(مانند عنصر <br>). به آنها، عناصر خالی گفته می شود. عناصر خالی، تگ بسته ندارند.

مرورگرهای وب

هدف یک مرورگر وب(مانند کروم، Edge، فایرفاکس و سافاری) این است که اسناد HTML را بخواند و آنها را مستقیماً نمایش دهد. مرورگرها، تگ های HTML را نمایش نمی دهند، بلکه از آنها برای مشخص کردن چگونگی نمایش سند استفاده می کنند.

 

ساختار یک صفحه HTML

در زیر، ساختار یک صفحه HTML نشان داده شده است:

<html>
<head>
<title>عنوان صفحه</title>
</head>
<body>
<h1>این یک عنوان است</h1>
<p>این یک پاراگراف است</p>
<p>این یک پاراگراف دیگر است</p>
</body>
</html>

نکته: محتوای درون بخش <body> (که سغید رنگ است) در مرورگر نشان داده می شود. محتوای درون عنصر <title> در نوار عنوان مرورگر یا در تب صفحه نشان داده می شود.

  • بازدید: 533

نوشتن دیدگاه

لطفا نظرات خود را بیان کنید. به سوالات در سریع ترین زمان پاسخ داده خواهد شد.اما به نکات زیر توجه کنید:
1. سعی کنید نظرات شما مرتبط با مقاله ی مورد نظر باشد، در غیر این صورت پاسخ داده نخواهد شد.
2. سوالات خود را به صورت کوتاه بیان کنید و از پرسیدن چند سوال به طور همزمان خودداری کنید.
3. سوال خود را به طور واضح بیان کنید و از کلمات مبهم استفاده نکنید.

ارسال