دانلود وردپرس

نسخه 4.4 فارسی

ارسال مقاله

شما هم نویسنده شوید

قالب HTML

کاملا فارسی و راست چین

فارسی سازی

درخواست فارسی سازی

عرض سلام و احترام خدمت بازدیدکنندگان عزیز نالرز

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

صفت ها در HTML

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

خب بریم سراغ آموزش صفت ها در HTML

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

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

صفات عمومی برای اکثر المان ها یا همون تگ ها درون HTML یکسان هستند و یک کار را انجام می دهند.

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

مهم ترین نکته ای که باید در مورد صفات به خاطر داشته باشین این هست که صفات همیشه درون تگ آغازین به کار می روند.

همچنین هر صفت از دو قسمت اصلی تشکیل شده :

Name : نام صفتی هست که میخواهیم به یک تگ اختصاص بدیم.

Value : مقداری است که برای صفت تعیین می شود.

برای درک بهتر به مثال زیر دقت کنید.

تگ p برای چه چیزی استفاده میشد؟ بله، برای ایجاد یک پاراگراف. یکی از صفت های تگ p صفت align است که در مثال بالا به آن مقدار center را نسبت داده ایم. این یعنی اینکه نحوه چیدمان این تگ p به صورت وسط چین باشد. اما به تگ پاراگراف دوم دقت کنید! به صورت چپ چین نمایش داده شده است. یعنی پیش فرض به صورت چپ چین است؟ خیر! تگ ها صفات را از پدر خود به ارث می برند. این یعنی اینکه تگ p صفت دوم صفت خود را از پدرش یعنی تگ body به ارث برده.

نتیجه کد بالا را در زیر مشاهده کنید :

صفت align در html

 

برای استفاده از صفت ها ابتدا صفت را می نویسیم سپس یک علامت = و پس از آن مقداری که میخواهیم به صفت نسبت دهیم را درون علام تک کوتیشن( ‘ ‘ ) یا دابل کوتیشن ( ” ” ) قرار می دهیم. این قالب برای همه صفت ها یکسان است.

در CSS ما همین صفات و مقدارشان را به صورتی دیگر به تگ ها نسبت می دهیم که در دوره CSS به طور مفصل و کاربردی آموزش خواهیم داد.

 

پس قالب کلی صفات در HTML به صورت زیر است.

در تگ های غیر تهی :

و درون تگ های تهی نیز :

 

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

در زیر فقط یکی از تگ های عمومی را بیان می کنیم و در طول دوره به مرور تمام صفات عمومی و خصوصی را برای هر تگ بیان خواهیم کرد.

صفت dir:

این صفت برای جهت گیری عناصر در HTML استفاده می شود.

ltr : جهت گیری از چپ به راست عنصر ( Left to Right )

rtl : جهت گیری از راست به چپ ( Right to Left )

 

تمرینات صفات در HTML :

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

برای درک بهتر به عکس زیر دقت کنید.

تمرین صفات در HTML

nullers.ir

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

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

خبرنامه نالرز

اگر وردپرس بخشی از زندگی شما را تشکیل میدهد , ایمیل خود را در کادر زیر وارد کنید و خود را به طور رایگان عضوی از خانواده +12000 تایی وردپرسی ها کنید !
مطمئن باشید ایمیل شما پیش ما محفوظ است و پاتوق تبلیغاتی ما نخواهد بود