مروری بر HTML به عنوان اساس وب

مروری بر HTML

هنگامی که شما در یک مرورگر به یک صفحه وب مینگرید ، در ساده ترین حالت ممکن ، کلماتی را در فونت ، اندازه و رنگ های متفاوت خواهید دید . بیشتر اوقات یک صفحه وب شامل تصاویر و یا شاید ویدیو می باشد و گاهی نیز شامل یک فرم که در آن می توانید اطلاعات مورد نظر خود را وارد کرده و یا جستجو کنید… یک صفحه وب اغلب حاوی محتوایی است که جابجا شده و تغییر می یابند ، در حالی که کل صفحه ثابت باقی می ماند.

مروری بر HTML

مروری بر HTML

چندین فن آوری همانند CSS، جاوا اسکریپت، فلش، AJAX، JSON برای تعریف عناصر یک صفحه وب می تواند مورد استفاده قرار بگیرد . با این حال یک صفحه وب ، در پایین ترین سطح، با استفاده از HTML (زبان نشانه گذاری ابرمتن) تعریف شده است. HTML پوسته ای است که همه چیز را در کنار یکدیگر نگه می دارد .بدون HTML، هیچ صفحه وبی وجود نخواهد داشت .

تاریخچه کوتاهی از HTML

در اواخر سال ۱۹۸۰، تیم برنرز لی به عنوان یک فیزیکدان در CERN (لابراتوار فیزیک هسته ای اروپا) مشغول به کار بود. او روشی را برای اشتراک گذاری اسناد دانشمندان ، از طریق اینترنت ارائه کرد. پیش از این روش ، ارتباط از طریق اینترنت با استفاده از فن آوری های مانند ایمیل، FTP (پروتکل انتقال فایل) و .. به متن ساده محدود بود، اختراع HTML با استفاده از یک مدل محتوای ذخیره شده بر روی یک سرور مرکزی ساخته شده است که می تواند منتقل شده و در یک ایستگاه محلی از طریق یک مرورگر نمایش داده شود. این مدل ، دسترسی ساده و نمایش کامل محتوا (مانند قالب بندی پیشرفته متن و نمایش تصاویر) را ممکن ساخت .

HTML چیست ؟

HTML مخفف Hyper Text Markup Language  ، یک زبان نشانه گذاری برای توصیف صفحات وب است که به مرورگر میگوید چه محتوایی را به نمایش بگذارد .

HyperText روشی است که با کلیک بر روی متنی خاص به نام لینک ، میتوان در هر زمان به هر صفحه ی دیگری در اینترنت مراجعه کرد .

Markup  یا نشانه گذاری چیزی است که توسط برچسب های HTML به متن داخل هر برچسب اعمال میشود و آنها را به یک نوع خاصی از متن تبدیل میکند (به عنوان مثال : متن ایتالیک)

زبان نشانه گذاری مجموعه ای از تگ ( tag ) یا برچسب های نشانه گذاری است که محتوای سند را توصیف میکنند . اسناد HTML که صفحات وب نامیده میشوند ، شامل تگ های HTML و متن ساده هستند .

   HTML یک زبان است که مانند هر زبان دیگری شامل واژه ها و گرامر است و از دو نوع داده ، “محتوا” ( کلمات، تصاویر، صدا، ویدئو، و غیره) و “دستورالعمل ” (تعریف نوع و چگونگی نمایش محتوا) تشکیل شده است . برای شناسایی نوع محتوا از مجموعه ای از عناصر از پیش تعریف شده استفاده میکند . عناصر نیز شامل یک یا چند برچسب هستند که حاوی محتوا می باشند. 

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

تگ یا برچسب های html

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

اولین تگ ، تگ باز یا شروع و دومین تگ ، تگ بسته یا پایان نامیده میشوند . تگ پایان همانند تگ شروع نوشته میشود با این تفاوت که یک اسلش ( / ) قبل از نام تگ قرار میگیرد . 

برخی از تگ ها به طور پیش فرض بسته هستند ، اما برخی دیگر اگر تگ پایان در انتهای آنها قرار نگیرد خطاهای غیر منتظره ای ایجاد میکنند .

عناصر html :

“برچسب HTML” و “عناصر HTML” اغلب برای توصیف یک محتوا استفاده می شوند. اما به بیان دقیق تر، یک عنصر HTML علاوه بر تگ شروع و تگ پایان ، شامل تمام محتویاتی است که بین این دو تگ قرار میگیرد .

برای مثال ” <p> ” عنصر نشاندهنده پاراگراف و ” <img> ” عنصر نشاندهنده تصاویر است .

 

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

همانطور که می بینید، عنصر <html> بقیه اسناد و عنصر <body> محتوای صفحه را احاطه کرده اند.

مرورگر وب :

هدف یک مرورگر وب (مانند گوگل کروم، اینترنت اکسپلورر، فایرفاکس، سافاری) خواندن اسناد HTML و نمایش آنها به عنوان صفحات وب است. مرورگر تگ های HTML را نشان نمیدهد ، بلکه پس از خواندن آن ، این متون را ترجمه و به یک فرم قابل مشاهده تبدیل میکند. 

browser.jpg

ساختار یک صفحه html :

تمامی صفات وب از دو عنصر <head> و <body> تشکیل شده اند . 

 


Head    
 

 

     Body     

 

 

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

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

در نهایت، تمامی صفحات وب در ابتدا و انتها دارای یک تگ <html> هستند ، که به مرورگر میگوید خواندن سند از کجا شروع شده و در کجا متوقف می شود.

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

2

نسخه های  HTML :

از روزهای اولیه شروع به کار وب ، نسخه های زیادی از HTML وجود داشته است:

 
نسخهسال
HTML۱۹۹۱
+HTML۱۹۹۳
HTML 2.0۱۹۹۵
HTML 3.2۱۹۹۷
HTML 4.01۱۹۹۹
XHTML۲۰۰۰
HTML5۲۰۱۲
XHTML5۲۰۱۳
پاسخ به کلیه سوالات شما در زمینه وب هاستینگ و مدیریت سرور در انجمن کامپایلر

پاسخ دهید

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