Les 1

Marcel Roesink, ROC van Twente

 Referentiematerialen
 http://www.coolnerds.com/html/htmlref.htm
 http://www.w3schools.com/tags/default.asp
 http://www.html-reference.com/
 http://www.htmlref.com/

 Validators
 http://validator.w3.org/ (XHTML)
 http://jigsaw.w3.org/css-validator/ (CSS)

 Structuur en inhoud van de site
 HTML
 Layout (vormgeving) van de site
 Cascading Style Sheets
 Functies
 Javascript
 Flash scripts

Wat betekenen de letters HTML eigenlijk?

 HTML is geen programmeertaal maar een
opmaaktaal (markup language)
 Hyper Text Markup Language
 HTML document bestaat uit markup tags en
platte tekst start tag
 <h1>
Dit is een kop
</h1>
end tag

 Extensie .htm of .html
 HTML is statisch

Gebruik kleine letters voor de tags en zorg
ervoor dat de tags in de juiste volgorde worden
gesloten!
<html>
<head>
<title>
</title>
</head>
<body>
…
…
</body>
</html>

Waarom zou je wel of niet gebruik maken van
inspringen?

 HTML Headings
 <h1>Dit is een kop van het hoogste niveau</h1>
 <h6>Dit is een kop van het laagste niveau</h6>

 HTML Paragraphs
 <p>Dit is een paragraaf</p>

 Syntax De meeste browsers zullen de
pagina wel juist weergeven als je de
 Start met een start tag end tag vergeet, maar de pagina is
dan niet XHTML valide.

 Eindigt met een end tag
 Alles er tussen is de content (kan leeg zijn)
 Lege elementen worden gesloten in de start tag
(bijvoorbeeld <br />
 Geneste elementen
 Bevatten andere elementen
<html>
<body>
<p><i>Dit is een paragraaf</i></p>
</body>
</html>

 XHTML is een combinatie van XML en HTML.
 XHTML stelt veel meer eisen aan de syntax van de
pagina’s
 Tags moeten altijd op de juiste manier en in de juiste volgorde
afgesloten worden
 Tags en attributen moeten verplicht in hoofdletters worden
weergegeven
 Waarde van attributen moeten altijd tussen quotes staan
Dus niet <table width=100%>
maar <table width=“100%”>
 Een XHTML document moet altijd één root hebben. De
basisstructuur is:
<html>
<head> . . . </head>
<body> … </body>
</html>

Les 1

Recommandé

Recommandé

Contenu connexe

En vedette

En vedette (20)

Similaire à Les 1

Similaire à Les 1 (20)

Les 1