تبلیغات

ترجمه W3Schools – یادگیری HTML: معرفی HTML

1398/02/13
هادی اکبرزاده
اچ‌تی‌ام‌ال (HTML) » ترجمه HTML سایت W3Schools بروزرسانی : 1398/02/14

اطلاعیه
از تاریخ 13 اردبیهشت 1398، تصمیم گرفتیم که مطالبی را براساس مستندات بخش «یادگیری HTML وبسایت w3schools» انتشار نماییم. به گونه‌ای که می‌توان گفت، این مطالب قرار است تقریبا ترجمه‌ی همان مطالب اصلی باشند. و همچنین جهت دسترسی به تمامی موارد بخش یادگیری HTML این سایت، از منوی شناور موجود در «این لینک» استفاده نمایید. توجه داشته باشید که این روند هنوز به اتمام نرسیده و مطالب ناقص هستند. و در نهایت منتظر نظرات شما دوستان عزیز هستیم.

HTML  چیست؟!

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

  • HTML، مخفف عبارت «Hyper Text Markup Language» به معنی «زبان نشانه گذاری فوق متن» می‌باشد.
  • HTML، ساختار صفحات وب را با استفاده از نشانه‌گذاری (markup) توصیف می‌کند.
  • عناصر (element: المنت: عنصر) HTML، بلوک‌ها یا قطعه‌های سازنده‌ی صفحات HTML هستند.
  • عناصر HTML، توسط برچسب‌ها (Tag: تگ: برچسب) نوشته و بیان می‌شوند.
  • تگ‌های HTML، بخش‌هایی از محتوا را مانند “heading (سرصفحه)”، “paragraph (پراگراف)”، “table (جدول)” و … برچسب‌گذاری می‌کند.
  • مرورگرها، تگ‌های 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>: مشخص می‌کند که این یک سند HTML است.
  • المنت <html>: عنصر ریشه‌ای یک صفحه HTML است.
  • المنت <head>: شامل اطلاعات متا درباره‌ی سند است. اطلاعاتی درباره‌ی برخی موارد صفحه از جمله غنوان صفحه، کلمات کلیدی، آیکون، توضیح مختصر و …
  • المنت <title>: یک عنوان برای سند مشخص می‌کند. این عنوان در بخش تب مرورگر قابل مشاهده است.
  • المنت <body>: شامل محتوای قابل نمایش در صفحه است.
  • المنت <h1>: یک سرتیتر خیلی بزرگ در صفحه تعریف می‌کند.
  • المنت <p>: یک پراگراف تعریف می‌کند.

تگ‌های HTML

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

<tagname>content goes here…</tagname>

  • تگ‌های HTML، در حالت عادی به صورت جفت نوشته می‌شوند. مانند <p> و </p>
  • اولین تگ در یک جفت، تگ شروع (start tag) و دومین تگ نیز تگ پایانی (end tag) می‌باشد.
  • تگ پایانی همانند تگ شروع نوشته می‌شود، با این تفاوت که یک فوروارد اسلش قبل از نام تگ اضافه می‌شود.
نکته
تگ شروع همچنین تگ آغازین (opening tag) و تگ پایانی نیز تگ بسته (closing tag) نامیده می‌شود.

مرورگرهای وب

هدف یک مرورگر وب (کروم، اینترنت اکسپلورر، فایرفاکس، سافاری)، خواندن مستندات HTML و نمایش آن‌ها می‌باشد.

مرورگر، تگ‌های HTML را نمایش نمی‌دهد؛ اما از آنها استفاده می‌کند تا مشخص کند که سند چگونه نمایش داده شود:

ساختار صفحه HTML

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

<html>

<head>

<title>Page title</title>

</head>

<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

</body>

</html>

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

تعریف <!DOCTYPE>

تعریف <!DOCTYPE>، نشانگر نوع سند است؛ و به مرورگرها کمک می‌کند تا صفحات وب را به درستی نمایش دهند.

که بایستی فقط یک بار و در بالای صفحه نوشته شود (قبل از هرگونه تگ HTML ای)

همچنین تعریف <!DOCTYPE> به صورت case sensitive نیست. (یعنی به حروف بزرگ و کوچک خساس نمی‌باشد)

تعریف <!DOCTYPE> برای HTML5 به صورت زیر است:

<!DOCTYPE html>

نسخه‌های HTML

از اولین روزهای وب تا به امروز، نسخه‌های بسیاری از HTML وجود دارند:

نسخه ساب انتشار
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014

درس بعدی

پاسخ دهید

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

cp-codfk

نظرات ثبت شده بدون دیدگاه

توضیحات پیشنهادی نظرات اشتراک