HTML Өнгө /Colors/
HTML-д өнгийг урьдчилан тодорхойлсон нэр эсвэл RGB, HEX, HSL, RGBA, HSLA -ийн утгуудыг ашиглан тодорхойлдог.
Өнгийг нэрээр тодорхойлох
HTML-д өнгийг нэрээр тодорхойлж болно.
Tomato
Orange
DodgerBlue
MediumSeaGreen
Gray
SlateBlue
Violet
LightGray
<!DOCTYPE html lang="en-US">
<html>
<head>
<title>HTML -хичээл</title>
<meta charset="utf-8">
</head>
<body>
<p style="background-color:Tomato;"> Tomato </p>
<p style="background-color:Orange;"> Orange </p>
<p style="background-color:DodgerBlue;"> DodgerBlue </p>
<p style="background-color:MediumSeaGreen;"> MediumSeaGreen </p>
<p style="background-color:Gray;"> Gray </p>
<p style="background-color:SlateBlue;"> SlateBlue </p>
<p style="background-color:Violet;"> Violet </p>
<p style="background-color:LightGray;"> LightGray </p>
</body>
</html>
Дэвсгэр өнгө
HTML-ийн элементэд дэвсгэр өнгийг зааж өгч болно.
Энэ бол гарчиг
Энэ бол текст
Энэ бол текст
Энэ бол текст
Жишээлбэл:
<!DOCTYPE html lang="en-US">
<html>
<head>
<title>HTML -хичээл</title>
<meta charset="utf-8">
</head>
<body>
<h1 style="background-color:SlateBlue;"> Энэ бол гарчиг </p>
<p style="background-color:Fuchsia;"> Энэ бол текст <br />Энэ бол текст</p>
</body>
</html>
Текстийн өнгө
Текстийг хүссэн өнгөөр бичиж болно.
Зөвлөгөө
Вэб сайт хийх нь сонирхолтой энгийн зүйл. Өдөр бүр бага багаар хичээлээ үзээд, сайтаа хөгжүүл... Нэг л өдөр та хамгийн хүчирхэг сайттай болсон байна
HTML, СSS, JAVASCRIPT + Python хамгийн хүчирхэг хуудас бий болно
Жишээлбэл:
<!DOCTYPE html lang="en-US">
<html>
<head>
<title>HTML -хичээл</title>
<meta charset="utf-8">
</head>
<body>
<h1 style="color:slateblue;"> Зөвлөгөө </h1><p style="color:Fuchsia;"> Вэб сайт хийх нь сонирхолтой энгийн зүйл. Өдөр бүр бага багаар хичээлээ үзээд, сайтаа хөгжүүл... Нэг л өдөр та хамгийн хүчирхэг сайттай болсон байна</p><p style="color:tomato;"> HTML, СSS, JAVASCRIPT + Python хамгийн хүчирхэг хуудас бий болно</p>
</body>
</html>
Хүрээний өнгө
HTML-ийн элементийн хүрээнд өнгө зааж өгч болно.
Зөвлөгөө
Вэб сайт хийх нь сонирхолтой энгийн зүйл.
HTML, СSS, JAVASCRIPT + Python хамгийн хүчирхэг хуудас бий болно.
Жишээлбэл:
<!DOCTYPE html lang="en-US">
<html>
<head>
<title>HTML -хичээл</title>
<meta charset="utf-8">
</head>
<body>
<h1 style="border: 2px solid slateblue;"> Зөвлөгөө </h1>
<p style="border: 2px solid Fuchsia;"> Вэб сайт хийх нь сонирхолтой энгийн зүйл.</p>
<p style="border: 2px solid tomato;"> HTML, СSS, JAVASCRIPT + Python хамгийн хүчирхэг хуудас бий болно.</p>
</body>
</html>
Өнгөний утгууд
HTML-д өнгө нь RGB, HEX, HSL, RGBA болон HSLA -н эдгээрийн утгыг ашигладаг.
Жишээ нь "slateblue" өнгний хувьд авч үзвэл:
rgb(106, 90, 205)
#6a5acd
hsl(248, 53%, 58%)
Өнгийг илүү тунгалга болгож болно. 40% болон 50%-ийн тунгалга болгож үзье.
rgba(106, 90, 205, 0.4)
hsla(248, 53%, 58%, 0.5)
Жишээлбэл:
<!DOCTYPE html lang="en-US">
<html>
<head>
<title>HTML -хичээл</title>
<meta charset="utf-8">
</head>
<body>
<p> Жишээ нь "slateblue" өнгний хувьд авч үзвэл: </p>
<h1 style="background-color:rgb(106, 90, 205);"> rgb(106, 90, 205) </h1p>
<h1 style="background-color:#6a5acd;"> #6a5acd </h1>
<h1 style="background-color:hsl(248, 53%, 58%);"> hsl(248, 53%, 58%) </h1>
<p> Өнгийг илүү тунгалга болгож болно. 40% болон 50%-ийн тунгалга болгож үзье. </p>
<h1 style="background-color:hsl(248, 53%, 58%, 0.4);"> hsl(248, 53%, 58%, 0.4) </h1>
<h1 style="background-color:hsla(248, 53%, 58%);"> hsla(248, 53%, 58%, 0.5) </h1>
</body>
</html>
Сэтгэгдэлүүд
