با عرض سلام خدمت تمامی همراهان مباحث آموزشی طراحی سایت با 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>[box type=”note” align=”alignright” class=”” width=”100%”]
نکته :
- توجه داشته باشید که صفت ها همیشه باید داخل دابل کوتیشن (” “) و یا سینگل کوتیشن (‘ ‘) قرار بگیرند و با علامت = به نام صفت منتسب شوند.
- صفات HTML نسبت به کوچکی و بزرگی حروف حساس نیستند اما W3C (کنسرسیوم شبکه جهانی وب) که وظیفه استانداردسازی HTML و CSS را برعهده دارد توصیه میکند که از حروف کوچک (LowerCase) برای نام گذاری صفات استفاده کنید.
[/box]
پایانترم
خب امیدوارم که به صورت خیلی خلاصه با خاصیت ها یا صفت ها آشنا شده باشید. بریم سراغ پایان ترم خودمون.
[box type=”info” class=”question-from-users” width=””]سوال:
یک تگ <a> بسازید و خاصیت href را برابر https://mizfa.com قرار دهید.
همچنین خاصیت‌های alt و title را نیز بسازید و مقدار آن را برابر Mizfa قرار دهید.
مقدار تگ a را برابر میزفا قرار دهید.
به ایمیل کسانی که پاسخ درست و کامل رو در نظرات بگن ۱۰ هزارتومان در پنل کاربری آکادمی میزفا حسابشون شارژ میشه. (البته باید در آکادمی میزفا ثبت‌نام کنید تا بتونید از این امتیاز استفاده کنید.)
[/box]نتیجه گیری
خب به پایان این جلسه آموزشی طراحی سایت با HTML رسیدیم در جلسه آینده به معرفی صفت های عمومی خواهیم پرداخت امیدوارم مطالب این جلسه برای شما عزیزان مفید واقع شود.
36 پاسخ
خیلی ممنون از آموزش های خوبتون.
سلام امیر ممنون از تعاملت. درسته
بسیار ممنون
سلام
جواب رو به صورت عکس میزارم و امیدوارم جایزه هارو یکی یکی بگیرم که برنامه دارم برا استفاده 🙂
یه سوال هم داشتم، بود یا نبود صفت title تو این کد چه کاربردی داره؟ ممنون می شم جواب بدین
سلام امیر.
جایزه داده شده.
بودن title بیشتر به تجربه کاربری یا UX کمک میکنه. مثلا ما میتونیم در title بنویسیم “کلیک کن” تا وقتی کاربر ماوس رو روی لینک میبره اون دستور ما رو ببینه و احتمال کلیک بیشتر بشه.
سلام امیدوارم درست باشه و ممنون ازتون.
درود
این درسته و امتیاز داد شد 🙂
سلام این درسته؟
سلام امیر جان متاسفانه از ساختار اشتباهی استفاده کردی. لطفا دوباره تلاش کن.
اینم تمرین من به صورت عکس فرستادم.
سلام محمد درست گفتی ، ممنون جایزت رو به زودی برات شارژ میکنیم، خسته نباشی.
سلام امیدوارم درست بوده باشه?
سلام فرهان، درست نوشتی ولی داخل تگ a چیزی ننوشتی که لینکت نمایش داده بشه. توجه کن که باید پاسخت خروجی مطلوب هم داشته باشه.
لطفا یکبار دیگه تلاش کن و داخل تگ عنوان میزفا رو تعیین کن. ممنون از مشارکتت
امیدوارم درست باشه
سلام علی درست نوشتی. باریکلا. به زودی جایزه‌ات را دریافت میکنی.
سلام و خسته نباشید به علی اسماعیلی عزیز
من به تازگی تصمیم گرفتم با طراحی وب آشنا بشم و دارم با مباحث سایتتون این کارو انجام میدم. واقعن ممنون از زحمات و مطالب مفیدتتون.
توی این مقاله اگر لطف کنید توضیح بیشتری در رابطه با نوع نوشتن صفات بزارید ممنون میشم.
سلام علی، کاری نداره یه سری کلمات هستند که فقط کافیه به کد هات اضافه کنی.
مثلا در کد زیر، عبارت class=”” یک صفت هست که ما معرفی کردیم و داخل دابل کوتیشن ها عنوان کلاس را می‌نویسیم که همون مقدار خاصیت یا صفتمون هستش.
<p class=”” > mizfa.com </p class=”” >
mizfa
link
سلام علی اکبر، درسته ولی از این به بعد با عکس تمرین‌ها رو بفرست. ممنون و جایزه‌ات را به زودی میگیری.
بسیار ممنون از زحمات شما
سلام محمد عزیز، درست نوشتی، جایزه ات رو به زودی دریافت میکنی.
پاسخ سوال :
سلام، ممنون محمد عزیز ولی بخش alt را رعایت نکردی، لطفا اون رو هم داخل تگت قرار بده و برامون بفرست.
با سلام صفت آی دی رو در تگ پی در سایتتون توضیح دادین؟میشه لینک آموزش های اون قسمت رو برام بفرستید.
ممنون.
اسی
سلام اسی، برای همه تگ ها استفاده از id یکسان هست.
مقاله آشنایی با ID ها در HTML را مطالعه کن.
با سلام و عرض خسته نباشید خدمت شما وسایر همکارانتان
میشه صفت sizeرو در تگ پاراگراف برام لینکشو بفرستید چون تو سایت پیداش نمیکنم.
ممنون.
اسی.
سلام اسی، برای تگ پاراگراف صفت سایز که نداریم، این صفت برای input و select هستش. اگر ویس رو گوش دادی، گفتم که صفت id رو مقدارش رو size میذاریم.
واقعا دمتون گرم که این همه آموزش رو رایگان میزارید
لطفا همینطور ادامه بدید.
خدا قوت
سلام مبین عزیز. ممنونم از حضورت. امیدوارم اموزش ها رو پیش ببری و نهایت استفاده رو بکنی.
سلام.چرا مقاله ها نسخه قابل چاپ ندارند؟
سلام. کنترل P رو فشار بدید برای چاپ کردن.
عالی
موفق و موید باشید
واقعا عالی !
توضیحات واقعا کامل بود.
خسته نباشی آرزو ابراهیمی
ممنونم … موفق باشید.
تشکر از زحمات شما مهندس ابراهیمی 🙂
ممنون از انرژی مثبت شما 🙂