Embed Size (px)
Citation preview
Basiscursus webdesign
Jef BastiaensJasper Van MenselJens Van Nueten
Inhoud
Inleiding Tags Inhoud pagina met XHTML Opmaak pagina met CSS
Inleiding
XHTML (Extensible HyperText Markup Language)
CSS (Cascading Style Sheet)
Kladblok Eigen gebruik
Tags
Browser commando’s <…> </…> <…/> <!-- … -->
Inhoud pagina met XHTML
<html> </html> <head> </head> <body> </body> <title> </title>
Inhoud pagina met XHTML
Titel – tags
<h1> </h1> <h2> </h2> … <h6> </h6>
Paragraaf en break rule – tags
Paragraaf Tekst <p> </p>
Break rule Nieuwe lijn <br />
Anker – tag
Toont een link <a> </a> <a href=“http://google.be”> Google </a> Site openen en adres kopiëren
Image – tag
Toont een afbeelding <img /> <img src=“bloem.jpg” alt=“bloem”/> Afbeelding in dezelfde map
Opmaak pagina met CSS
<link rel="stylesheet“ type="text/css“ href=“voorbeeld.css" />
selector { property : value }
Color en background-color
h1 { color : red } body { background-color : blue }
