HTML -editors
Een eenvoudige teksteditor is alles wat je nodig hebt om HTML te leren.
Leer HTML met Kladblok of Teksteditor
Webpagina's kunnen worden gemaakt en gewijzigd met behulp van professionele HTML-editors.
Voor het leren van HTML raden we echter een eenvoudige teksteditor aan, zoals Kladblok (pc) of Teksteditor (Mac).
Wij geloven dat het gebruik van een eenvoudige teksteditor een goede manier is om HTML te leren.
Volg de onderstaande stappen om uw eerste webpagina te maken met Kladblok of Teksteditor.
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 code online wilt opslaan, probeer dan onze gratis websitebouwer , genaamd W3schools Spaces :