HTML
Om het je een beetje makkelijker te maken bij het maken van een website, heb ik hier wat tips en uitleg over HTML code geplaatst.
Korte inleiding
HTML is de afkorting voor HyperText Markup Language, het is een opmaaktaal waarin wordt aangeven welke elementen in documenten op internet voorkomen. HTML is een opmaaktaal zoals er meerdere bestaan waarin wordt aangeven waar tekst, kopjes, indeling van paragrafen van tabellen, plaatjes en multimedia zicht bevinden. Dit als een soort naslagwerk op wat je al weet.
TAGS VOOR DE BASISUITRUSTING VAN DE PAGINA
Met deze tags leg je de basis voor de paginaopbouw van elke webpagina vast:
Tag
Attributen
Betekenis
<HTML> Omsluit het gehele bereik van een webpagina
<HEAD> Kopdeel van de webpagina. Bevat o.a. informatie over het bestand en vaak stukken javascript
<TITLE> Titel van de webpagina, die in de titelbalk van het browservenster word weergegeven. Word in het <HEAD< bereik geplaatst.
<BODY> Het belangrijkste deel van de webpagina. Bevat alle zichtbare elementen.
BGCOLOR= Achtergrondkleur
BACKGROUND= Achtergrondafbeelding
TEXT= Tekstkleur
LINK= Linkkleur
VLINK= Kleur voor bezochte links
ALINK= Kleur voor actieve links
OPMAAKTAGS
Om tekst op webpagina’s op te maken, dien je alle opmaakaanwijzingen in te stellen met behulp van tags: terug naar boven
Tag
Attributen
Betekenis
<P> Begint een nieuwe alinea
ALIGN=”left” / “center” / “right” Zorgt voor links uitgelijnde, gecentreerde of rechts uitgelijnde vloeiende tekst.
<BR /> Handmatig regeleinde
CLEAR=”all” Begint pas onder het voorgaande element met de volgende regel.
<B> vet
<I> cursief
<U> onderstreept
<TT> proportioneel lettertype
<STRIKE> doorgehaald
<SUP> superscript
<SUB> subscript
<BLINK> knipperend
<H1> tot <H6> koppen van verschillende ordes
<FONT> keuze van het lettertype
SIZE=1 tot SIZE=7 / SIZE=-3 tot SIZE=+3 opgave van de schriftgroote. Absoluut met een directe getalswaarde, of relatief met plustekens en mintekens
COLOR= Tekstkleur
OBJECTEN EN ELEMENTEN
Om in HTML objecten in te voegen op een pagina en
interactieve elementen te genereren, kun je de volgende tags gebruiken terug naar boven
Tag Attributen Betekenis
<A> Hyperlink
HREF= Doeladres
HREF=”mailto:….” Email-link
NAME= Naam van een verwijsdoel binnen een webpagina
TARGET=”…” /”_blank” / “_parent” /”_top” / “_self” Verwijsdoel, in welk venster of frame de inhoud moet worden weergegeven
<IMG> Afbeelding invoegen
SRC Bestandsnaam en padopgave voor de afbeelding
BORDER= Dikte van het kader rond de afbeelding
ALT= Alternatieve inhoudbeschrijving
WIDTH= Breedte van de afbeelding
HEIGHT= hoogte van de afbeelding
ALIGN= “top” / “middle” / “bottom” / “left”/ “right” uitlijning van de tekst en plaatsing van de afbeelding
<HR> Horizontale lijn
WIDTH= Breedte (lengte) in pixels of procenten
SIZE= Dikte van de lijn
NOSHADE Zonder schaduw
<TABLE> Definieert een tabelbereik
BORDER= Kaderdikte
WIDTH= Tabelbreedte
CELLSPACING= Afstand tussen twee cellen
CELLPADDING= Afstand binnen een cel tussen de rand en de inhoud
BGCOLOR= Achtergrondkleur
BACKGROUND= Achtergrondafbeelding
<TR> Tabelrij
HEIGHT= Rijhoogte
ALIGN= “left” / “center”_/”right” Horizontale uitlijning van de celinhoud voor alle cellen op de rij
VALIGN=”top”/”middl e” / “bottom” Verticale uitlijning van de celinhoud voor alle cellen op deze rij
BGCOLOR= Achtergrondkleur voor de rij
BACKGROUND= Achtergrondafbeelding voor de rij
ROWSPAN= Aantal samen te voegen rijen
<TD> / <TH> Tabelcel of tabelkop
WIDTH= Celbreedte
HEIGHT= Celhoogte
ALIGN=”left”/ “center” / “right” Horizontale uitlijning van de celinhoud
VALIGN= “top” / “middle” / “bottom” Vertikale uitlijning van de celinhoud
BGCOLOR= Achtergrondkleur
BACKGROUND= achtergrondafbeelding
COLSPAN= aantal samen te voegen cellen
<EMBED> Ingebedde objecten waarvoor een plugin vereist is. De mogelijke attributen hangen af van het ingebedde object
<FRAMESET> Definitiebereik voor frames
ROWS= Aantal en breedte van de kolommen
COLS= Aantal en hoogte van de rijen
BORDER= Kaderdikte
<FRAME> framedefinitie
SRC= weer te geven webpagina
NAME= Naam van het frame
SCROLLING=”yes” / “no” / “auto” Schuifbalken toelaten, altijd uitschakelen of naar behoefte
NORESIZE Framegrootte onveranderbaar
FRAMEBORDER= “yes” /”no” driedimensionaal kader zichtbaar of niet
MARGINWIDTH= Linker afstand tussen inhoud en kader van het frame
MARGINHEIGHT= Bovenafstand tussen inhoud en kader van het frame
terug naar boven