مقدمه آموزش HTML

مقدمه آموزش HTML

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

HTML چیست؟

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

یک سند HTML ساده

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

مثال توضیح داده شده

  • اعلامیه <! DOCTYPE html> تعریف می کند که این سند یک سند HTML5 است
  • عنصر <html> عنصر اصلی یک صفحه HTML است
  • عنصر <head> شامل اطلاعات متا در مورد صفحه HTML است
  • عنصر <title> عنوانی را برای صفحه HTML مشخص می کند (که در نوار عنوان مرورگر یا در برگه صفحه نشان داده شده است)
  • عنصر <body> متن سند را تعریف می کند و محفظه ای برای تمام محتوای قابل مشاهده مانند عناوین ، پاراگراف ها ، تصاویر ، پیوندهای پیوندی ، جداول ، لیست ها و غیره است.
  • عنصر <h1> عنوان بزرگی را تعریف می کند
  • عنصر <p> یک پاراگراف را تعریف می کند

عنصر HTML چیست؟

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

<tagname>Content goes here…</tagname>

عنصر HTML همه چیز از برچسب شروع تا برچسب پایان است:

<h1>My First Heading</h1>
<p>My first paragraph.</p>
عنصر HTML چیست؟
توجه: برخی از عناصر HTML فاقد محتوا هستند (مانند عنصر <br>). به این عناصر عناصر خالی گفته می شود. عناصر خالی برچسب پایانی ندارند!

مرورگرهای وب

هدف یک مرورگر وب (Chrome ، Edge ، Firefox ، Safari) خواندن اسناد HTML و نمایش صحیح آنها است.

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

مرورگرهای وب

ساختار صفحه HTML

در زیر تصویر ساختار صفحه HTML آورده شده است:

ساختار صفحه HTML

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

درج دیدگاه

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

*

code