جستجو پیشرفته محصولات

خواندن این مطلب

5 دقیقه

زمان میبرد!

Html

Html چیست ؟

عبارت Html ( اچ تی ام ال ) مخفف Hyper Text Markup Language به معنی زبان نشانه گذاری فوق متن است. Html زبان استاندارد طراحی صفحات وب است و کليه کدهای صفحه اعم از طرف سرور و طرف مشتری در نهايت به کدهای HTML تبديل شده و توسط مرورگر نمايش داده می شوند.

به عبارت دیگر مرورگر ها هیچکدام از کدها و کنترل های سمت سرور همچون کدهای asp و php را نمیشناسند و کد قابل فهم برای آنها اچ تی ام ال می باشد.

Html یک زبان نشانه گذاری است ، به اين معنی که بخش های مختلف توسط اجزايی به نام تگ از هم جدا شده ، که هر کدام دارای کاربرد و خواص مربوط خود هستند . اين تگ ها به مرورگر اعلام می کنند که هر بخش از صفحه چه نوع عنصری است و بايد به چه صورت نمايش داده شود .

 هر یک از کدهای html ، معنا و مفهوم خاصی دارند و تأثیر مشخصی بر محتوا می‌گذارند. مثلاً برچسب‌هایی برای تغییر شکل ظاهری متن، نظیر درشت و ضخیم کردن یک کلمه یا برقراری پیوند به صفحات دیگر در اچ‌تی‌ام‌ال تعریف شده‌اند.

اچ‌تی‌ام‌ال زبان برنامه‌نویسی نیست، بلکه زبانی برای نشانه‌گذاری ابرمتن است و اساساً برای ساخت‌مند کردن اطلاعات و جدایش اجزای منطقی یک نوشتار — نظیر عناوین ، تصاویر ، فهرست‌ها ، بندها و جداول — به کار می‌رود. از سوی دیگر، اچ تی ام ال را نباید به عنوان زبانی برای صفحه‌آرایی یا نقاشی صفحات وب به کار بُرد؛ این وظیفه اکنون بر دوش فناوری‌های دیگری همچون سی اس اس ( Css ) است که در بخش آموزش Css به طور کامل به آن خواهیم پرداخت.

مخترع HTML چه کسی است؟

در سال ۱۹۸۰ فیزیکدانی به نام تیم برنرز-لی که با پروژه CERN همکاری داشت ENQUIRE را طراحی و ارائه کرد که یک سیستم مهم برای محققان CERN بود تا اینکه از این داده‌ها به شکل مشترک استفاده کنند. در سال ۱۹۸۹، Berners- Lee یک یادداشت پیشنهاد یک سیستم ابر متن مبتنی بر اینترنت نوشت. Berners- Lee یک نوع خاص اچ تی ام ال را مشخص نمود و یک نسخه جستجوگر و نرم‌افزار سرور را در انتهای۱۹۹۰ نوشت.

در سال 1989 تیم برنرزلی اولین بار www که مخفف کلمات World Wide Web به معنی شبکه جهانی وب است را اختراع کرد. در 6 آگوست 1991 میلادی که برابر است با سه شنبه، 15 مرداد 1370 اولین صفحه اچ تی ام ال خود را در دنیای وب ساخت.

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

doctype html: این تگ به مرورگر نشان می‌دهد که از چه نسخه‌ای از اچ تی ام ال استفاده می‌کنیم.
تگ html: این تگ یک تگ مادر است و تمام تگ‌های اچ تی ام ال ، به جز تگ بالا باید داخل این تگ قرار بگیرند تا به عنوان زبان اچ تی ام ال شناخته شوند.
تگ head: این تگ به عنوان مغز متفکر صفحات وب عمل می‌کند و کارهایی مثل تعامل با موتور جستجو، تعامل با فایل‌های CSS و JavaScript، عنوان صفحه، توضیحات صفحه و… در داخل تگ head قرار می‌گیرند.
تگ body: مهم‌ترین تگ HTML است. تمام عناصری (Elements) که مربوط به ظاهر صفحه هستند باید در این تگ قرار بگیرند. مانند: تصاویر سایت، جداول، فرم‌ها، متون سایت، دکمه‌ها و…

انواع Tag در اچ تی ام ال

به طور کلی در HTML دو نوع تگ داریم:

  1. تگ باز (Opening Tag): علامت <TagName>
  2. تگ بسته (Closing Tag): علامت <TagName/>

هر تگ HTML با علامت <> باز می‌شود و با علامت </> بسته می‌شود. برای مثال تگ img که به صورت تگ باز <img> است و تگ بسته ندارد.

تفاوت Tag با Element در HTML چیست؟

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

مزایای HTML

HTML نیز مانند هر زبان دیگر مزایا و معایبی دارد. اما مزایای زبان اچ تی ام ال چیست؟

  1. زبان مشترک و پایه برای همه‌ی برنامه نویسان وب
  2. ادغام با سایر زبان‌های برنامه نویسی مانند Python ،PHP ،JavaScript و…
  3. قابلیت پشتیبانی در همه مرورگرها
  4. یادگیری آسان و لذت‌بخش
  5. متن باز و رایگان

معایب HTML

HTML علاوه بر مزایا، معایبی نیز دارد. معایب زبان اچ تی ام ال چیست؟

  1. ایجاد صفحات استاتیک.
  2. عدم پشتیبانی از HTML5 در مرورگرهای قدیمی.
  3. امروزه به تنهایی کاربرد ندارد و باید در کنار یک زبان برنامه نویسی استفاده شود.

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

با اچ تی ام ال به تنهایی فقط می‌توان صفحات استاتیک ساخت نه داینامیک. در سایت‌های استاتیک پایگاه داده یا دیتابیس وجود ندارد و اطلاعات از طریق فرم‌ها (مانند: فرم ورود ثبت نام و…) ذخیره نمی‌شود و باید اطلاعات را به‌صورت دستی در داخل کدهای HTML قرار داد.

اگر بخواهیم اطلاعات از طریق فرم در پایگاه داده ذخیره شود و به‌صورت خودکار در داخل کدهای HTML قرار بگیرد، باید در کنار اچ تی ام ال از JavaScript ،CSS و یک زبان برنامه نویسی سمت سرور مانند PHP یا Python استفاده کرد.

چرا باید اچ تی ام ال را یاد بگیریم؟

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

یادگیری اچ تی ام ال سخت است؟

یادگیری اچ تی ام ال بسیار آسان است و قواعد بسیار راحتی دارد. در هر سنی که باشید یادگیری اچ تی ام ال سخت نیست.

یادگیری اچ تی ام ال چقدر طول می‌کشد؟

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

Html

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



نظرات کاربران



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

مطالب مرتبط



جستجو کنید ...

محصولات جدید

دوره مقدماتی تا پیشرفته CSS
تومان
190,000
دوره مقدماتی جاوا اسکریپت
تومان
199,000
دوره مقدماتی تا پیشرفته HTML
رایــگان