Jakob Lierman Webapplicaties I
Hoofdstuk 2
Folder structuur website
Beperkingen naamgeving URL’s:
- Niet toegelaten karakters: tab, spatie, quotes, <,>,[,],\,^,`,|,~
- Speciale karakters in een URL: @,=,&,%,#,/,?,:,;
- Geen spaties, _ gebruiken als spatie
- Steeds kleine letters gebruiken (URL’s zijn soms hoofdlettergevoelig)
De basis van HTML
HTML beschrijft de structuur van je .html document en de betekenis van de verschillende onderdelen
Men maakt gebruik van tags, die een tagnaam bevatten tussen < en >
- html heeft aan dat het document HTML-code bevat
- body bevat feitelijk inhoud van het document
- p staat voor paragraph
- h1 stat voor heading1 (er bestaan er 6)
Een HTML-pagina bestaat uit elementen (= openingstag + inhoud + sluitingstag)
Attributen geven extra informatie aan het element (komen steeds voor in de openingstag)
DOCTYPE geeft aan volgens welke specificatie de HTML moet worden geïnterpreteerd
Paginastructuur
Sinds HTML5 zijn volgende tags toegevoegd om de pagina een logische indeling te geven:
section, article, aside, footer, header, nav en main
1
, Jakob Lierman Webapplicaties I
HTML tekst elementen
Element Functionaliteit
<h1> - <h6> Hoofdingen
<b> of <i> Tekst in het vet of cursief (zonder sematiek)
<em> Legt accent op het stuk tekst (schuin weergegeven in browser)
<small> Kleinere tekst
<strong> Benadrukken van tekst (vet weergegeven in browser)
<sub> Subscript tekst (onderschrift)
<sup> Superscript tekst (bovenschrift)
<p> Paragraph (alinea)
<br /> of <br> Line break (nieuwe lijn forceren)
<hr /> of <hr> Horizontale lijn
<blockquote> Voor lange citaten, zal als één blok getoond worden
<q> Kort citaat met automatische toevoeging aanhalingstekens
<cite> Verwijzing naar boek, film, …
<abbr> Afkorting
<dfn> Definitie van een term
<time> Duidt op tijdstip of datum
<address> Adres met contactinformatie (kan ook email of telnr bevatten)
<ins> Stuk ingevoegde tekst (wordt meestal onderlijnd)
<del> Stuk verwijderde tekst (wordt doorstreept)
<s> Doorhaalde tekst (informatie die niet meer klopt)
Speciale karakters
&#decimale waarde ascii;
Vb: @ = @, < = <
Zie: http://www.ascii.cl/htmlcodes.htm
&html naam;
2
Hoofdstuk 2
Folder structuur website
Beperkingen naamgeving URL’s:
- Niet toegelaten karakters: tab, spatie, quotes, <,>,[,],\,^,`,|,~
- Speciale karakters in een URL: @,=,&,%,#,/,?,:,;
- Geen spaties, _ gebruiken als spatie
- Steeds kleine letters gebruiken (URL’s zijn soms hoofdlettergevoelig)
De basis van HTML
HTML beschrijft de structuur van je .html document en de betekenis van de verschillende onderdelen
Men maakt gebruik van tags, die een tagnaam bevatten tussen < en >
- html heeft aan dat het document HTML-code bevat
- body bevat feitelijk inhoud van het document
- p staat voor paragraph
- h1 stat voor heading1 (er bestaan er 6)
Een HTML-pagina bestaat uit elementen (= openingstag + inhoud + sluitingstag)
Attributen geven extra informatie aan het element (komen steeds voor in de openingstag)
DOCTYPE geeft aan volgens welke specificatie de HTML moet worden geïnterpreteerd
Paginastructuur
Sinds HTML5 zijn volgende tags toegevoegd om de pagina een logische indeling te geven:
section, article, aside, footer, header, nav en main
1
, Jakob Lierman Webapplicaties I
HTML tekst elementen
Element Functionaliteit
<h1> - <h6> Hoofdingen
<b> of <i> Tekst in het vet of cursief (zonder sematiek)
<em> Legt accent op het stuk tekst (schuin weergegeven in browser)
<small> Kleinere tekst
<strong> Benadrukken van tekst (vet weergegeven in browser)
<sub> Subscript tekst (onderschrift)
<sup> Superscript tekst (bovenschrift)
<p> Paragraph (alinea)
<br /> of <br> Line break (nieuwe lijn forceren)
<hr /> of <hr> Horizontale lijn
<blockquote> Voor lange citaten, zal als één blok getoond worden
<q> Kort citaat met automatische toevoeging aanhalingstekens
<cite> Verwijzing naar boek, film, …
<abbr> Afkorting
<dfn> Definitie van een term
<time> Duidt op tijdstip of datum
<address> Adres met contactinformatie (kan ook email of telnr bevatten)
<ins> Stuk ingevoegde tekst (wordt meestal onderlijnd)
<del> Stuk verwijderde tekst (wordt doorstreept)
<s> Doorhaalde tekst (informatie die niet meer klopt)
Speciale karakters
&#decimale waarde ascii;
Vb: @ = @, < = <
Zie: http://www.ascii.cl/htmlcodes.htm
&html naam;
2
