HTML5 طراحی وب

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

HTML چیست
نوشته شده توسط مهدی خسروی

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

 

HTML چیست

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

 

 

یک معرفی کلی

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

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

اگر میخواهید خیلی بیشتر درباره‌ی تاریخچه‌ی اچ تی ام ال (HTML) را مطالعه کنید، ویکی پدیا در خدمت شماست.

 

کاربرد اصلی HTML

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

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

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

اگر کمی با طراحی وب آشنایی داشته باشید،‌ حتما میدانید که طراحی وب ۲ مرحله اصلی دارد:

  1. ساختاربندی اصلی صفحات وب که با HTML انجام میشود.
  2. اضافه کردن جذابیت های ظاهری مثل رنگ و… که با CSS انجام میشود.
تفاوت jpg و png در طراحی وب

 

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

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

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

HTML چیست

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

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

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

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

 

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

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

HTML چیست

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

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

 

تگ (tag) چیست؟

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

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

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

HTML چیست

درباره تگ ها در HTML در آینده در یادیفای بصورت بسیار کامل صحبت خواهیم کرد.

 

رابطه‌ی HTML و CSS

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

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

 

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

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

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

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

 

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

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

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

 

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

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

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

در مقاله‌ی بعدی در یادیفای، بصورت کامل به معرفی HTML5 میپردازیم و خیلی جزئی بررسی میکنیم که چرا HTML5 میتواند فوق العاده باشد!

امتیاز مقاله
  • کیفیت متن مقاله
  • کیفیت فایل ویدئویی
  • ساده و کاربردی بودن
  • به زبان ساده
۴.۸۸

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

مهدی خسروی

۸ سال پیش که یادگیری برنامه نویسی رو آغاز کردم، با یک مشکل بزرگ مواجه شدم: کمبود منابع آموزشی حرفه‌ای و کاربردی به زبان فارسی. به همین دلیل، بعد از چندین سال فعالیت حرفه‌ای در زمینه‌ی برنامه نویسی، تصمیم گرفتم دانسته‌ها و تجربیات خودم را با شما عزیزان به اشتراک بگذارم. پیشنهاد میکنم به آدرس yadify.com/gifts حتما سر بزنید :)

درج دیدگاه

This site uses Akismet to reduce spam. Learn how your comment data is processed.