مقدمه ای بر HTML

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
1991
HTML 2.0
1995
HTML 3.2
1997
HTML 4.01
1999
XHTML
2000
HTML5
2014

نظر شما

لطفا نام و نام خانوادگی خود را وارد کنید
لطفا ایمیل خود را وارد کنید لطفا ایمیل صحیح وارد کنید.
لطفا متن نظر خود را وارد کنید
>

نظرات

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

مقالات و دروس

به خبرنامه مدرسه طراحی وب ایران (وب مهراز) بپیوندید.

لطفا شماره همراه صحیح وارد کنید.
لطفا ایمیل صحیح وارد کنید.

مقالات مرتبط