HTML چیست

HTML چیست اچ تی ام ال ؟

قبل از هر چیزی اول باید بدونیم اچ تی ام ال چیه دیگه نه؟ یا کلا HTML چیست ؟

اچ تی ام ال یا HTML مخفف عبارت Hypertext Markup Language هستش. اما این عبارت قلمبه سلمبه چیه؟ بخوام اینو ترجمه کنم میشه : زبان نشانه گذاری فرا متن. این تعریف در اولین نگاه میگه که HTML یک زبان هستش. اما کارش نشانه گذاریه. اما من اصلا از این تعریف خوشم نمیاد و میخوام تعریف هایی که خودم از اچ تی ام ال دارم رو بهتون بگم. پس:

HTML چیست از زبان خودم

html آجر اینترنت

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

نشانه گذاری

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

مرورگرهای خنگ و html باهوش

فرض کنین یکی از زبان های برنامه نویسی رو یاد گرفتین، مثلا شدین خدای PHP. قشنگ کد میزنین، دستور می نویسین و مرورگر اجراش میکنه. حتما هم که میگین آفرین مرورگر که کدهای php منو فهمیدی. باید بگم سخت در اشتباهین. مرورگر خیلی خنگ تر از این حرفاست که زبان php رو درک کنه. پس چجوری کدهای php یا هر زبان دیگه ای در مرورگر اجرا میشه؟ هر زبانی آخر سر میاد کد های خودشو به زبان اچ تی ام ال ترجمه میکنه. هر کدی که نوشتین در نهایت توسط زبان های برنامه نویسی و سایت نویسی، به کدهای اچ تی ام ال تبدیل میشه. چون مرورگر ها فقط html رو درک می کنن. پس قبل از آموزش هر زبانی باید آموزش html رو تهیه کنین.

HTML چیست | html زن خونه

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

آرایشگر های html

اون مثال آجر و ساختمان رو یادتون میاد؟ درسته که html اساسی ترین جز و آجر صفحات وبه اما تکنولوژی های دیگه ای هم مثل css و js می تونن بهش کمک کنن. عین ملات که به آجر کمک میکنه. این تکنولوژی ها میتونن html رو خوشگل تر بکنن. مثلا رنگ دادن به تیتر و متن یا راست چین چپ کردن اجزا بر عهده css هستش.

HTML چیست | نشانه گذاری

وقتی میگیم html کارش نشانه گذاریه یعنی چی؟ دقیقا چی رو نشانه گذاری میکنه و چرا؟ در واقع هر صفحه وب چندین و چندین بخش داره. بخش هایی که باید از هم جدا باشن و هر کدوم جای مناسب خودشون قرار بگیرن. مثلا عنوان ها رو باید از پاراگراف جدا کنه و به مرورگر بگه که اول عنوان رو نشون بده بعد متن رو. یا تعیین کنه که عنوان پررنگ تر از پاراگراف باشه. همه این کارها بوسیله تگ ها انجام میشن. هر کدوم از تگ ها وظیفه جداگانه ای دارن. مثلا برای ایجاد عکس تگ img به کار میره اما برای ایجاد جدول تگ table. این تگ ها هستن که مطالب رو از هم متمایز می کنن. درواقع بخش های مختلف رو نشانه گذاری می کنن.

تگ های HTML

بعد از توضیح کامل HTML چیست و توضیح این سوال نوبت به تگ میرسه. با این همه تعریف و تمجیدی که از HTML کردیم، کسی نپرسید اچ تی ام ال خودش تنهایی این کارا رو میکنه یا از کسی هم کمک میگیره؟ من میگم html یه ارتشه. اما ارتشی که سربازاش تگ هاش هستن. اچ تی ام ال یه پدر پیر و خردمنده که دستورات خانواده رو میده اما تگ ها همون پسرا و دختراش هستن که دستورات رو اجرا می کنن. و جالب تر اینکه آموزش HTML درواقع چیزی نیست جز آموزش تگ های HTML.

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

فایل های HTML

همه فایل های html دارای پسوند html. هستن. به عبارتی برای ساختن یک فایل html کافیه یک فایل متنی یا تکست ایجاد کنین و پسوندش رو به html. تغییر بدین. اگه بخوام واضح تر بگم، ابتدا یه text editor باز بکنین (ادیتور خود ویندوز یا مک) بعد بدون اینکه چیزی توش بنویسین، فایل رو ذخیره کنین ولی پسوندش رو بزارین html. به همین راحتی. اما واسه اینکه مطمئن بشین فایلی که ایجاد کردین یه فایل html هستش، برین به مسیری که فایل رو ذخیره کردین و باید ظاهر فایل یا آیکونش هم شکل و شمایل مرورگرتون باشه.

ساختار یک فایل html

نمای داخل یک فایل اچ تی ام ال باید اینجوری باشه:

html چیست و ساختار داخلی اچ تی ام ال

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

HTML چیست |تاریخچه اچ تی ام ال

در ادامه مقاله HTML چیست به تاریخچه آن سر میزنیم. اچ تی ام ال از کجا پیداش شد؟ اون کی بود که این نون رو سر سفره مون گذاشت؟

Berners-Lee بنیانگذار اچ تی ام ال html چیست

سال 1980 بود که یه فیزیکدان به اسم Tim Berners-Lee که برای شرکت CERN کار میکرد یه طرحی ارائه داد تا محققان این شرکت بتونن اسناد و مدارک تحقیقاتی رو بین خودشون به اشتراک بذارن و استفاده کنن. تیم برنرز تا سال 1995 این پروژه رو تکمیل کرد و در همین سال نسخه HTML2 رو با گروه کاری خودش معرفی کرد. در 14 ژانویه 1997 با اعمال تغییراتی نسخه سوم و در 18 دسامبر همان سال موفق شد نسخه چهارم از اچ تی ام ال رو معرفی و تکمیل کنه. اما نسخه ای که ما الان ازش استفاده می کنیم و به HTML5 معروفه در 2014 عرضه شد و نسخه های 5.1 و 5.2 به ترتیب در سال های 2016 و 2017 رونمایی شدن و ما ازش لذت بردیم و می بریم.

آموزش HTML ساده اما کامل

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

آموزش ویدیویی html در 4 بخش یا 4 ویدیو به مدت زمان 3 ساعت و 30 دقیقه، مناسب برای همه سنین، همراه با طراحی یک زیبای اچ تی ام ال

منابع:

مطالب زیر را حتما بخوانید

دیدگاهتان را بنویسید

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

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.