HTML handleiding

HTML TUIS HTML Inleiding HTML-redakteurs HTML Basies HTML elemente HTML-kenmerke HTML-opskrifte HTML paragrawe HTML-style HTML-formatering HTML-aanhalings HTML-kommentaar HTML kleure HTML CSS HTML skakels HTML beelde HTML Favicon HTML-tabelle HTML-lyste HTML-blok en inlyn HTML-klasse HTML ID HTML iframes HTML JavaScript HTML-lêerpaaie HTML kop HTML-uitleg HTML reageer HTML Rekenaarkode HTML semantiek HTML-stylgids HTML-entiteite HTML Simbole HTML Emoji's HTML-tekenset HTML URL enkodeer HTML vs. XHTML

HTML -vorms

HTML-vorms HTML-vorm eienskappe HTML-vormelemente HTML-invoertipes HTML-invoerkenmerke HTML-invoervorm-kenmerke

HTML -grafika

HTML-doek HTML SVG

HTML Media

HTML Media HTML video HTML oudio HTML-inproppe HTML YouTube

HTML API's

HTML geoligging HTML Sleep/Drop HTML-webberging HTML Web Werkers HTML SSE

HTML voorbeelde

HTML voorbeelde HTML vasvra HTML-oefeninge HTML-sertifikaat HTML Opsomming HTML-toeganklikheid

HTML- verwysings

HTML-merkerlys HTML-kenmerke HTML globale kenmerke HTML-blaaierondersteuning HTML-gebeurtenisse HTML kleure HTML-doek HTML oudio/video HTML Doktipes HTML-karakterstelle HTML URL enkodeer HTML-langkodes HTTP-boodskappe HTTP metodes PX na EM-omskakelaar Sleutelbord kortpaaie

HTML kleure


HTML-kleure word gespesifiseer met voorafbepaalde kleurname, of met RGB-, HEX-, HSL-, RGBA- of HSLA-waardes.


Kleur Name

In HTML kan 'n kleur gespesifiseer word deur 'n kleurnaam te gebruik:

Tamatie
Oranje
DodgerBlue
MediumSeeGroen
Grys
Leiblou
Viooltjie
Ligte grys

HTML ondersteun 140 standaard kleurname .


Agtergrondkleur

Jy kan die agtergrondkleur vir HTML-elemente stel:

Hello Wêreld


Die pyn self is die liefde Daarom is dit vir die geringste wat kom, wie ons normale praktyk verdra om voordeel te trek uit die gevolge

Voorbeeld

<h1 style="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">Lorem ipsum...</p>

Teks kleur

Jy kan die kleur van teks stel:

Hello Wêreld

Die pyn self is die liefde

Daarom is dit vir die geringste wat kom, wie ons normale praktyk verdra om voordeel te trek uit die gevolge

Voorbeeld

<h1 style="color:Tomato;">Hello World</h1>
<p style="color:DodgerBlue;">Lorem ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi enim...</p>

Rand Kleur

Jy kan die kleur van die rande stel:

Hello Wêreld

Hello Wêreld

Hello Wêreld

Voorbeeld

<h1 style="border:2px solid Tomato;">Hello World</h1>
<h1 style="border:2px solid DodgerBlue;">Hello World</h1>
<h1 style="border:2px solid Violet;">Hello World</h1>

Kleurwaardes

In HTML kan kleure ook gespesifiseer word deur RGB-waardes, HEX-waardes, HSL-waardes, RGBA-waardes en HSLA-waardes te gebruik.

Die volgende drie <div>-elemente het hul agtergrondkleur gestel met RGB-, HEX- en HSL-waardes:

rgb(255; 99; 71)
#ff6347
hsl(9, 100%, 64%)

Die volgende twee <div>-elemente het hul agtergrondkleur gestel met RGBA- en HSLA-waardes, wat 'n alfakanaal by die kleur voeg (hier het ons 50% deursigtigheid):

rgba (255, 99, 71, 0,5)
hsla (9, 100%, 64%, 0,5)

Voorbeeld

<h1 style="background-color:rgb(255, 99, 71);">...</h1>
<h1 style="background-color:#ff6347;">...</h1>
<h1 style="background-color:hsl(9, 100%, 64%);">...</h1>

<h1 style="background-color:rgba(255, 99, 71, 0.5);">...</h1>
<h1 style="background-color:hsla(9, 100%, 64%, 0.5);">...</h1>

Kom meer te wete oor kleurwaardes

Jy sal meer leer oor RGB , HEX en HSL in die volgende hoofstukke.