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


'n Eenvoudige teksredigeerder is al wat jy nodig het om HTML te leer.


Leer HTML deur Notepad of TextEdit te gebruik

Webbladsye kan geskep en gewysig word deur professionele HTML-redigeerders te gebruik.

Om HTML te leer, beveel ons egter 'n eenvoudige teksredigeerder soos Notepad (PC) of TextEdit (Mac) aan.

Ons glo dat die gebruik van 'n eenvoudige teksredigeerder 'n goeie manier is om HTML te leer.

Volg die stappe hieronder om jou eerste webblad met Notepad of TextEdit te skep.


Stap 1: Maak Notepad (PC) oop

Windows 8 of later:

Maak die beginskerm oop (die venster simbool links onder op jou skerm). Tik Notepad .

Windows 7 of vroeër:

Maak Start > Programme > Bykomstighede > Notepad oop


Stap 1: Maak TextEdit (Mac) oop

Maak Finder > Toepassings > TextEdit oop

Verander ook sommige voorkeure om die toepassing te kry om lêers korrek te stoor. In Voorkeure > Formaat > kies "Gewoonte teks"

Dan onder "Maak oop en stoor", merk die blokkie wat sê "Vertoon HTML-lêers as HTML-kode in plaas van geformateerde teks".

Maak dan 'n nuwe dokument oop om die kode te plaas.


Stap 2: Skryf 'n bietjie HTML

Skryf of kopieer die volgende HTML-kode in Notepad:

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

Notepad



Stap 3: Stoor die HTML-bladsy

Stoor die lêer op jou rekenaar. Kies Lêer > Stoor soos in die Notepad-kieslys.

Noem die lêer "index.htm" en stel die enkodering op UTF-8 (wat die voorkeurkodering vir HTML-lêers is).

Bekyk in blaaier

Wenk: Jy kan óf .htm óf .html as lêeruitbreiding gebruik. Daar is geen verskil nie, dit is aan jou.


Stap 4: Bekyk die HTML-bladsy in jou blaaier

Maak die gestoorde HTML-lêer in jou gunstelingblaaier oop (dubbelklik op die lêer, of regskliek - en kies "Maak oop met").

Die resultaat sal baie soos volg lyk:

Bekyk in blaaier


W3Schools Online Editor - "Probeer dit self"

Met ons gratis aanlynredigeerder kan jy die HTML-kode wysig en die resultaat in jou blaaier bekyk.

Dit is die perfekte hulpmiddel wanneer jy kode vinnig wil toets . Dit het ook kleurkodering en die vermoë om kode te stoor en met ander te deel:

Voorbeeld

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

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

</body>
</html>

Klik op die "Probeer dit self"-knoppie om te sien hoe dit werk.


W3Skole Spasies

As jy jou eie webwerf wil skep en jou kode aanlyn wil stoor, probeer ons gratis webwerfbouer , genaamd W3schools Spaces :