Sunday, July 14, 2013

HTML Chapter 10 _ Color Value

HTML တြင္ color ကို Red, Green, Blue တို.၏ တန္ဖိုးျဖင့္ ေပါင္းစပ္ထားပါတယ္။ ၄င္းတို.၏ပါ၀င္မွဳ ပမာဏတန္ဖိုးကို Hexadecimal (HEX) နဲ.သတ္မွတ္ပါတယ္။ color တန္ဖိုး အနည္းဆံုးမွာ 0 (HEX တန္ဖိုးျဖင့္ ေဖာ္ျပပါက 00) ျဖစ္ပါတယ္။ အမ်ားဆံုး မွာ 255 (HEX တန္ဖိုးျဖင့္ ေဖာ္ျပပါက FF) ျဖစ္ ပါတယ္။
HTML document တြင္ အသံုးျပဳမည့္ color အေရာင္ကို HEX ျဖင့္ ေရးလိုပါက # ႏွင့္တြဲျပီး ေဖာ္ျပရပါတယ္။ Red, Green, Blue တို.ကို ရည္ညြန္းေသာ rgb( - ,- , - ) ပံုစံျဖင့္လည္း ေရးသားႏိုင္သည့္အျပင္ color ၏ အမည္ ျဖင့္လည္း ေရသားႏိုင္ပါတယ္။

HTML  တြင္ #000000 ၏တန္ဖိုးသည္ အနက္ေရာင္ ျဖစ္ပါတယ္။ ေရွ့ဆံုးမွ သုည ႏွစ္လံုး (00) သည္ အနီေရာင္ ရဲ့ HEX တန္ဖိုးျဖစ္ျပီး၊ အလယ္မွ 00 မွာ အစိမ္းေရာင္၏ HEX တန္ဖိုး ျဖစ္ကာ ေနာက္ဆံုး 00 မွာ အျပာေရာင္ ၏ ပါ၀င္မွဳ ပမာဏ တန္ဖိုးျဖစ္ပါတယ္။ HTML တြင္ color ၏ အတိုေကာက္မွာ RGB ျဖစ္ပါတယ္။


HTML တြင္ RED, GREEN, BLUE တို.ကို အေျခခံ ေပါင္းစပ္ျပီး ပါ၀င္မွဳ အခ်ိုဳးအစား အနည္းအမ်ား ေပၚမူတည္ျပီး မ်ားစြာေသာ color တို.ကို Web page တြင္ေဖာ္ျပေပးႏိုင္ေအာင္ လုပ္ေဆာင္ႏိုင္ပါတယ္။

HTML တြင္ color ကို style (CSS) attribute ျဖင့္ ေရးရပါတယ္။
Syntax of color: style="color:.....;"
HTML တြင္ color ကို ပံုစံသံုးမ်ိဳးျဖင့္ ေရးႏိုင္ပါတယ္။ သို.ေသာ္ HEX ျဖင့္ ေရးသား မွုက ပိုမ်ားပါတယ္။
ေအာက္ပါ example တြင္ color ကိုပံုစံသံုးမ်ိဳးျဖင့္ အသံုးျပဳထားပါတယ္။ Notepad++ မွာ ေရးျပီး Browser တြင္ color ေဖာ္ျပမွဳ ကိုေလ့လာၾကည့္ပါ။

<!DOCTYPE html>

<html>

<body>
<h1 style="color:#ff0000"> This header is red </h1>
<p style="color:green"> The font color is green </p>
<p style="background-color:gray; color:rgb(0,0,255)"> The background color is blue </p>
</body>

</html>

ေအာက္ပါ link တြင္ မိမိ ၾကိဳက္ႏွစ္သက္ရာ အေရာင္ကို ဖန္တီးေရြးခ်ယ္ ႏိုင္ျပီး HEX တန္ဖိုးကိုလည္း copy လုပ္ျပီး အသံုးျပဳႏိုင္ပါတယ္။

http://www.w3schools.com/tags/ref_colorpicker.asp?colorhex=800080


No comments:

Post a Comment