HTML termen, written & copyrighted by Gushe and Alice

Deze tutorial is in principe gezamenlijk geschreven, en hierbij gaan we de meest bekende termen en begrippen van Hypertext Markup Language even bij langs. Deze tutorial is niet compleet. We voegen ook niet alle tags toe, alleen de meest gebruikte tags. Deze tutorial is nog niet af en wordt nog aangevuld.

Algemeen
HyperText: is de techniek waarmee verbinding word gemaakt naar verschillende dingen op het Internet. Bijvoorbeeld andere webpagina's, foto's, geluidjes...

Markup: is het gebruiken van code om de browser te vertellen hoe hij de pagina moet weergeven, naar waar hyperlinks leiden...

URL: staat voor Uniform Resource Locator. Het is een soort van adres dat naar een bepaalde pagina, afbeelding of geluid leidt.

Hyperlink: is een verbinding naar een andere webpagina.


Tags
head
title: deze tag is voor de titel die in je browserbalk wordt weergeven. Deze tag hoort in de head.
meta: deze tag verschaft informatie als bijv. trefwoorden, de auteur e.d.
style: hiertussen kun je css plaatsen. Deze tag moet echter wel geïdentificeerd worden door de browser, dus wordt het zo:
<style type='text/css'> body {font-family : tahoma; font-size : 7px; color : black; background : white; } </style>
script: deze tag wordt gebruikt voor javascripts. Javascripts worden gebruikt voor heel veel dingen. Tussen de script tags kan je het script invoegen. Ook hier moet het script worden geïdentificeerd: de browser wil precies weten wat het is. Dus voeg je 'type' in. Een voorbeeld:
<script type="text/javascript"> //hier komt het javascript. </script>
link: deze tag wordt gebruikt om cascading stylesheets te 'importeren'. Deze link zorgt ervoor dat het html bestand (webpagina) wordt verbonden met de stylesheet. Door de link worden de instellingen van de stylesheets binnengehaald en toegepast. Ook hier moet de identiteit van de link worden vastgesteld:
<link href="stylesheet.css" rel="stylesheet" type="text/css">

body
h1: heading. Dit gebruik je voor een kop of titel van een pagina. Door de heading maakt jouw browser er automatisch een kop van.
h2: ook heading. Alleen is deze heading kleiner als h1. Deze heading tag kan je gebruiken voor bijvoorbeeld tussenkopjes. Met een cascading stylesheet is de heading op te maken.
img: dit gebruik je om afbeeldingen in te voegen. Vandaar 'img', want dat is gewoon verbasterd van het engelse woord voor afbeelding: image. Ook de imagecode heeft een url (uniform resource locator) nodig. Anders weet de browser niet welke afbeelding je precies bedoelt! Daarom voeg je 'src=' in. (src is natuurlijk source he!)
<img src='www.jouwsite.nl/afbeelding.jpg'>
b: voor vetgedrukte tekst.
u: voor onderstreepte tekst.
i: voor schuingedrukte tekst.
s: voor doorgestreepte tekst.
a: voor links. Dit gebruik je puur om een koppeling (link) te maken tussen verschillende webpagina's. Ook nu is het van belang dat je invoert waar de link naartoe moet en waarop je moet klikken om bij de gewenste bestemming te komen. Het 'target' element geeft aan waar de link moet openen. Bijvoorbeeld in een nieuw venster. Voorbeeldje:
<a href='http://www.standmyground.org' target='_blank'>deze tekst moet linken</a>
Stel nou dat je graag wilt dat een afbeelding linkt en je geen blauwe rand om de desbetreffende afbeelding wilt, dan doe je het zo:
<a href='http://www.standmyground.org' target='_blank'><img src='jouwsite.nl/hetplaatje.jpg' border='0'></a>
p: deze 'p' is voor een nieuwe alinea. Zodra je de p invoert en afsluit heb je een aparte alinea. De p is niet alleen voor alinea's maar ook voor image floating e.d. Maar dat komt allemaal wel. Houd maar in je achterhoofd dat de p wordt gebruikt voor onder andere uitlijning van tekst of afbeeldingen.