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 -style


Die HTML style-kenmerk word gebruik om style by 'n element te voeg, soos kleur, lettertipe, grootte en meer.


Voorbeeld

Ek is Rooi

Ek is Blou

Ek is Groot


Die HTML-styl kenmerk

Die opstel van die styl van 'n HTML-element, kan gedoen word met die stylekenmerk.

Die HTML- stylekenmerk het die volgende sintaksis:

<tagname style="property:value;">

Die eiendom is 'n CSS-eiendom. Die waarde is 'n CSS-waarde.

Jy sal later in hierdie tutoriaal meer oor CSS leer.


Agtergrondkleur

Die CSS background-color-eienskap definieer die agtergrondkleur vir 'n HTML-element.

Voorbeeld

Stel die agtergrondkleur vir 'n bladsy na poeierblou:

<body style="background-color:powderblue;">

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>

Voorbeeld

Stel agtergrondkleur vir twee verskillende elemente:

<body>

<h1 style="background-color:powderblue;">This is a heading</h1>
<p style="background-color:tomato;">This is a paragraph.</p>

</body>


Teks kleur

Die CSS color-eienskap definieer die tekskleur vir 'n HTML-element:

Voorbeeld

<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>

Lettertipes

Die CSS font-family-eienskap definieer die lettertipe wat vir 'n HTML-element gebruik moet word:

Voorbeeld

<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>

Teksgrootte

Die CSS font-size-eienskap definieer die teksgrootte vir 'n HTML-element:

Voorbeeld

<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>

Teksbelyning

Die CSS text-align-eienskap definieer die horisontale teksbelyning vir 'n HTML-element:

Voorbeeld

<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>

Hoofstuk Opsomming

  • Gebruik die stylekenmerk vir stilering van HTML-elemente
  • Gebruik background-colorvir agtergrondkleur
  • Gebruik colorvir tekskleure
  • Gebruik font-familyvir teks fonts
  • Gebruik font-sizevir teksgroottes
  • Gebruik text-alignvir teksbelyning

HTML-oefeninge

Toets jouself met oefeninge

Oefening:

Gebruik die korrekte HTML-kenmerk, en CSS, om die kleur van die paragraaf op "blou" te stel.

<p=";">Dit is 'n paragraaf.</p>