امتیاز موضوع:
  • 3 رأی - میانگین امتیازات: 3.67
  • 1
  • 2
  • 3
  • 4
  • 5

آموزش کار با صفت Style در HTML

#1
اگر بخش های قبلی از آموزش زبان HTML را دنبال کرده باشید، ما در بخش کار با صفات کمی و بطور کوتاه با صفت Style آشنا شدیم، حال در این بخش بطور کامل میخواهیم با این صفت در HTML آشنا شویم.

این صفت در دسته ی صفات عمومی HTML می باشد، منظور از عمومی بودن یک صفت یعنی اینکه این صفت میتونه در اکثر و یا تمامی تگ های HTML مورد استفاده قرار بگیرد.

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

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

شکل کلی برای استفاده از صفت Style در تگ های HTML بصورت زیر می باشد :

<tagname style=" property:value; ">
1
<tagname style=" property:value; ">
که tagname نام تگی است که قرار است براش استایل تعریف نماییم و property و value نیز به ترتیب ویژگی و مقدارش می باشد که میخواهیم بروی تگ مورد نظر اعمال نماییم.

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

پس همونطور که گفتم ما میتونیم به راحتی از دستورات CSS درون صفت Style استفاده نماییم، لذا تعداد دستورات یا ویژگی های زبان CSS زیاد می باشند و قرار نیست من همه ی این دستورات رو در این بخش ارائه دهم بلکه فقط چندین دستور پرکاربرد رو برای شما دوستان محترم ارائه میدهم.

در ادامه و در این بخش میخواهیم با ویژگی های زیر برای استفاده در صفت Style آشنا شویم:

Background-color – برای تنظیم رنگ پس زمینه یک عنصر
Color – برای تنظیم رنگ متن یک عنصر
Font-size – برای تنظیم اندازه متن یا فونت یک عنصر
Text-align – برای تنظیم مکان قرار گیری متن موجود در یک عنصر
Background-Image – برای گذاشتن عکس/تصویر در پس زمینه یک عنصر


مثال :
کد:
<body>

<p style="background-color:red;">
Free-Learn
</p>

</body>
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
ناشناس
پاسخ
 سپاس شده توسط Prometheus ، ᴀʀмɪss ، shghyegh ، شـــقآیــق
آگهی


[-]
به اشتراک گذاری/بوکمارک (نمایش همه)
google Facebook cloob Twitter
برای ارسال نظر وارد حساب کاربری خود شوید یا ثبت نام کنید
شما جهت ارسال نظر در مطلب نیازمند عضویت در این انجمن هستید
ایجاد حساب کاربری
ساخت یک حساب کاربری شخصی در انجمن ما. این کار بسیار آسان است!
یا
ورود
از قبل حساب کاربری دارید? از اینجا وارد شوید.

موضوعات مرتبط با این موضوع...
  آموزش ساخت آیدی در اسکایپ
  آموزش اشتراک V.P.N از طریق هات اسپات گوشی اندروید
  آموزش سئو سایت
  آموزش جامع تولید محتوا در اینستاگرام
  آموزش ساخت اکانت تیک تاک
Thumbsdown آموزش روش خالی کردن Cache گوشى،تلگرام_فعال سازی امضای پیام تلگرام
  آموزش ریست اپل
  آموزش مخفی کردن آخرین بازدید اینستاگرام
  آموزش تگ tr در HTML
  آموزش تگ thead در HTML

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان