آشنایی با HTML
در ابتدا باید به شما بگوییم که عبارت HTML ( اچ تی ام ال ) مخفف Hyper Text Markup Language به معنی زبان نشانه گذاری فوق متن و یا ابرمتن است. Html زبان استاندارد طراحی صفحات وب است. یعنی صفحات وب فقط و فقط کدهای نشانه گذاری شده با html را می شناسند و اگر شما از فریم ورکهای مختلف برای بخش front-end و یا back-end سایت خود استفاده کنید، این کدها در نهایت به HTML تبدیل می شوند تا برای صفحات وب قابل شناسایی باشند.
مرورگر شما هیچ کدام از زبان های پیشرفته را نمی شناسد! یعنی اگر شما برای سمت سرور خود از زبان هایی مانند asp.net، پایتون، PHP و … استفاده کنید، این زبان ها هستند که وظیفه تبدیل کردن کدهای شما به HTML را دارند.
همچنین برای سمت کاربر و جلوه های ظاهری سایت ممکن است شما از فریم ورک هایی مانند انگولار یا فریم ورک های دیگر فرانت اند استفاده کنید که همین اتفاق در این بخش نیز رخ می دهد.
این نکته را بدانید که HTML یک زبان برنامه نویسی نیست!. بلکه یک زبان نشانه گذاری است و به عنوان اسکلت اصلی تمامی سایت هایی است که برنامه نویسان و طراحان سایت می سازند.
HTML یک زبان بسیار ساده است و اگر می خواهید به تارگی وارد دنیای وب و طراحی سایت شوید باید با این زبان آشنایی داشته باشید.
HTML به تنهایی ظاهری ندارد!
زبان HTML هیچ ظاهری ندارد و مانند استخوان های بدن است که بدون آن نمی توان زندگی کرد . اما هیچ جذابیت ظاهری برای بدن ایجاد نمی کند.
به همین خاطر css به کمک html آمده است تا ظاهر اولیه سایت را سر و سامان ببخشد. و البته برای داشتن ظاهری زیبا و سایتی پویا css به تنهایی پاسخگو نیست و شما باید زبان جاوا اسکریپت و فریم ورکهای آن را نیز یاد بگیرید.
برای یادگیری این زبان‌ها اصلا واهمه نداشته باشید. چرا که هم HTML و هم CSS ساده ترین زبان های کامپیوتری و نشانه گذاری به شمار می آیند و به سادگی و راحتی قابل یادگیری اند.
در واقع می توانیم بگوییم HTML ابزاری است که با استفاده از تگ‌ها که با علامت “<>” نمایش داده می شوند، اقدام به ساخت قالب کلی و اسکلت صفحات وب میکند.
نوشتن کد به زبان HTML نیاز به نرم افزار خاصی ندارد!
همان طور که گفتیم این زبان، یک زبان نشانه گذاری است و برای اجرای و یا نوشتن آن نیاز به هیچ نرم افزار خاصی (غیر از نرم افزارهای موجود بر روی سیستم عامل ها) ندارد.
برای نوشتن کدها تنها کافی است که شما یک فایل متنی یا notepad را باز کنید و کد مورد نظر خود را بنویسید و بعد آن را با پسوند .اچ تی ام ال ذخیره کنید!و به همین راحتی.
البته لازم است که بدانید IDE های خوب و مناسبی نیز برای کار با این زبان نشانه گذاری وجود دارند که کار شما را راحت تر می کنند. این نرم افزارها ظاهر گرافیکی مناسب‌تری نیز دارند. از جمله این IDE ها می توانیم به VSCode اشاره کنیم که در طراحی سایت و فرانت اند بسیار کاربردی است.
این IDE تقریبا برای همه فریم ورکهای فرانت اند، اکستنشن قابل نصب دارد. این نرم افزار را می توانید به صورت رایگان از این لینک دانلود کنید و استفاده کنید.
تگ چیست؟
در html با عبارت تگ مواجه خواهید شد. تگ ها اصلی‌ترین عامل برای کدنویسی در HTML هستند. در واقع همه کدها در html داخل تگ ها نوشته می شوند. حتی خود اچ تی ام ال! برای مثال این تگ را ببینید:
<html> … </html>
تمام کدهای html باید داخل این تگ اصلی قرار بگیرند. تگ اولی به عنوان شروع است.
تگ آخر که با / مشخص کردیم به معنای پایان تگ است. شما باید محتوای خود را بین دو تگ و در قسمت سه نقطه بگذارید.
در مقاله ای دیگر به طور کامل انواع تگ ها و پر استفاده ترین آن‌ها را استفاده خواهیم کرد.