Hoe - Een website maken en bekijken
Leer hoe u een webpagina op uw computer kunt maken en bekijken.
Stap 1: Open Kladblok (pc)
Windows 8 of hoger:
Open het Startscherm (het venstersymbool linksonder op je scherm). Typ Kladblok .
Windows 7 of eerder:
Open Start > Programma's > Accessoires > Kladblok
Stap 1: Open Teksteditor (Mac)
Open Finder > Toepassingen > Teksteditor
Wijzig ook enkele voorkeuren om ervoor te zorgen dat de toepassing bestanden correct opslaat. In Voorkeuren > Opmaak > kies "Platte tekst"
Vink vervolgens onder "Openen en opslaan" het vakje aan met de tekst "HTML-bestanden weergeven als HTML-code in plaats van opgemaakte tekst".
Open vervolgens een nieuw document om de code te plaatsen.
Stap 2: Schrijf wat HTML
Schrijf of kopieer de volgende HTML-code naar Kladblok:
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Stap 3: Sla de HTML-pagina op
Sla het bestand op uw computer op. Selecteer Bestand > Opslaan als in het Kladblok-menu.
Noem het bestand "index.htm" en stel de codering in op UTF-8 (de voorkeurscodering voor HTML-bestanden).
Tip: U kunt .htm of .html als bestandsextensie gebruiken. Er is geen verschil, het is aan jou.
Stap 4: Bekijk de HTML-pagina in uw browser
Open het opgeslagen HTML-bestand in uw favoriete browser (dubbelklik op het bestand of klik met de rechtermuisknop - en kies "Openen met").
Het resultaat zal er ongeveer zo uitzien:
W3Schools Online Editor - "Probeer het zelf"
Met onze gratis online editor kunt u de HTML-code bewerken en het resultaat in uw browser bekijken.
Het is de perfecte tool als je snel code wilt testen . Het heeft ook kleurcodering en de mogelijkheid om code op te slaan en te delen met anderen:
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 de knop "Probeer het zelf" om te zien hoe het werkt.
W3Schools-ruimten
Als je je eigen website wilt maken en je .html-bestanden wilt hosten, probeer dan onze gratis websitebouwer , genaamd W3schools Spaces :