HTML oefening les 1

Probeer "wat is informatie-vb.txt" om te zetten in een gelayoute HTML file met enkele hyperlinks.





Kijk ook naar http://www.w3schools.com
 
Werkwijze:
  • download  wat is informatiekunde-vb.txt  en open in Atom of andere tekst-editor, bv Notepad++ . 
  • Bewaar in een aparte folder (bv weboefening), waarbij je bij "save as type" kiest voor "All files" en geef dit de naam: watisinformatiekunde.htm 
  • Voeg in het document HTML structuurcodes toe: html, head, title, body.
  • Voeg dan html tags toe om het documentte layouten zoals in het voorbeeld  "wat is informatiekunde-vb.pdf"
  • Dit doe je onder meer met h1, h2, p en ol tags. 
  • Maak dan een stylesheet sectie in de header met de <style> tag.  
  • Probeer nu in de stylesheet de html elementen zoals h1, p etc. van de juiste layout te voorzien. 
  • Nadien knip je de stylesheet eruit en plak je die in een nieuw document, bv informatiekunde.css, die je dan linkt in  de webpagina via de <link> tag.