مقدمه ای بر HTML تشریح می نماید:

HTML چیست؟

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

*HTML مخفف زبان نشانه گذاری فرا متنی است (Hyper Text Markup Language)

*.HTML ساختار صفحات وب را بر اساس نشانه گذاری تشریح می کند.

*المنت های 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>

این المنت در بر دارنده اطلاعات کلی درباره سند است.

۴٫<title>

این المنت یک عنوان برای سند تعریف می کند.

۵٫<body>

این المنت در بر دارنده محتوای قابل مشاهده صفحه وب است.

۶٫<h1>

این المنت یک تیتر درشت تعریف می کند.

۷٫<p>

این المنت یک پاراگراف تعریف می کند.

تگ های HTML

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

<tagename>content goes here…</tagname>

*تگ های HTML معمولا به صورت جفت هستند مانند <p> و <p/>

*اولین تگ در یک جفت تگ آغازین و دومین تگ، تگ پایان نام دارند.

*تگ پایان همانند تگ آغاز نوشته می شود با این تفاوت که یک اسلش رو به جلو پیش از نام تگ قرار می گیرد.

بیشتر بخوانید:  المنت های HTML

*تگ شروع همچنین به عنوان تگ باز کننده و و تگ پایان به عنوان تگ بستن خوانده می شود.

مرورگرهای وب

هدف یک مرورگر وب (Chrome, IE, Firefox, Safari) خواندن سندهای 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!> نسبت به بزرگی و کوچکی حروف حساس نیست.

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

<!DOCTYPE html>

نسخه های HTML

در انتهای مطلب مقدمه ای بر HTML به معرفی انواع نسخه های HTML می پردازیم.

از همان آغاز کار وب، نسخه هایی از HTML موجود بود:

HTML: 1991

HTML 2.0: 1995

HTML 3.2: 1997

HTML 4.01: 1999

XHTML: 2000

HTML 5: 2014 (Reference)


سیامک قربانی پور

سیامک قربانی پور هستم؛ مدیر عامل شرکت "آبتین ارتباط ایرانیان"؛ دانش آموخته کارشناسی ارشد مدیریت فناوری اطلاعات. موضوع فعالیت شرکت ما به شماره ثبت 1050، برنامه نویسی، طراحی وبسایت و شبکه های کامپیوتری هست. از سال 94 تا 96 به مدت دو سال مشاور مرکز رشد و کسب و کار پارک علم و فناوری چهارمحال و بختیاری بودم اما الان کسب و کار خودم رو در زمینه برنامه نویسی و طراحی وبسایت دارم. همچنین در زمینه مسائل کسب و کاری به علاقه مندان مشاوره هایی رو ارائه می دهم و مطالبی رو در این زمینه خصوصا در مورد کسب و کارهای حوزه فناوری اطلاعات و ارتباطات در این وبسایت منتشر می کنم.

2 دیدگاه

حمید ابوالحسنی · 2019/04/22 در 20:55

بسیار عالی بود

پاسخی بگذارید

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

1 × 4 =

تائید دیدگاه فعال است. دیدگاه شما ممکن است کمی طول بکشد تا ظاهر شود.

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.