مدرس دوره

نبی عبدی

زمان ویدیو

12:50 دقیقه

برو به دیگر جلسات

آموزش HTML و CSS

دانلود ویدیو

وارد شوید

مفاهیم پایه زبان HTML | آشنایی با تگ‌ ها و صفت ها

آخرین بروزرسانی در تاریخ : 1 تیر 1402
باید لاگین کنید!

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

زبان HTML چیست؟

HTML یا HyperText Markup Language، زبانی است که برای ساختاردهی و نمایش اطلاعات در صفحات وب استفاده می‌شود. HTML از تگ‌ها و صفت‌ها برای تعریف عناصر مختلف صفحه استفاده می‌کند. در این مقاله، به معرفی مفاهیم پایه HTML و آشنایی با تگ‌ها و صفت‌ها خواهیم پرداخت.

تگ در زبات html چیست؟

تگ‌ها یا عناصر HTML برای تعریف ساختار صفحه استفاده می‌شوند. یک تگ توسط نام آن واکشی می‌شود، که درون علامت های زوج < و > قرار می‌گیرد. به عنوان مثال، تگ برای تعریف یک پاراگراف استفاده می‌شود. تگ‌ها می‌توانند خالصه شده و بدون بسته شدن (self-closing) یا با بسته شدن (closing) باشند. تگ‌ها می‌توانند صفت‌های مختلفی را داشته باشند که با استفاده از ویژگی های صفت تعیین می‌شوند.

ویژگی‌ها یا صفت‌ها در زبان html چیست؟

ویژگی‌ها یا صفت‌ها (Attributes) به تگ‌ها اضافه می‌شوند تا خصوصیاتی مانند رنگ، اندازه، لینک و غیره را به عناصر HTML اختصاص دهند. هر صفت دارای نام و مقدار است که بین علامت مربعی (” “) درون تگ قرار می‌گیرد. به عنوان مثال، در تگ که برای ایجاد یک لینک استفاده می‌شود، می‌توانیم با استفاده از صفت href، آدرس لینک را مشخص کنیم.

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

جمع بندی

در پایان، مهم است به یاد داشته باشیم که HTML تنها به تعریف ساختار صفحه می‌پردازد و به تنظیمات ظاهری صفحه اهمیتی نمی‌دهد. برای تنظیم استایل و ظاهر صفحه، از CSS (Cascading Style Sheets) استفاده می‌شود.

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

5/5 - (3 امتیاز)

دیدگاه و پرسش

  1. محراب قنبری میگوید:

    سلام
    میتونیم از تگ body در تگ head استفاده کنیم؟

    • پشتیبانی میگوید:

      سلام، خیر از نظر ساختاری این کار اشتباه است.

  2. الیاس میگوید:

    افزونه ی HTML Play را نصب و فعال کردم اما نمایش همزمان نمی ده چطور کار می کنه؟

    • پشتیبانی میگوید:

      برای یادگیری و نحوه استفاده از این افزونه از این لینک استفاده کنید.

  3. الیاس میگوید:

    برای این جلسه توضیحات متنی زیر فیلم اموزشی ظاهرا فراموش شده!

    • پشتیبانی میگوید:

      بله بزودی تکمیل خواهد شد.

  4. الیاس میگوید:

    برای طراحی سایت وبکیما از چه نرم افزارهایی استفاده شده است؟ المنتور ؟ ویژوال استدیو کد ؟ دیگه چی؟

    • پشتیبانی میگوید:

      سایت وبکیما توسط کدنویسی اختصاصی طراحی شده است.

  5. علی میگوید:

    سلام وقتتون بخیر
    چرا لینکی که وارد کردیم باز نمی شود ؟ البته گویا از PC شخصی لینک را میخواند و به اینترنت متصل نیست

    • پشتیبانی میگوید:

      سلام، لینک را به درستی وارد نکرده‌اید.

آموزش‌های ویدیویی جدید یوتیوب رو از دست ندی!

بزن بریــم!