تعیین رنگ در html

704 بازدید

نسخه :

در طراحی صفحات html در موارد زیادی همچون تعیین رنگ پس زمینه ، رنگ فونت های متن و … می توانیم از رنگ های مختلف استفاده کنیم . برای تعیین یک رنگ مشخص در html ، سه روش وجود دارد که در ادامه هر یک را شرح خواهیم داد .

روش اول : تعیین رنگ به صورت Name

در این روش تنها کافی است که نام رنگ مورد نظرمان را بنویسیم . به مثال زیر توجه کنید :

<html>
<head>
</head>
 
<body bgcolor="yellow">
 
<p>
this is a paragraph .
</p>
 
</body>
</html>

<html>

<head>

</head>

this is a paragraph .

</body>

</html>

نتیجه :

مشاهده می کنید که رنگ پس زمینه به صورت زرد نمایش داده شده است .

روش دوم : تعیین رنگ به صورت HEX

در این روش به هر رنگ یک کد شامل 6 کاراکتر اختصاص یافته است . این کاراکترها می توانند اعداد 0 تا 9 و یا حروف A تا F باشند . قبل از نوشتن 6 کاراکتر ، باید علامت ((#)) را بنویسیم . به مثال زیر توجه کنید :

<html>
<head>
</head>
 
<body bgcolor="#FF0000">
 
<p>
this is a paragraph .
</p>
 
</body>
</html>

<html>

<head>

</head>

this is a paragraph .

</body>

</html>

نتیجه :

مشاهده می کنید که رنگ پس زمینه برابر با رنگ متناظر با کد FF0000 ، که کد مربوط به رنگ قرمز می باشد ، نمایش داده شده است .

روش سوم : تعیین رنگ به صورت rgb

در این روش هر رنگ با سه عدد مشخص می شود که هر عدد می تواند از 0 تا 255 باشد . به مثال زیر توجه کنید :

<html>
<head>
</head>
 
<body bgcolor="rgb(255,0,255)">
 
<p>
this is a paragraph .
</p>
 
</body>
</html>

<html>

<head>

</head>

this is a paragraph .

</body>

</html>

نتیجه :

مشاهده می کنید که رنگ پس زمینه برابر با رنگ متناظر با کد (255,0,255)rgb نمایش داده شده است .

سورس کتاب اندروید سورس شبکه اجتماعی اندروید سورس تاکسی یاب اندروید سورس فروشگاه اینترنتی اندروید سورس کد برنامه تاکسی یاب مشابه تپ سی و اسنپ
سورس فروشگاه اینترنتی اندروید سورس کتاب اندروید
دانلود سورس موبوگرام دانلود سورس تلگرام

اسکریپت باران | دانلود اسکریپت و سورس اندروید