×
خانه » مقالات » HTML چیست و چرا باید یاد گرفت؟ همه چیز درباره HTML
۲۲ بهمن ۱۳۹۹

HTML چیست و چرا باید یاد گرفت؟ همه چیز درباره HTML

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

یک تعریف کلی

ابتدا برای شناخت HTML باید یک آشنایی نسبی و مختصری باهاش پیدا کنیم. HTML مخفف عبارت Hyper Text Markup Language هست.

اگر بخواهیم یک ترجمه‌ی فارسی از HTML داشته باشیم، میتوانیم به آن «زبان نشانه گذاری فرا متن» بگوییم. البته که این ترجمه، نمیتواند کارایی HTML را به خوبی توضیح دهد به سوال HTML چیست پاسخ خوبی دهد! در ادامه بیشتر با HTML آشنا خواهیم شد.

 

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

 

کاربرد اصلی HTML

در این قسمت میخواهیم یاد بگیریم که HTML چیه و دقیقا چه کاری انجام میده.

اگر بخواهیم خیلی ساده به سوال HTML چیست پاسخ بدهیم، میتوانیم بگوییم:

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

 

یک ساختمان را تصور کنید

اگر میخواهید خیلی خوب با HTML آشنا شوید و دقیقا درک کنید که HTML چیست ، یکی از بهترین مثال‌های آن، مثال یک ساختمان است که میخواهیم آن‌را در این قسمت بررسی کنیم.

یک ساختمان را تصور کنید که شخصی میخواهد اقدام به ساخت آن کند، برای مثال یک مجتمع مسکونی!

از آن‌جایی که فرایند طراحی وب،‌ بسیار شبیه به فرایند ساختمان سازی است،‌ کار ما برای پاسخ به سوال HTML چیست بسیار راحت میشود.

فرض کنید که قصد ساخت یک مجتمع مسکونی را دارید. اولین مراحل برای ساخت یک ساختمان مسکونی، ساخت اسکلت بندی و قالب کلی آن ساختمان با استفاده از سیمان، بتن، میلگرد و… است. در واقع شما در ابتدا، اسکلت کلی ساختمان را میسازید و در مرحله بعد، با استفاده از کچ، رنگ آمیزی و… آن‌را زیبا میکنید.

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

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

 

یا مثلا یک انسان را تصور کنید

اگر بخواهیم دقیق تر به سوال HTML چیست پاسخ دهیم، میتوانیم HTML را با بدن یک انسان مقایسه کنیم.

اگر بدن یک انسان را به یک صفحه‌ی وب تشبیه کنیم:

  • ابتدا بدن انسان با استفاده از استخوان ها، اسکلت بندی میشود و ساختار کلی آن مشخص میشود.
  • سپس با استفاده از کدهایی مثل CSS، میتوان به آن جذابیت های ظاهری بخشید (همانطور که کیفیت کدهای CSS یک صفحه‌ی وب متفاوت است،‌ کیفیت کدهای CSS دو انسان هم میتواند متفاوت باشد 🙂 )

 

تگ (tag) چیست؟

شاید در حین کار با HTML به چیزهایی به نام «تگ یا tag» برخورد کرده اید و برایتان سوال پیش آمده است که تگ ها چه چیزهایی هستند.

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

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

 

رابطه‌ی HTML و CSS

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

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

 

روش اجرای فایل های HTML

فایل های HTML برای اجرا شدن به هیچ تکنولوژی خاصی نیاز ندارد. شما برای اجرای فایل های HTML فقط نیاز به یک مرورگر دارید که از HTML پشتیانی کند و تمام مرورگرها این کار را برای شما انجام میدهند!

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

 

چرا HTML یک زبان برنامه نویسی نیست؟

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

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

 

HTML5 چیست و چه تفاوتی با HTML دارد؟

در ادامه‌ی پاسخ به سوال HTML چیست ، میخواهیم کمی درباره‌ی HTML5 صحبت کنیم.

HTML5 آخرین نسخه از HTML است که طراحی وب را برای طراحان وب بسیار ساده تر و جذاب تر کرده است و چندین ویژگی بسیار جدید و جالب دارد. اگر میخواهید یک طراح وب حرفه‌ای باشید، حتما باید از HTML5 استفاده کنید و به آن مسلط باشید.

 

منبع: یادیفای

امید مقدسی

یک توسعه دهنده دوست داشتنی ;)

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