آموزش رایگان html
جلسه اول

معرفی HTML

HTML چیست؟ HTML یک زبان نشانه گذاری (کدنویسی) استاندارد برای طراحی صفحات وب است. کلمه HTML مخفف عبارت Hyper Text Markup Language به معنی “زبان نشانه گذاری ابَرمتن” است.HTML به ما کمک میکند تا از طریق کدنویسی ساختار یک صفحه وب را تعیین کنیم.یک صفحه وب، از عناصر HTML مختلف نظیر بلوک ها،تصاویر،لینک ها و […]

HTML چیست؟

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

کلمه HTML مخفف عبارت Hyper Text Markup Language به معنی “زبان نشانه گذاری ابَرمتن” است.HTML به ما کمک میکند تا از طریق کدنویسی ساختار یک صفحه وب را تعیین کنیم.یک صفحه وب، از عناصر HTML مختلف نظیر بلوک ها،تصاویر،لینک ها و … تشکیل شده است.هر یک از این عناصر بوسیله ی تگ (tag) های معینی تعریف میشوند.این تگ ها، در صفحه وب نمایش داده نمیشوند ولی مرورگرها برای نمایش محتوای صفحه از آنها استفاده میکنند.

 

یک نمونه کد HTML

توضیحات:

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

 

تگ HTML چیست؟

تگ های HTML عناصری هستند که بوسیله ی براکت های زاویه دار (یعنی > و < ) احاطه شده اند.هر یک از این تگ ها برای تعریف یک محتوا بکار میروند.

این تگ ها معمولا به صورت زوج باز و بسته هستند مثل <p> و </p>. تگ اولی یعنی <p> تگ آغاز و تگ دومی یعنی </p> تگ پایان نامیده میشود.

در تگ های زوج مثل <p></p> ، تگ آغاز و پایان شبیه هم هستند با این تفاوت که تگ پایان داری یک forward slash (یا همان /) اضافه قبل از اسم تگ میباشد.

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

 

بعضی مواقع تگ آغاز،تگ باز و تگ پایان،تگ بسته هم نامیده میشود.

 

HTML در مرورگرها

هدف اصلی مرورگر ها (اعم از Google Chrome ، Firefox ، Internet Explorer ، Safari و … ) خواندن (ترجمه) صفحه های HTML و نمایش آنهاست.

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

 

معرفی HTML

 

ساختار یک صفحهHTML

در اینجا یک گراف از ساختار کلی یک صفحه HTML به نمایش در آمده است.

 

ساختار کلی یک سند html

 

دقّت کنید که فقط محتویات درون تگ <body></body> در صفحه مرورگر نمایش داده میشوند.

 

اعلامیه <!DOCTYPE>

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

این عبارت معمولا در ابتدای فایل HTML و قبل از شروع تگ <head> نوشته میشود.(قبل از تمامی تگ های HTML )

 

عبارت <!DOCTYPE> به بزرگی و کوچکی حروف حساس نیست و همه ی موارد فوق را میتوان در ابتدای سند HTML بکار برد.

 

تاریخچه ویرایش های HTML

از زمان عرضه اولین نسخه HTML در سال ۱۹۹۱ تاکنون ، ویرایش های مختلفی از آن ارائه شده است:

 

ویرایش (ورژن)سال ارائه
HTML1991
HTML 2.01995
HTML 3.21997
HTML 4.011999
XHTML2000
HTML52014
کلیه حقوق مدرسه مجازی وب متعلق به گروه طراحی وب نگار میباشد.کپی برداری تنها با ذکر منبع مجاز میباشد.