Html یک زبان نشانه گذاری است ، به اين معنی که بخش های مختلف توسط اجزايی به نام تگ از هم جدا شده ، که هر کدام دارای کاربرد و خواص مربوط خود هستند .
اچ تی ام ال (Hypertext Markup Language) یک زبان نشانه گذاری است که برای ساختاردهی و نمایش اطلاعات در وب استفاده میشود. تاریخچه اچ تی ام ال به دهه 1990 برمیگردد، زمانی که تیمی از محققان در سازمان CERN برای اشتراک گذاری اطلاعات بین علمای مختلف این زبان را ایجاد کردند.
نسخه اولیه HTML با نام “HTML 1.0” در سال 1993 منتشر شد و شامل تگهای ابتدایی برای ایجاد ساختارهای اساسی برای صفحات وب بود. در سالهای بعد، نسخههای جدیدی از HTML مانند HTML 2.0، HTML 3.2، HTML 4.01 و XHTML توسعه یافتند که قابلیتها و قوانین بیشتری را به طراحان وب ارائه میدادند. اما با ظهور تکنولوژیهای جدید مانند CSS و JavaScript، HTML تنها به عنوان زبان ساختاردهی نقش خود را بازی کرد و نسخههای جدیدی مانند HTML5 به منظور بهبود و اضافه کردن قابلیتهای پیشرفتهتر برای تجربه کاربری وب توسعه یافتند. امروزه HTML5 بطور گستردهای استفاده میشود و به عنوان استاندارد اصلی برای طراحی صفحات وب در مرورگرها شناخته میشود.
اچ تی ام ال به عنوان زبان ساختاردهی، مسئولیت بخش اصلی طراحی صفحات وب را بر عهده دارد. با استفاده از تگها و المانهای اچ تی ام ال ، ساختار و سازماندهی محتوا و عناصر صفحه تعریف میشود. اما اچ تی ام ال تنها قادر به ایجاد ساختار است و قابلیتهای ظاهری و تعاملی را ندارد.
در اینجا CSS (Cascading Style Sheets) وارد عمل میشود. CSS به طراحان وب امکان میدهد قوانین و قواعدی برای ظاهر و استایل صفحهها تعیین کنند. با استفاده از CSS، میتوان جزئیاتی مانند رنگها، فونتها، حاشیهها، ترازبندیها و انیمیشنها را کنترل و سفارشی کرد و به صفحههای اچ تی ام ال زیبایی و جذابیت بیشتری بخشید.
اما برای تعامل و پویایی بیشتر با کاربر، نیاز به جاوا اسکریپت وجود دارد. JavaScript یک زبان برنامهنویسی است که به صفحات وب امکانات تعاملی، پاسخگویی به رویدادها و اجرای عملکردهای پیچیدهتر را میدهد. با استفاده ازجاوا اسکریپت میتوان عملیاتی مانند اعتبارسنجی فرمها، تغییر محتوا به صورت پویا، ارسال درخواستها به سرور و بسیاری از امکانات دیگر را پیادهسازی کرد.
به طور خلاصه، اچ تی ام ال ساختار و سازماندهی صفحات وب را تعریف میکند، CSS ظاهر و استایل آنها را کنترل میکند وجاوا اسکریپت تعامل و عملکرد پویا را توسعه میدهد. با همکاری این سه زبان، صفحات وب میتوانند ساختاری منسجم، ظاهری زیبا و عملکردی پویا داشته باشند.
به قطعه کد زیر دقت کنید:
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
</head>
<body>
تمامی تگهای دیگر که در صفحه وب نمایش داده میشوند در این بخش قرار میگیرند
</body>
</html>
همانطور که در بالا مشاهده میکنید، این یک قطعه کد ساده از یک سند html است، هر کدام از عبارتهایی که با یک <>
مشخص شدهاند به اصطلاح یک تگ یا برچسب در html هستند.
<p>این یک متن آزمایشی است</p>
به <p>
در زبان html تگ باز و به </p/>
تگ بسته میگویند. توجه کنید که برخی از تگها در زبان html فقط دارای تگ باز هستند و اصلا تگ بسته ندارند مثل تگ <br>
که فقط یک تگ باز است و این تگ دقیقا کار اینتر را میکند.
Attribute یا صفت یا ویژگی چیست؟ دقت کنید که هر کدام از تگها در زبان html میتوانند یک سری Attribute یا ویژگی داشته باشند، اگر بخواهید برای هر تگ اطلاعات مشخصی را در نظر بگیرید باید با استفاده از اتریبیوتها این کار را انجام دهید. مثلا اگر بخواهید پس زمینه یک متن را سبز رنگ کنید (دقیقا مثل همین بخش) باید از Attribute استایل استفاده کنید.
زبان های برنامه نویسی شامل قطعه کدهایی نظیر توابع، متغیر ها و کلاس ها هستند.
در نهایت برای اجرا شدن و نمایش خروجی به کاربر بایستی تفسیر یا کامپایل شوند.
یعنی زمانی که ما از یک زبان سطح بالا مانند زبان کاتلین استفاده میکنیم
در نهایت بایستی این زبان به زبان ماشین یا همان صفر و یک کامپایل یا ترجمه شود.
اما تفاوت زبان نشانه گذاری htmlچیست تفاوت این است که HTML یک زبان نشانه گذاری میباشد نه برنامه نویسی.