رنگ در html

tahlildadeh 1 هفته پیش

 

رنگ در html

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

رنگهای HTML

رنگ ها برای دادن یک ظاهر و احساس خوب به وب سایت شما بسیار مهم می باشند. شما می توانید رنگ ها را روی لایه ی صفحه با استفاده از برچسب < body>مشخص کنید، یا می توانید رنگ ها را برای برچسب های مجزا با استفاده از ویژگی bgcolor مشخص کنید.
برچسب< body>دارای ویژگی های زیر می باشد که می تواند برای تنظیم رنگ های مختلف استفاده شود.

 

  • bgcolor رنگی را برای زمینه ی صفحه تنظیم می کند.
  • text رنگی را برای متن تنظیم می کند.
  • alink رنگی را برای لینک های فعال یا انتخاب شده تنظیم می کند.
  • link رنگی را برای متن لینک شده تنظیم می کند.

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

 

روش های کدگذاری رنگ HTML

در زیر سه روش متفاوت برای تنظیم رنگ در صفحه ی وب خود مشاهده می کنید:

 

  • Color names - می توانید نام رنگ ها را به طور مستقیم تعیین کنید، به عنوان مثال سبز، قرمز، آبی و غیره.
  • Hex codes - یک کد شش رقمی که نشان دهنده ی مقدار آبی، قرمز و سبز سازنده ی رنگ، می باشد.
  • Color decimal or percentage values- این مقدار با استفاده از ویژگی rgb( ) تعیین می شود.

اکنون این روش های رنگ گذاری را یکی یکی بررسی خواهیم کرد.

 

رنگ های HTML – نام رنگ

می توانید برای تنظیم رنگ متن یا زمینه به طور مستقیم از نام رنگ استفاده کنید. W3C لیستی از 16 رنگ پایه را دارد که توسط یک اعتباز سنج HTML ارزیابی می شود، اما نام بیشتر از 200 رنگ مختلف وجود داردکه توسط مرورگرهای مهم پشتیبانی می شوند.

 

16 رنگ استاندارد W3C

در اینجا نام 16 رنگ استاندارد W3C را مشاهده می کنید، پیشنهاد می شود که از آنها استفاده کنید.

 

 

 Black Gray Silver White
 Yellow Lime Aqua Fuchsia
 Red Green Blue Purple
 Maroon Olive Navy 

Teal


 

مثال:

در اینجا مثال هایی را میبینید از تنظیم زمینه ی یک برچسب HTML به وسیله ی نام رنگ.

 

نمونه یک

<!DOCTYPE html>
<html>
<head>
    <title>HTML Colors by Name</title>
</head>
<body text="blue" bgcolor="green">
    <p>Use different color names for for body and table and see the result.</p>
    <table bgcolor="black">
        <tr>
            <td>
                <font color="white">This text will appear white on black background.</font>
            </td>
        </tr>
    </table>
</body>
</html>

رنگ های HTML – کدهای Hex

آموزش html css

هگزادسیمال یک نمایش 6 رقمی از یک رنگ می باشد. دو رقم اول یعنی RR نمایانگر رنگ قرمر (Red) می باشند، دو رقم بعدی (GG) مقدار سبز (green) را نشان می دهند و آخرین دو رقم (BB) نیز مقدار آبی (blue) را نشان می دهند.
هر کد هگزادسیمال به وسیله ی یک علامت # دنبال می شود. در ادامه رنگ های مورد استفاده در نشانه گذاری هگزادسیمال را مشاهده می کنید.

 

colorColor HEX
 #000000
 #FF0000
 #00FF00
 #0000FF
 #FFFF00
 #00FFFF
0 دیدگاه
برای قرار دادن دیدگاه وارد شوید

tahlildadeh

شما در این سایت آموزشی با مقالات,کتاب,PDF,فیلم های آموزشی رایگان و همین طور دوره آموزش برنامه نویسی به زبان های C#,HTML5,ASP,MVC,SQL,اندروید,React,وردپرس ...

آخرین پست های من
پس زمینه در html 1 هفته پیش آموزش Iframes در html-آموزش html 2 هفته پیش آموزش قابها در html 2 هفته پیش آموزش لینک ایمیل در HTML 2 هفته پیش