آموزش HTMLآموزش طراحی سایت

صفت ها در HTML

اعمال تنظیمات بیشتر و کاربردی روی تگ ها

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

پادکست های علی اسماعیلی در میزفا

صفت ها در HTML

به وسیله ی صفت ها یا Attribute ها در HTML می‌توانیم ویژگی ها و تنظیمات خاصی را به تگ های HTML اعمال نماییم و کنترل بیشتری بر روی تگ های HTML داشته باشیم از این رو صفت ها یکی از مهم ترین و اصلی ترین بخش ها در HTML هستند. به عنوان مثال با استفاده از صفت id می توانیم یک شناسه ی منحصر به فرد به تگ های HTML نسبت دهیم.

ما در میزفا علاوه بر کلمه صفت ها، گاها از کلمه خاصیت هم برای معرفی Attribute ها استفاده کرده‌ایم.

انواع صفت ها در اچ تی ام ال (HTML) :

صفت ها در اچ تی ام ال به دو دسته تقسیم می‌شوند: صفت های عمومی و صفت های اختصاصی

  • صفت های عمومی  :

    این صفات در بین تگ های اچ تی ام ال مشترک هستند و در تمام تگ ها کار یکسانی را انجام می‌دهند به عنوان مثال صفت align برای تگ p نحوه چینش متن پاراگراف را کنترل می‌کند.

  • صفت های اختصاصی :

    این صفات منحصر به تگ های خاصی هستند به عنوان مثال صفت type یک صفت اختصاصی برای تگ input محسوب می‌شود .

صفت ها در HTML از دو بخش Name و Value تشکیل می‌شوند و همیشه در تگ آغازین به کار می‌روند.

  • Name: این بخش معرف نام صفت است مثلا صفت class یک صفت عمومی است که همه تگ های اچ تی ام ال از این صفت استفاده می‌نمایند.
  • Value: این بخش مقداری را برای صفت تعیین می‌کند مثلا مقدار rtl برای صفت dir باعث راست چین شدن متن پاراگراف می‌شود.

شکل کلی تعریف صفات برای عناصر به این صورت است:

<tagname attribute1='value' attribute2='value'> content </tagname>

مثال زیر پاراگراف را راست چین می‌کند:

<p dir="rtl"> معرفی صفات در اچ تی ام ال (HTML) </p>

نکته :

  • توجه داشته باشید که صفت ها همیشه باید داخل دابل کوتیشن (” “) و یا سینگل کوتیشن (‘ ‘) قرار بگیرند و با علامت = به نام صفت منتسب شوند.
  • صفات HTML نسبت به کوچکی و بزرگی حروف حساس نیستند اما W3C (کنسرسیوم شبکه جهانی وب) که وظیفه استانداردسازی HTML و CSS را برعهده دارد توصیه می‌کند که از حروف کوچک (LowerCase) برای نام گذاری صفات استفاده کنید.

 

پایانترم

خب امیدوارم که به صورت خیلی خلاصه با خاصیت ها یا صفت ها آشنا شده باشید. بریم سراغ پایان ترم خودمون.

سوال:

یک تگ <a> بسازید و خاصیت href را برابر https://mizfa.com قرار دهید.

همچنین خاصیت‌های alt و title را نیز بسازید و مقدار آن را برابر Mizfa قرار دهید.

به ایمیل کسانی که پاسخ درست و کامل رو در نظرات بگن ۱۰ هزارتومان در پنل کاربری آکادمی میزفا حسابشون شارژ میشه. (البته باید در آکادمی میزفا ثبت‌نام کنید تا بتونید از این امتیاز استفاده کنید.)

نتیجه گیری

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

علی اسماعیلی

درباره خودم گفتن یا نوشتن کار آسونی نیست. باید تو کم‌ترین حجم مهم‌ترین اطلاعات رو بنویسی. وقتی که اولین بار دستم به کیبورد خورد، ۶ سالم بود. حس جالبی بود؛ زندگیم شده بود ۴ تا کلید WASD روی کیبورد کامپیوتر برای کنترل ماشین. از ۱۰ سالگی که مادرم با فوتوشاپ کار می‌کرد کنارش نشستم و یاد گرفتم. ۱۳ سالم بود که اولین وب‌سایتم رو با پی اچ پی نیوک ایجاد کردم. تا الان وب سایت‌های زیادی رو شروع کردم و شاید به خاطر اینکه هدف تجربه کردن رو داشتم شکست خوردند. موفق‌ترین پروژه شکست خوردم رو می‌تونم اوکسو معرفی کنم که شاید اسمش رو شنیده باشید. الانم دارم کار‌هایی رو شروع می‌کنم چون با خودم عهد کرده بودم که تا بیست سالگی جاهای مختلفی کار کنم و تجربه کنم و بعد از تجربیاتم استفاده کنم. بعد از رسیدن به بیست سالگی خوشحالم که یکی از تجربیات خوبم همکاری با میزفاست و دارم ادامش میدم...

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

‫9 دیدگاه ها

  1. واقعا دمتون گرم که این همه آموزش رو رایگان میزارید

    لطفا همینطور ادامه بدید.
    خدا قوت

    1. سلام مبین عزیز. ممنونم از حضورت. امیدوارم اموزش ها رو پیش ببری و نهایت استفاده رو بکنی.

  2. واقعا عالی !
    توضیحات واقعا کامل بود.
    خسته نباشی آرزو ابراهیمی

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

حداکثر حجم فایل برای آپلود: 1 مگابایت. فایل‌های مجاز برای آپلود: عکس, ویس, ویدیو, ورد یا پی دی اف, فایل متنی, زیپ. شما می‌تونید برای بهتر پرسیدن سوالتون، عکس یا ویس یا حتی فیلم در بخش نظرات میزفا آپلود کنید. برای ضبط ویس می‌تونید از خود واتس آپ استفاده کنید و بعد اینجا آپلود کنید و برای ارسال عکس هم کافی هست اسکرین شات بگیرید.

دکمه بازگشت به بالا
با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

عضویت در خبرنامه هفتگی برای دریافت:

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
فیلم آموزشی asp.net core 2
ترک میزفا خوب نیست!
دوره سئو، رایگان شد.
فرصتی رایگان برای یادگیری
کاراکتر اشاره گر
دوره سئو، رایگان شد.
فرصتی رایگان برای یادگیری
کاراکتر اشاره گر
چقدر میخوای ترافیک سایتت رو از طریق گوگل افزایش بدی؟
۱۵ ساعت فیلم آموزشی سرچ کنسول گوگل به زبان ساده تا پیشرفته بهت کمک میکنه تا سایتت به صورت طبیعی در نتایج بدون داشتن پیش‌نیازی رشد بدی، صرفا اراده میخواد و یک ماه وقت بذاری، فیلم ببینی، عمل کنی، همین. ما هم بهت کمک میکنیم.
بالای ۲۵۰ نفر شرکت کردن و الان تخفیف خورده