HTML

Geschreven door Johan Jong

HTML staat voor HyperText Markup Language.
Hierbij wordt met Hypertext bedoeld de mogelijkheid om via tekst op een websitepagina door te klikken naar andere websitepagina's.
Markup staat voor Opmaak (lay-out).
Met Language wordt aangegeven dat het om een programmeertaal gaat.
HTML vormt de basiscode voor het overgrote deel van van de websites.

HTML is in beginsel een zeer eenvoudige programmeertaal, vooral als je engels spreekt. Een voorbeeld:
Als je tekst vetgedrukt (Engels: bold) wilt hebben op je website gebruik je de code . Vrijwel elke code in HTML heeft een beginstuk en een eindstuk. Als je het woord "test" dikgedrukt wilt plaatsen, ziet de code er zo uit: test. De schuine streep (slash) geeft aan dat dit het einde van de code is.

Op dezelfde manier kun je iets schuingedrukt (Engels: Italic) plaatsen: test.

In de code voor een website wordt ook informatie voor zoekmachines geplaatst, deze informatie ziet de bezoeker niet of nauwelijks. De informatie voor zoekmachines wordt geplaatst in een deel van de code dat Head wordt genoemd, dit in tegenstelling tot de Body waarin de tekst staat die voor bezoekers bedoeld is. In de Head staat bijvoorbeeld voor welke zoekwoorden de tekst bedoeld is, wat de naam is van de pagina, een korte beschrijving van waar de pagina over gaat, in welke taal tekst voor de bezoekers geschreven is, of de website bedoeld is voor landelijke bezoekers of voor de hele wereld enzovoort. Deze informatie wordt gekoppeld aan zogenaamde Meta tags. Dit kan er als volgt uitzien:

<head>
<meta name="keywords" content="internet, uitleg, johmel, johan jong, website" />
<meta name="description" content="Het internet verklaard. Uitleg over internet. Het ontstaan, de werking, veelgebruikte termen enzovoort." />
<title>Het Internet Verklaard - het wat en hoe van internet</title>
</head>

Je ziet dat met <head> en </head> eerst wordt aangegeven welk deel specifieke info voor de zoekmachines bevat. Vervolgens wordt aangegeven voor welke zoekwoorden (keywords) de tekst bedoeld is, een korte beschrijving (description) van de inhoud en de titel (title) van de pagina.

In de Body kan vervolgens de eigenlijke tekst worden geplaatst. Dit gebeurt weer door <body> en </body>.

Omdat er ook nog andere en aanvullende programmeertalen zijn (bijvoorbeeld PHP), wordt in de code ook nog aangegeven dat het om HTML gaat. De minimale code voor een websitepagina ziet er dan als volgt uit:

<html>
 <head>
 (hierin dan de gewenste meta tags)
 </head>
 <body>
 (hierin dan de gewenste tekst met eventueel afbeeldingen en links)
 </body>
</html>

Deze code moet dan vervolgens opgeslagen worden in een bestandje met de extensie .html (bijvoorbeeld testbestand.html) en op een server gezet worden. Dit is in feite de harde schijf van het hostingbedrijf waar je website op staat. Dit gebeurt meestal met een FTP programma.

De meeste homepages van websites worden opgeslagen in het bestand index.html of home.html. Als de code (gedeeltelijk) in php is geschreven, kan het ook index.php heten. Als in de adresbalk van een browser geen specifiek bestand wordt aangegeven, wordt altijd naar één van bovenstaande bestanden gezocht. http://www.johmel.nl geeft dus hetzelfde resultaat als http://www.johmel.nl/index.php

De code van de meeste websites is te bekijken door met je rechtermuisknop op de tekst in de pagina de klikken en in het menu vervolgens te kiezen voor Broncode bekijken (of een vergelijkbare tekst, afhankelijk van de browser die je gebruikt). Ook kun je boven in het menu van je browser klikken op beeld en vervolgens weer op Broncode bekijken.

Laatst aangepast ( zondag, 06 juli 2008 15:43 )