Basis tags
Standaard tags
HTML maakt gebruik van tags. In een html document staat de structuur van de pagina. Dus waar welke blok met welke inhoud moet staan. Er zijn verschillende soorten tags. Denk aan afbeeldingen, paragrafen en titels.
| Tag | Uitleg |
|---|---|
| <h?> heading </h?> | Kop (Heading) (h1 tot en met h6) |
| <p> paragraph </p> | Paragraaf |
| <b> bold </b> | maakt tekst vet, te gebruiken binnen de paragraaf of heading tag |
| <i> italic </i> | maakt tekst cursief |
| <a href="url"> link name </a> | Maakt een link |
| <div> ... </div> | Deelt een pagina op in blokken of secties |
| <img src="filename.jpg"> | Toont een afbeelding |
| <ul> <li> list </li> </ul> | Ongeordende lijst, de <li> tag is voor de listitems en kan worden herhaald |
| <ol> <li> list </li> </ol> | Geordende lijst, de <li> tag is voor de listitems en kan worden herhaald |
| <br> | Regel einde, geen nieuwe paragraf, maar wel de start van een nieuwe regel. |
| <span> red </span> | kan gebruikt worden om stukjes tekst een eigen opmaak te geven met behulp van css (daarover later meer) |
Let op dat de tag <br> en <img> geen sluittag kennen.
Afbeeldingen
Bij de tag zie je een attribuut src. Daarin kan je naar de afbeelding verwijzen.
| src attribuut | toelichting |
|---|---|
| src="filename.jpg" | dan staat de afbeelding in dezelfde map als je html document |
| src="/filename.jpg" | dan staat de afbeelding in de 'root' van de webserver, bij het verhuizen van de website kan het zijn dat je afbeeldingen niet meer worden gevonden. |
| src="https://www.afbeelding.nl/afbeelding.jpg" | je verwijst naar een online afbeelding. Als je deze niet zelf beheert kan iemand anders dus de afbeelding verwijderen. |