طراحی وب

HTML چیست

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

کدی که برای جذابیت بصری آن‌ها استفاده شده به عنوان CSS شناخته می‌شود و ما در آموزش بعدی به این موضوع خواهیم پرداخت. در حال حاضر، ما بر روی آموزش ساخت و نه طراحی تمرکز خواهیم کرد.

پیش از اینکه به معرفی HTML بپردازیم لازم است تا ابتدا با انواع برنامه‌ھای تحت وب آشنا شویم. برنامه‌ھای تحت وب بصورت کلی به دو دسته تقسیم می‌شوند:

  • برنامه‌ھای استاتیک (Static)

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

  • برنامه‌های داینامیک (Dynamic)

    برنامه‌هایی هستند که داده‌ای را از کابر گرفته سپس آن را پردازش کرده و نتیجه آن را در اختیار کاربر قرار می‌دهند.

از HTML برای ساختن صفحات استاتیک استفاده می‌شود و به وسیله آن می‌توان صفحات وبی ساخت که شامل عکس، فیلم، موزیک، پاراگراف، جدول و … است. HTML مخفف عبارت Hyper Text Markup Language به معنی زبان نشانه گذاری ابر متن است، که در ادامه به توضیح ھر یک از کلمات این عبارت خواهیم پرداخت و معرفی زبان HTML را تکمیل خواهیم کرد.

HTML چیست

HTML برای اولین بار توسط تیم برنرز لی، رابرت کیلیاو و دیگران از سال ۱۹۸۹ ایجاد شد و سرنام عبارتHyper Text Markup Language است.

Hypertext به این معنی است که سند حاوی پیوندهایی است که به خواننده اجازه می‌دهد به مکان‌های دیگر سند یا کلاً به سند دیگری بپردازد. آخرین نسخه آن به HTML5 معروف است.

Markup Language روشی است که کامپیوترها برای کنترل نحوه پردازش و ارائه متن با یکدیگر صحبت می‌کنند. برای انجام این HTML از دو چیز استفاده می شود: برچسب‌ها (tags) و ویژگی‌ها (attributes).

برچسب‌ها (tags) و ویژگی‌ها (attributes) چه هستند

برچسب ها و ویژگی ها اساس HTML هستند. آنها با هم کار می‌کنند اما عملکردهای مختلفی را انجام می‌دهند.

برچسب‌ها (tags)

از برچسب ها برای مشخص کردن شروع یک عنصر HTML استفاده می‌شود و آنها معمولاً در براکت های زاویه‌ای محصور می‌شوند. یک مثال از برچسب: <h1>

برای اجرایی شدن باید بیشتر برچسب ها <h1> باز و بسته شوند </h1>

ویژگی‌ها (attributes)

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

نمونه‌ای از یک ویژگی:

در این نمونه، منبع تصویر (src) و متن جایگزین (alt) ویژگی‌های برچسب <img> هستند.

قوانین طلایی برای یادآوری

  • اکثریت قریب به اتفاق برچسب‌ها باید با اطلاعات عنصر مانند عنوان یا متن در بین برچسب ها باز شوند (<tag>) و بسته شوند (</tag>).
  • هنگام استفاده از چندین برچسب، برچسب‌ها باید به ترتیب باز شده بسته شوند. مثلا:

از چه چیزهایی اجتناب کنید

  • هنگام نوشتن کد HTML از Microsoft Word یا پردازنده کلمات استفاده نکنید، فقط یک ویرایشگر HTML یا حداقل دفترچه یادداشت داخلی دستگاه شما برای کار مناسب است.
  • در مرحله دوم، اطمینان حاصل کنید که چندین مرورگر مختلف مانند Chrome و Firefox را نصب کرده‌اید تا از نسخه آینده خود پیش‌نمایش بگیرید.

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

همانطور که گفتیم زبان HTML یک زبان نشانه گذاری است و اصطلاح زبان برنامه‌نویسی HTML یک اصطلاح اشتباه است.

طبق تعریفی که برای صفحات استاتیک و پویا (داینامیک) داشتیم، HTML برای طراحی صفحات استاتیک استفاده می‌شود و به دلیل نداشتن امکانات و توابع داینامیک یک زبان برنامه نویسی به حساب نمی‌آید.

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

مزایای HTML 

  • به علت داشتن منابع بسیار خوب و انجمن‌های رفع اشکال قدرتمند این زبان یکی از پراستفاده‌ترین زبان‌هاست.
  • به طور کلی در تمامی مرورگرهای وب به صورت Native یا زبان مادری فعال است.
  • یادگیری آن بسیار راحت بوده و نیازی به دانش قبلی ندارد.
  • متن‌باز و کاملا رایگان است.
  • کدهای کاملا قابل فهم و ساده‌ای دارد.
  • استاندارد های اصلی وب توسط سازنده همین زبان یعنی W3C تعیین می‌شود.
  • با زبان‌های برنامه‌نویسی سمت سرور یا Backend مثل PHP ، Node.js و Python (فلسک یا جنگو) براحتی ارتباط برقرار می‌کند.

معایب HTML

  • در بیشتر مواقع برای ساخت صفحات و برنامه‌های استاتیک از آن استفاده میشود و برای استفاده پویا یا داینامیک از HTML نمی‌توانید استفاده کنید و باید از Javascript یا یک زبان سمت سرور مثل PHP استفاده کنید.
  • از یک منطق خاصی برای ساخت صفحات پیروی نمیکند. برای هر صفحه شما باید بخش های مختلف آن را بسازید و تعریف کنید که آن بخش چه کاری انجام می‌دهد.
  • بعضی از مرورگرها امکانات و ویژگی‌های جدید رو دیر پیشتیبانی می‌کنند.
  • پیش‌بینی رفتار مرورگرها در نمایش کدها کمی سخت است (به عنوان مثال بعضی از مرورگر های قدیمی تگ‌های جدید موجود در HTML5 را نمی‌شناسند و نمی‌توانیم تضمین دهیم که با بعضی از راهکارها باز هم تمامی مرورگرها وب‌سایت ما را صحیح نمایش بدهند).

در جلسات بعدی سعی خواهیم کرد ساختار یک صفحه HTML را بررسی کرده و سعی کنیم با HTML یک صفحه بسازیم.

منابع: HTML.com میزفا

فرشید نوتاش حقیقت

همیشه نیازمند یک منبع آموزشی فارسی در حوزه نرم‌افزارهای آزاد/ متن‌باز و سیستم‌عامل گنو/لینوکس بودم. از این رو این رسالت رو برای خودم تعریف کردم تا رسانه «محتوای باز» رو بوجود بیارم.

نوشته های مشابه

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

نشانی ایمیل شما منتشر نخواهد شد.

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.

همچنین ببینید
بستن
دکمه بازگشت به بالا