در یادیفای میخوایم به زبان خیلی ساده یاد بگیریم برنامه نویسی چیه و چطور میتونیم توی اون موفق بشیم :) www.yadify.com
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 میتوانید فوندانسیون و اسلکت اصلی وبسایت خود را طراحی کنید.
اگر کمی با طراحی وب آشنایی داشته باشید، حتما میدانید که طراحی وب ۲ مرحله اصلی دارد:
- ساختاربندی اصلی صفحات وب که با HTML انجام میشود.
- اضافه کردن جذابیت های ظاهری مثل رنگ و... که با CSS انجام میشود.
یک ساختمان را تصور کنید
اگر میخواهید خیلی خوب با HTML آشنا شوید و دقیقا درک کنید که HTML چیست ، یکی از بهترین مثالهای آن، مثال یک ساختمان است که میخواهیم آنرا در این قسمت بررسی کنیم.
یک ساختمان را تصور کنید که شخصی میخواهد اقدام به ساخت آن کند، برای مثال یک مجتمع مسکونی!
از آنجایی که فرایند طراحی وب، بسیار شبیه به فرایند ساختمان سازی است، کار ما برای پاسخ به سوال HTML چیست بسیار راحت میشود.
فرض کنید که قصد ساخت یک مجتمع مسکونی را دارید. اولین مراحل برای ساخت یک ساختمان مسکونی، ساخت اسکلت بندی و قالب کلی آن ساختمان با استفاده از سیمان، بتن، میلگرد و... است. در واقع شما در ابتدا، اسکلت کلی ساختمان را میسازید و در مرحله بعد، با استفاده از کچ، رنگ آمیزی و... آنرا زیبا میکنید.
طراحی وب با HTML نیز دقیقا به همین صورت است. HTML به شما کمک میکند تا با استفاده از تگ ها، ساختار و ساختمان کلی صفحه وب خود را تعریف کنید. مثلا بگویید که منو کجاست، هدر کجاست، فوتر کجاست و... .
در واقع HTML به شما کمک میکند تا ساختار کلی صفحه وب خود را بسازید و اسکلت بندی آنرا انجام دهید. و در مراحل بعد، توسط ابزارهای دیگر، میتوانید صفحه وب ساده ای که طراحی کردید را زیباتر و چشم نوازتر کنید.
یا مثلا یک انسان را تصور کنید
اگر بخواهیم دقیق تر به سوال HTML چیست پاسخ دهیم، میتوانیم HTML را با بدن یک انسان مقایسه کنیم.
اگر بدن یک انسان را به یک صفحهی وب تشبیه کنیم:
- ابتدا بدن انسان با استفاده از استخوان ها، اسکلت بندی میشود و ساختار کلی آن مشخص میشود.
- سپس با استفاده از کدهایی مثل CSS، میتوان به آن جذابیت های ظاهری بخشید (همانطور که کیفیت کدهای CSS یک صفحهی وب متفاوت است، کیفیت کدهای CSS دو انسان هم میتواند متفاوت باشد :) )
تگ (tag) چیست؟
شاید در حین کار با HTML به چیزهایی به نام «تگ یا tag» برخورد کرده اید و برایتان سوال پیش آمده است که تگ ها چه چیزهایی هستند.
در پاسخ به سوال HTML چیست باید بگوییم HTML با استفاده از تگ ها قدرت گرفته است. در واقع هرکاری که HTML انجام میدهد، از طریق تگ ها انجام میدهد و این تگ ها هستند که به HTML قدرت میدهند.
تگ ها در HTML میتوانند لینک ها، لیست ها، پاراگراف ها، جداول، عکس و همه چیز را بسازند و شما با استفاده از تگ هاست که میتوانید صفحات وب خود را اسکلت بندی کنید.
درباره تگ ها در HTML در آینده در یادیفای بصورت بسیار کامل صحبت خواهیم کرد.
رابطهی HTML و CSS
همانطور که چندین بار هم در این مقاله به آن اشاره کردیم، HTML و CSS به کمک یکدیگر میتوانند صفحات وب را بسازند.
شما با استفاده از HTML، ساختار کلی صفحه وب را مشخص میکنید و سپس با استفاده از CSS میتوانید به آن جذابیت های ظاهری اضافه کنید. دقیقا مثل همان مثال ساختمان سازی که با استفاده از میل گرد، بتن و... ساختار کلی ساختمان را میساختید و سپس با استفاده از رنگ و گچ بری و... آن ساختمان را زیبا میکردید
روش اجرای فایل های HTML
فایل های HTML برای اجرا شدن به هیچ تکنولوژی خاصی نیاز ندارد. شما برای اجرای فایل های HTML فقط نیاز به یک مرورگر دارید که از HTML پشتیانی کند و تمام مرورگرها این کار را برای شما انجام میدهند!
فرقی نمیکند از گوگل کروم استفاده میکنید یا فایرفاکس، شاید هم مرورگر شما سافاری یا اینترنت اکسپلورر باشد. در هر صورت شما میتوانید کدهای HTML خود را بنویسید و آنها را اجرا کنید. در آینده حتما یک آموزش بسیار جامع و رایگان دربارهی HTML و HTML5 خواهیم داشت.
چرا HTML یک زبان برنامه نویسی نیست؟
خیلی از اشخاصی که به خوبی مفهوم HTML را درک نکرده اند و نتوانسته اند که پاسخ خوبی برای سوال HTML چیست پیدا کنند، HTML را یک زبان برنامه نویسی میدانند که کاملا اشتباه است.
HTML هرگز نمیتواند یک زبان برنامه نویسی باشد. زیرا اصلا ویژگی های یک زبان برنامه نویسی، مثل متغیر ها، توابع، شرط ها، حلقه ها و... را ندارد. پس کاملا اشتباه است اگر HTML را یک زبان برنامه نویسی بدانیم. میتوانیم دربارهی HTML بگوییم که ابزاری است که با استفاده از تگ ها، میتواند صفحات وب را برای ما ساختاردهی کند.
HTML5 چیست و چه تفاوتی با HTML دارد؟
در ادامهی پاسخ به سوال HTML چیست ، میخواهیم کمی دربارهی HTML5 صحبت کنیم.
HTML5 آخرین نسخه از HTML است که طراحی وب را برای طراحان وب بسیار ساده تر و جذاب تر کرده است و چندین ویژگی بسیار جدید و جالب دارد. اگر میخواهید یک طراح وب حرفهای باشید، حتما باید از HTML5 استفاده کنید و به آن مسلط باشید.
در مقالهی بعدی در یادیفای، بصورت کامل به معرفی HTML5 میپردازیم و خیلی جزئی بررسی میکنیم که چرا HTML5 میتواند فوق العاده باشد!
منبع: یادیفای
مطلبی دیگر از این انتشارات
typescript چیست ؟
مطلبی دیگر از این انتشارات
4 کد ادیتور عالی برای جاوا اسکریپت از دیدگاه کاربران
مطلبی دیگر از این انتشارات
Thread ها در Node 10.5.0: یک شروع عملی