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 paragrawe


'n Paragraaf begin altyd op 'n nuwe reël, en is gewoonlik 'n teksblok.


HTML paragrawe

Die HTML- <p>element definieer 'n paragraaf.

'n Paragraaf begin altyd op 'n nuwe reël, en blaaiers voeg outomaties 'n wit spasie ('n kantlyn) voor en na 'n paragraaf by.

Voorbeeld

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

HTML vertoon

Jy kan nie seker wees hoe HTML vertoon sal word nie.

Groot of klein skerms, en vensters wat verander het, sal verskillende resultate skep.

Met HTML kan jy nie die vertoning verander deur ekstra spasies of ekstra reëls in jou HTML-kode by te voeg nie.

Die blaaier sal outomaties enige ekstra spasies en lyne verwyder wanneer die bladsy vertoon word:

Voorbeeld

<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>

<p>
This paragraph
contains         a lot of spaces
in the source         code,
but the        browser
ignores it.
</p>


HTML Horisontale Reëls

Die <hr>merker definieer 'n tematiese breuk in 'n HTML-bladsy, en word meestal as 'n horisontale reël vertoon.

Die <hr>element word gebruik om inhoud te skei (of 'n verandering te definieer) in 'n HTML-bladsy:

Voorbeeld

<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>

Die <hr>merker is 'n leë merker, wat beteken dat dit geen eindmerker het nie.


HTML lynbreuke

Die HTML <br>-element definieer 'n lynbreuk.

Gebruik <br>as jy 'n reëlbreuk ('n nuwe reël) wil hê sonder om 'n nuwe paragraaf te begin:

Voorbeeld

<p>This is<br>a paragraph<br>with line breaks.</p>

Die <br>merker is 'n leë merker, wat beteken dat dit geen eindmerker het nie.


Die gedigprobleem

Hierdie gedig sal op 'n enkele reël vertoon:

Voorbeeld

<p>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</p>

Oplossing - Die HTML <pre> Element

Die HTML <pre>-element definieer vooraf geformateerde teks.

Die teks binne 'n <pre>element word in 'n vaste breedte font vertoon (gewoonlik Courier), en dit behou beide spasies en lynbreuke:

Voorbeeld

<pre>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</pre>

HTML-oefeninge

Toets jouself met oefeninge

Oefening:

Gebruik die korrekte HTML-merker om 'n paragraaf met die teks "Hello World!" by te voeg.

<html>
<liggaam>

</body>
</html>


HTML-merkerverwysing

W3Schools se merkerverwysing bevat bykomende inligting oor HTML-elemente en hul eienskappe.

Tag Description
<p> Defines a paragraph
<hr> Defines a thematic change in the content
<br> Inserts a single line break
<pre> Defines pre-formatted text

Vir 'n volledige lys van alle beskikbare HTML-merkers, besoek ons HTML-merkerverwysing .