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>
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).
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:
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 :