Informatica

naslag

WEBDESIGN html tags HTML is de taal waarop internetsites gebaseerd zijn. Bij het onderdeel webdesign maken we gebruik van een van de bovenstaande webeditors die ons helpen bij het (automatisch) creëren van html-code. Maar voor een goed inzicht en ook voor het kunnen maken van handmatige aanpassingen is enig inzicht van html van groot belang. Om een webpagina te maken heb je niet meer nodig dan het programma kladblok (notepad of notepad++) en wat kennis van html.

html-code met kladblok Open maar eens kladblok en type de volgende html-code: Hello, World! Sla daarna het tekstdocument op onder de naam wereld.html in de werkmap (en dus niet onder de naam wereld.html.txt - let op het verschil, zorg ervoor dat de bekende bestandsextensie niet verborgen worden op je computer). Sluit daarna kladblok af. Maak in de werkmap een map images aan en plaats in die map een animated gifje van een draaiende aardbol onder de naam aardbol.gif (zo’n plaatje kun je wel op Internet vinden). Open het document met internet explorer. Je ziet je 'eerste' handgemaakte html-pagina ;-)

een cursus html Neem de grondbeginselen van html door via de online cursus op de informaticasite of via instruct-online Neem je tijd voor de cursus en ontdek 'de geheimen' van html

webdesign met html

pagina 1

Informatica

naslag

Een html document moet minimaal uit de volgende codes bestaan, om een pagina als HTML document weer te kunnen geven :



Hier een overzicht van de meest gebruikte tags bij het maken van een HTML pagina: Structuur HTML-pagina Inhoud pagina Structuur HTML-pagina met Frames



Indeling HTML-pagina

HTML code

Nieuwe alinea

Regeleinde




Horizontale lijn

---

Opmaak

HTML code

Vet

vet

Cursief

cursief

Typewriter

typewriter

Verdana

verdana

Opmaak & layout

HTML code

Koppen

Grote kop

Kleine kop

Lettergrootte

Tekst met lettergrootte x

Basislettergrootte



Relatieve lettergrootte

Tekst met standaard lettergrootte plus x

Tekst in vast formaat (Wat je typt dat wordt getoond door

<pre> Jouw tekst

browser)

Tekstkleur

...

Achtergrondkleur

...

Afbeeldingen

HTML code

Afbeelding opnemen



Hoogte en breedte opgeven



Alternatieve tekst



Achtergrond

weblessen.nl

Naar bestand

Naar bestand

Ankers

HTML code

Positie vastleggen



Naar positie in andere pagina

Naar positie

Naar positie op zelfde pagina

Naar positie

De meest gebruikte html tags

Toelichting



Deze tag is saai maar je moet er veel gebruik van maken. Deze tag komt aan het begin van elke HTML-pagina. Uiteraard sluit je deze tag zo:



Hierna volgen alle acties. De gegevens die op het scherm worden weergegeven staan tussen de en de tags. Tussen deze twee tags stel je ook de achtergrondkleur en de tekstkleur in voor de hele pagina en gebeurtenisprocedures die tijdens het laden van de pagina worden uitgevoerd. Met behulp van de volgende tag wordt bijvoorbeeld een zwarte pagina met zilveren tekst gemaakt.