Deze minicusus HTML bestaat uit de volgende hoofdstukken:
Regel afbreken
...
<STRONG><EM>Deze regel tekst is vet en cusief en begint op een nieuwe regel met een lege regel daartussen.
... Bovenstaande HTML code wordt in een browser als volgt weergegeven: Deze regel tekst wordt vet gedrukt. Deze regel tekst wordt cursief gedrukt. Deze regel tekst begint op een nieuwe regel. Deze regel tekst begint op een nieuwe regel met een lege regel daartussen. Deze regel tekst is vet en cusief en begint op een nieuwe regel met een lege regel daartussen. Let erop dat als je geen
of
tags in de HTML code zet alle tekst gewoon achterelkaar gezet wordt.
Koppen maken Je kunt koppen van verschillende grootte maken met behulp van de tags
tag hoeft te staan, nieuwe tekst komt automatisch op een nieuwe regel (met een lege regel daartussen) te staan. We kunnen de lettergrootte ook veranderen met: Aan het einde van de zin moet je de font sluiten met Achter font kun je nog meer informatie zetten, bijvoorbeeld: 1 Eerste generatie: 1940 - 1955, gebaseerd op radiobuizen 2 Tweede generatie: 1955 - 1963, introductie van transistoren 3 Derde generatie: 1964 - 1979, gebruik van IC’s (Integrated Circuits) 4 Vierde generatie: 1979 - heden, ontelbare schakelingen op één chip
Bewegende teksten Met MARQUEE kun je teksten of plaatjes laten bewegen. Bijvoorbeeld:
<marquee>Deze tekst beweegt Je kunt het volgende samen met marquee gebruiken: Direction = left (of right, up, down) Behavior = scroll (of slide, alternate) Scollamount = 100 (hoe hoger het getal, hoe sneller de beweging) Bijvoorbeeld: <marquee direction=up behavior=alternate scrollamount=75>Deze tekst beweegt
Hoofdstuk 3
Ankers en koppelingen Wat is een Uniform Resource Locator? Een Uniform Resource Locator is een standaardmethode voor het beschrijven van de locatie van een bepaalde website. Een voorbeeld van een URL is bijvoorbeeld de locatie van de Turing site: http://www.turing-online.nl . Er bestaan verschillende soorten URL's. Hier worden alleen de http-URL en het mailto-URL behandeld. Een http url geeft aan dat de locatie een htmldocument of ander bestand is. Met een mailto URL kunnen gebruikers een emailbericht sturen door enkel op een koppeling te drukken. Een mailto-URL ziet er bijvoorbeeld zo uit: mailto:[email protected] Koppelingen Door op een koppeling te klikken kunnen gebruikers van het ene html document naar een andere springen. De locatie van dat andere document moet natuurlijk aangegeven worden. Een koppeling kan zowel een stuk text zijn of een plaatje. Het gebruikte stukje tekst of plaatje wordt dan aanklikbaar. Bij tekst is de html-tag als volgt: Text die een koppeling moet zijn Deze tag bestaat uit twee delen: een deel dat het doel aangeeft en een deel dat aangeeft wat de koppeling moet zijn. Je kan deze tag gewoon midden in een text gebruiken. Bij afbeeldingen is de tag alsvolgd: In plaats van tekst zet je nu de IMG-tag. De IMG-tag wordt in het volgende hoofdstuk uitvoeriger uitgelegd. Je kunt ook van een afbeelding én tekst een koppeling maken, dat gaat zo: Text die een koppeling moet zij Ankers
Met koppelingen kun je enkel verwijzen naar andere documenten, maar als je een groot document hebt is het ook handig dat je binnen een document kunt verwijzen. Je kunt dan bijvoorbeeld een koppeling maken waarmee de gebruiker naar het bovenste gedeelte van een pagina springt. Dat doe je met ankers. Om ankers te gebruiken moet je niet alleen naar een plek verwijzen, maar je moet ook die plek markeren. Om een plek te markeren gebruik je de volgende code: De gemarkeerde plek heeft een naam, gebruik voor elke plek een andere naam. Naar de gemarkeerde plek verwijzen doe je zo: Text die een koppeling moet zijn Je gebruikt, zoals je misschien wel ziet, een verwijzing naar het betreffende document (dit kan de huidige pagina zijn, maar ook een andere) en een # met daarachter de naam van het gemakeerde gedeelte.
Hoofdstuk 4 Afbeeldingen toevoegen De meeste web-browsers kunnen slechts enkele afbeeldingstypen weergeven, de meest gebruite formaten zijn: • •
GIF-afbeeldingen (bestanden met een .gif uitgang) JPEG-afbeeldingen (bestanden met een .jpg of .jpeg uitgang)
Zorg dat je altijd een ondersteund formaat gebruikt als afbeelding in een html document. Een afbeelding invoegen Een afbeelding invoegen doe je doormiddel van de IMG tag, met deze tag kun je de afbeelding ook positioneren. De meest simpele manier om deze tag te gebruiken is als volgt: Je kunt zorgen dat de afbeelding links, midden of rechts op het beeldscherm geplaatst wordt. Dat gaat zo:
Hoofdstuk 5 Lijsten en tabellen Het is soms nuttig om naast gewone alniea's ook lijsten van items op te nemen. HTML ondersteunt verschillende soorten lijsten: •
Ongenummerde lijsten, met bijvoorbeeld ronde stippen als opsommingsteken.
• •
Genummerde lijsten, met opeenvolgende genummerde items. Woordenlijsten
In HTML zijn voor elk van deze lijsten tags opgenomen.
Ongenummerde lijsten Om een ongenummerde lijst te maken moet je de tag voor ongenummerde lijsten gebruiken : in combinatie met de tag
Als je een ander tekentje als het standaard rondje gebruiken wilt kun je dat in de tag aangeven:
- een zwart vierkantje
- een open rondje
- een zwart rondje Het DISC tekentje wordt al standaard gebruikt, deze hoef je dus niet extra aan te geven. Genummerde lijsten Om genummerde lijsten te maken gebruik je de
tag. Dat ziet er vrijwel hetzelfde uit:
Ook van deze lijst kun je het type opsomming aangeven, dat gaat weer door het toevoegen van TYPE= aan de tag. De volgende opties zijn beschikbaar: Type Definitie 1 a A i I Arabische cijfers (standaard, niet verplicht) Kleine letters Hoofdletters Kleine Romeinse cijfers Grote Romeinse cijfers geeft bijvoorbeeld een genummerde lijst met kleine romeinse cijfers
Tabellen
Met maak je een tabel. Met
maak je een tabelrij. Met maak je een tabelkolom. Hieronder staat een voorbeeld van een tabel:
Background Verder moet de de background kunnen veranderen. Dit doe door bgcolor in de body te zetten. Bijvoorbeeld: Dit geeft een gele achtergrond. De font kunnen wij ook veranderen met: Voor meer informatie raadpleeg jouw CD hoofdstuk V, klik op verdieping daarna op html.
Hoofdstuk 6 Frames Met frames kun je jouw webpagina in verschillende secties onderverdelen. Hieronder vind je de code om jouw webpagina in twee secties (links en rechts) te verdelen:
Hieronder vind je de code om jouw webpagina in drie secties (boven, links en rechts) te verdelen:
Sign In