Hoe OM - Skep en bekyk 'n webwerf
Leer hoe om 'n webbladsy op jou rekenaar te skep en te bekyk.
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 .html-lêers wil huisves, probeer ons gratis webwerfbouer , genaamd W3schools Spaces :