HTML
- Tussen <html> en </html>
o <!DOCTYPE html>
o <html lang=”en”>
o Head (= title, tekenverzameling, trefwoorden, omschrijving..)
<title> titel website van boven
<meta charset=”UTF-8”> tekenverzameling
o Body (=inhoud webpagina)
- Attribuut bestaat uit 2 delen, gescheiden door = teken
o Naam (uniek binnen element)
o Waarde
Body
- Tekst
o Alinea’s = paragraph => <p>
o Koptekst + subkoppen => <h1> ….<h2>….<h3>… (belangrijk 1, en zo verder)
o Benadrukken
Gewoon met <i>
Sterk <strong>
Aanduiden die betekenis zin subtiel veranderen <em>
o !codes speciale karakters, @...!
- Afbeeldingen
o Geen eindtag
o <img alt=”..” src=”..”)
Alt = alternatieve tekst indien afbeelding niet zichtbaar is
Src = locatie van de afbeelding, source
o Optionele attributen: titel + hoogte/breedte (wel beter via css)
o Locatie afbeelding
Relatief pad = in zelfde map (dus in die map op computer opslaan)
Absoluut pad = zelfde webserver, maar andere map => src=”/sites/files/…png
Absolute URL = website, andere webserver
- Hyperlink
o <a href=”..”>
o Koppeling naar andere webpagina, absoluut pad, relatief pas
o Binnen eigen webpagina: <a href= “#hoofdstuk1”> Hoofdstuk 1 </a>
o <h1 id = “hoofdstuk 1”> Hoofdstuk 1 </h1>
- Lijsten
o Niet genummerde lijsten: <ul> => item in lijst: <li>
o Genummerde lijsten: <ol> => item in lijst: <li>
o Definitielijsten: <dl> => item in lijst: <dt> = begrip + <dd> = uitleg
- Tabellen
o <table> </table>
o <td> = table data = rijen
o <tr> = table row = kolommen
o Te ondrscheiden rijen: <thead> = hoofding, <tbody> = rij data, <tfoot>=footer
- Tussen <html> en </html>
o <!DOCTYPE html>
o <html lang=”en”>
o Head (= title, tekenverzameling, trefwoorden, omschrijving..)
<title> titel website van boven
<meta charset=”UTF-8”> tekenverzameling
o Body (=inhoud webpagina)
- Attribuut bestaat uit 2 delen, gescheiden door = teken
o Naam (uniek binnen element)
o Waarde
Body
- Tekst
o Alinea’s = paragraph => <p>
o Koptekst + subkoppen => <h1> ….<h2>….<h3>… (belangrijk 1, en zo verder)
o Benadrukken
Gewoon met <i>
Sterk <strong>
Aanduiden die betekenis zin subtiel veranderen <em>
o !codes speciale karakters, @...!
- Afbeeldingen
o Geen eindtag
o <img alt=”..” src=”..”)
Alt = alternatieve tekst indien afbeelding niet zichtbaar is
Src = locatie van de afbeelding, source
o Optionele attributen: titel + hoogte/breedte (wel beter via css)
o Locatie afbeelding
Relatief pad = in zelfde map (dus in die map op computer opslaan)
Absoluut pad = zelfde webserver, maar andere map => src=”/sites/files/…png
Absolute URL = website, andere webserver
- Hyperlink
o <a href=”..”>
o Koppeling naar andere webpagina, absoluut pad, relatief pas
o Binnen eigen webpagina: <a href= “#hoofdstuk1”> Hoofdstuk 1 </a>
o <h1 id = “hoofdstuk 1”> Hoofdstuk 1 </h1>
- Lijsten
o Niet genummerde lijsten: <ul> => item in lijst: <li>
o Genummerde lijsten: <ol> => item in lijst: <li>
o Definitielijsten: <dl> => item in lijst: <dt> = begrip + <dd> = uitleg
- Tabellen
o <table> </table>
o <td> = table data = rijen
o <tr> = table row = kolommen
o Te ondrscheiden rijen: <thead> = hoofding, <tbody> = rij data, <tfoot>=footer
