HTML چیست؟

HTML چیست؟

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

تگ های HTML

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

 

پس CSS این وسط چیکارس؟


البته ذکر این نکته الزامی است که معمولا از HTML و CSS در کنار یکدیگر برای ساخت رابط گرافیکی صفحات اینترنتی استفاده می شود. ولی تفاوت این دو در چی هست؟ فرض کنید ایشون جناب HTML هستند:

HTML

و ایشون هم جناب CSS:

CSS

 

اگر یک صفحه اینترنتی رو یک ساختمان در نظر بگیریم، از HTML برای ساخت اسکلت و از CSS برای انجام ظریف کاریهاش استفاده میشه.
برای اینکه منظورم رو بهتر متوجه بشین، سایتی رو واستون مثال می زنم. این حالتی هست که صفحه اصلی سایت داره به کمک هم HTML و هم CSS نمایش داده میشه:

نمونه سایت

همانطور که میبینید همه چیز به خوبی داره نمایش داده میشه.
ولی حالا  اگر به کمک یه افزونه فایرفاکس، CSS این صفحه رو غیر فعال کنم، یعنی روی حالتی که فقط HTML این صفحه فعال هست و CSS رو غیر فعال کرده باشم، یه چیزی به این صورت در میاد!

بدون Html

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

  •  رنگ هر تگ چی باشه
  • اندازه هر تگ چه مقدار باشه
  •  موقعیت هر تگ در صفحه کجا باشه

و خیلی چیزای دیگه…

 

فلش بک!

HTML مخفف چهار کلمه زیر است:
Hyper Text Markup Language
این چهار کلمه به معنای “زبان نشانه گذاری ابر متن” است.خوب این دقیقا به چه معنی هست؟ به این معنا که HTML یک زبانی هست که از تگ ها استفاده می کنه تا یک صفحه اینترنتی رو تعریف کنه. به عبارتی تگ ها این قابلیت رو میدن که فرضا متن زیر، بیشتر از یک متن معمولی باشه.

نمونه کد HTML

در متن بالا از این تگ ها استفاده شده:

<html>

<head>

<title>

<body>

<p>

متن بالا در واقع یک “زبان نشانه گذاری” است. همه چیز با استفاده از تگ ها نشانه گذاری شده است. به عبارتی زبان نشانه گذاري HTML زبانی است که توسط مرورگرها قابل فهم است.
نکته مهم اینکه HTML یک زبان نشانه گذاری است و نه یک زبان برنامه نویسی، شاید سوال پیش بیاد تفاوتشون چیه؟

  • زبان نشانه گذاری: با استفاده از یک سری تگ، ساختار (ظاهر) را مشخصمی کند.
  • زبان برنامه نویسی: مجموعه ای از دستورات است که برای نوشتن برنامه های کامپیوتری استفاده می شود.

 

عابد هستم. کارشناس ارشد مهندسی عمران . عاشق برنامه نویسی وب و موبایل. نوشتن همیشه جذاب بوده برام. مخصوصا نوشتن در جهت یادگیری دیگران.

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند

۰

مقاله های مرتبط :
    جدیدترین محصولات فروشگاه ما

    متاسفانه محصولی در این دسته بندی در فروشگاه ما موجود نمی باشد ):

    دیدگاه خود را بیان کنید :

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