مروری بر 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 نامیده میشوند ، شامل کلماتی هستند که توسط براکت های زاویه دار ( <> ) احاطه شده اند . این تگ ها به صورت جفت هستند ( و ) .

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

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

عناصر html :

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

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

<p>This is a paragraph.</p>

1	<p>Thisisaparagraph.</p>

<img>This is a image.</img>

1	<img>Thisisaimage.</img>

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

<html><br />
  <body><br />
    <p> you are in your beginning stage of HTML</p><br />
  </body><br />
</html>

<html>

<body>

you are inyour beginning stage of HTML

</body>

</html>

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

مرورگر وب :

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