ورود به حساب کاربری

شماره همراه خود را وارد کنید

ورود با کلمه عبور

ارسال کد تایید

مقدمه ای بر HTML

یادگیری HTML

تعداد بازدید : 15545

تاریخ و ساعت انتشار : چهار شنبه 4 مرداد 1396 12:45

HTML چیست؟

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

HTML مخفف عبارت Hyper Text Markup Language می باشد.

زبان نشانه گذاری مجموعه ای است از تگ های نشانه گذاری.

اسناد HTML با تگ ها توصیف می شوند.

هر تگ محتوای متفاوتی را توصیف می کند.

یک سند کوچک HTML

یک سند HTML

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

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

</body>
</html>

مشاهده مثال

تشریح مثال :

بیانیه DOCTYPE html این سند را به عنوان یک سند HTML5 تعریف می کند.
متن ما بین دو تگ html یک سند html را توصیف می کند.
متن ما بین دو تگ head اطلاعاتی درباره سند ارائه می کند.
متن ما بین دو تگ title عنوان صفحه را ارائه می کند.
متن ما بین دو تگ body محتوای صفحه قابل مشاهده را توصیف می کند.
متن ما بین دو تگ h1 تیتر محتوا را توصیف می کند.
متن ما بین دو تگ p یک پاراگراف را توصیف می کند.

با استفاده از این توصیف ها ، مرورگر وب سندی با یک تیتر و یک پاراگراف نمایش خواهد داد.

تگ های HTML

این تگ ها کلمات کلیدی (نام تگ) هستند که بین دو براکت <> قرار میگیرند.

<tagname> محتوا اینجا قرار می گیرد <tagname/>

تگ ها معمولا به صورت جفت استفاده می شوند. اولین تگ را تگ آغاز و تگ دوم را تگ پایان می نامند. تگ پایان درست همانند تگ آغاز نوشته می شود و فقط یک " / " اضافه دارد.

مرورگر های وب

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

learn html

ساختار سند HTML

تصویر زیر نمایه ای از ساختار یک سند HTML می باشد :

فقط محتوای ما بین دو تگ body (بخش سفید رنگ تصویر بالا) در مرورگر نمایش داده خواهند شد.

<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>

بیانیه DOCTYPE

این بیانیه نوع سند را معرفی می کند و به مرورگر در نمایش صحیح سند کمک می کند. این بیانیه فقط باید یک بار و آن هم در صدر سند و قبل از هر تگ دیگری قرار داده شود. به علت وجود انواع مختلف اسناد ، مرورگر باید هم نوع و هم ورژن سند را بداند. بیانیه DOCTYPE به بزرگی و کوچکی حروف حساس نیست :

<!DOCTYPE html>
<!doctype HTML>

بیانیه های DOCTYPE معمول

HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

در همه آموزش ها و مثال ها در وب مهراز از HTML5 استفاده شده است.

روند پیشرفت نسخه‌های HTML

از اولین روزهای وب تا کنون ورژن های مختلفی از HTML ایجاد شده است که لیست آن را در زیر می بینید :

ورژن

سال

HTML

1991

HTML 2.0

1995

HTML 3.2

1997

HTML 4.01

1999

XHTML

2000

HTML5

2014

دانلود فایل PDF مقاله درس بعدی

نظر شما

نظرات

رها با سلام ادامه اموزش ها قابل دسترسی نیست و با کلیک به صفحه اول منتقل میشم مشکل چیه؟

حامد معز سلام رها ، دوست عزیز این اتفاق به علت بروزرسانی درس ها می افتاد . مشکل برطرف شد.

سیدحسین موسوی عرض سلام و ادب/ تمارین قرار داده شده را که در قالب «مشاهده مثال» ارائه شدند، بصورت راست چین نشون میده که چون زبان برنامه نویسی، انگلیسی است، لزوم چپ چین شدن کدها خیلی مبرم هستش. چطور میشه این مسئله رو حل کنیم؟

علیرضا احمدی جناب سید حسین موسوی بزودی این مشکل حل میشه ، ممنون از شما بخاطر پیگیری دروس . موفق باشید

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