HTML

Wat is HTML?

HTML | Webdesign KennisbankHTML staat voor; Hyper Text Markup Language. Het is oorspronkelijk bedoeld om met hypertekst en hyperlinks, het totale globale netwerk te ondersteunen. Dat betekend dat documenten en bestanden verbonden zijn met snelkoppelingen.

Daarnaast is het een opmaaktaal voor Webdesign zoals vele andere, voor het benadrukken van de uitvoering op een website. Door een website met diverse Webbrowsers te gaan vergelijken, kan een website ontwerp worden getest.

Dit om uiteindelijk een website zo af te leveren, dat door de verschillende Webbrowsers zoveel mogelijk als hetzelfde (synchroom) geïnterpreteerd wordt. Overigens kun je een HTML-pagina, met ieder schrijfprogramma maken. Zelfs met Wordpad is het mogelijk een webpagina/site te coderen.

Hoe begint een HTML-document?

Ieder HTML-document begint met een declaratie om aan te geven welk type document het betreft. Deze ‘DOCTYPE-declaratie’ verwijst naar een formele definitie van de gebruikte markup-taal. Het aldus begonnen HTML-element omvat verder het gehele document.

Bijna alle HTML-editors genereren deze code automatisch in de HTML-broncode en al ziet het er ingewikkeld uit, je hoeft hier verder niets mee te doen.

Voorbeeld van een DOCTYPE-declaratie in HTML

<!DOCTYPE HTML
PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”
“http://www.w3.org/TR/REC-html40/loose.dtd”>
<HTML>
  <HEAD>
    … hier komen kop elementen …
  </HEAD>
  <BODY>
    … hier komen body elementen …
  </BODY>
</HTML>

Verschillende Tags

Elke markering in de HTML-opmaaktaal wordt in het Engels een tag genoemd. De afgelopen jaren, is dan ook het aantal verschillende HTML-tags die te gebruiken zijn enorm uitgebreid. Om te voorkomen dat hierdoor interpretatie problemen ontstaan, heeft het World Wide Web Consortium (W3C) aanbevelingen opgesteld.

Dat betekend dat op deze officiële website exact staat vermeld, welke tags er geldig zijn en hoe ze geïnterpreteerd moeten worden.

Vervolgens wordt het HTML-element in tweeën gesplitst: de elementen HEAD (met informatie over het document) en BODY (waarin de eigenlijke inhoud komt).

Hoe sla je HTML-Documenten op?

Een website kan in zijn geheel worden opgeslagen op een opslagmedium als bijvoorbeeld een USB-stick of harde schijf. De HTML-pagina’s waaronder de index-pagina hebben over het algemeen de extensie: .htm of .html. Met Windows open je allereerst de webbrowser op een willekeurige website.

Zet de muiscursor op een plek binnen een website op het beeldscherm en klik vervolgens op de rechtermuisknop. Je ziet dan aan de rechterkant van de cursor een venster verschijnen met een tiental opties. Klik op de optie: “opslaan als”.

Sla dan de bestanden op en klaar! In de map vindt je dan één of meerdere HTML-documenten samen met de map van diverse bestanden zoals afbeeldingen. Zorg er wel voor dat de HTML-document(en) in combinatie met deze map(pen), in één hoofdmap zijn opgeslagen.

Een afzonderlijk HTML-document kan zonder de combinatie van de originele map in het opgeslagen bestand, niet door de webbrowser geopend worden.


Elementen en Attributen

Wat zijn Elementen?

HTML | Webdesign KennisbankElementen bestaan meestal uit tweetallen: een deel dat het element activeert en een deel dat de activering weer beëindigt. Zowel de activering (ook wel start-tag genoemd) als de beëindiging (end-tag) beginnen met het teken < en eindigen met het teken >.

Tussen deze tekens staat de naam van het element, of een afkorting daarvan. Dus tussen de activering en beëindiging… Lees Verder »


HTML-Kleurcodes

Kleuren Toepassen

 Kleurcodes | Webdesign KennisbankHTML-Kleurcodes maken het mogelijk, zelf alle mogelijke kleuren toe te passen. Want het internet zou toch te saai zijn, als er voor tekst en allerlei andere elementen in het ontwerp geen enkele kleur uitgekozen kon worden.

De gekozen kleuren op een website kunnen bezoekers aantrekken of juist afstoten. Door gebruik te maken van een goede… Lees Meer »


Hyperlinks

Wat zijn Snelkoppelingen?

Hyperlinks | Webdesign KennisbankHyperlinks (of kortweg links), worden in het Nederlands verbindingen of koppelingen genoemd. Deze computer- en internetterm, duidt op een verwijzing (referentie) in de hypertekst van een website.

Deze kan de gebruiker dan volgen om naar een ander webadres te surfen. Een hyperlink is vaak een stukje tekst… Lees Meer »


HTML-Editors

Wat is een HTML-Editor?

HTML-Editors | Webdesign KennisbankHet werken met HTML-Editors betekende voor mij al snel de start van mijn Webdesign Opleiding. Daarbij maakte ik handig gebruik van de HTML-Kit om de basisbegrippen voor het schrijven van codes te verkennen.

Omdat HTML één van de meest gebruikte opmaaktalen voor het bouwen van websites is, kan het geen kwaad om hier… Lees Meer »
 

Zie ook deze Categoriën in de Kennisbank over Webdesign:

 

Back to Top