Open Notepad++ en klik in de menubalk van het programma op het tabblad Syntaxis.
Ga naar de letter H en klik op HTML.
Je hebt nu in Notepad++ aangegeven dat je code gaat schrijven voor een
HTML-document.
Bij het opslaan van het bestand wordt nu automatisch de extensie .html toegevoegd.
Bekijk de code.
Selecteer de code. Kopieer en plak vervolgens de code in Notepad++.
Sla het bestand op in je homedirectory in de submap html onder de naam template.html.
Bekijk het resultaat in een browser. Dat kan door in Notepad++ onder het menu- item Uitvoeren te kiezen voor Run en daarna een keuze te maken voor de browser waarin je de webpagina wilt bekijken.
Met HTML5-code kun je ook aan de slag in onze eigen HTML-editor.
Open hieronder de HTML-editor. Klik op de knop “Laad HTML” en blader naar je home-directory waar je net in de map html het bestand template.html hebt opgeslagen. Open het HTML-document. De code wordt in het HTML venster geladen. Klik vervolgens op de knop “Uitvoeren” en bekijk het resultaat in het onderste gedeelte.
Het is overigens ook mogelijk om in het HTML venster direct zelf code te schrijven en het resultaat daarvan te bekijken in het resultaat venster.
HTML5
Zoals je hebt gezien is het mogelijk om HTML5-code in verschillende programma's te schrijven en te bewerken.
In deze module werk je met zowel Notepad++ en onze eigen HTML5-editor.
De editor gebruiken we vooral bij de wat kleinere opdrachten. Voor grote opdrachten ga je aan de slag met Notepad++ in combinatie met een browser.