HTMLAan de slag met HTML


Opmerkingen

HTML ( H yper t ext M arkup L anguage) is een XML- compatibel systeem voor het annoteren van documenten met 'tags'. Het wordt specifiek gebruikt om inhoud te maken voor webpagina's en webapplicaties, die vervolgens via een netwerk kunnen worden gedeeld.

Afgezien van tekst ondersteunt de huidige versie van HTML veel verschillende soorten media , waaronder afbeeldingen en video's.

versies

Versie Specificatie Publicatiedatum
1.0 N / A 1994/01/01
2.0 RFC 1866 1995/11/24
3.2 W3C: HTML 3.2-specificatie 1997/01/14
4.0 W3C: HTML 4.0-specificatie 1998/04/24
4.01 W3C: HTML 4.01-specificatie 1999/12/24
5 WHATWG: HTML Living Standard 2014/10/28
5.1 W3C: HTML 5.1-specificatie 2016/11/01

Hallo Wereld


Invoering

HTML ( H yper t ext M arkup L anguage) maakt gebruik van een opmaaksysteem dat bestaat uit elementen die specifieke inhoud vertegenwoordigen. Markering betekent dat u met HTML aangeeft wat er aan een kijker wordt gepresenteerd, niet hoe het wordt gepresenteerd. Visuele weergaven worden gedefinieerd door Cascading Style Sheets (CSS) en gerealiseerd door browsers. Nog bestaande elementen die dit mogelijk maken , zoals bijvoorbeeld font , "zijn volledig verouderd en mogen niet door auteurs worden gebruikt" [1] .

HTML wordt soms een programmeertaal genoemd, maar het heeft geen logica, dus ook een opmaaktaal . HTML-tags bieden semantische betekenis en machineleesbaarheid aan de inhoud op de pagina.

Een element bestaat meestal uit een openingstag ( <element_name> ), een sluitingstag ( </element_name> ), die de naam van het element bevat tussen punthaken en de inhoud daartussenin: <element_name>...content...</element_name>

Er zijn enkele HTML-elementen die geen afsluitende tag of inhoud hebben. Dit worden ongeldige elementen genoemd . Ongeldige elementen zijn <img> , <meta> , <link> en <input> .

Elementnamen kunnen worden beschouwd als beschrijvende trefwoorden voor de inhoud die ze bevatten, zoals video , audio , table , footer .

Een HTML-pagina kan bestaan uit mogelijk honderden elementen die vervolgens door een webbrowser worden gelezen, geïnterpreteerd en omgezet in voor mensen leesbare of hoorbare inhoud op het scherm.

Voor dit document is het belangrijk om het verschil tussen elementen en tags te noteren:

Elementen: video , audio , table , footer

Tags: <video> , <audio> , <table> , <footer> , </html> , </body>



Element inzicht

Laten we een tag afbreken ...

De tag <p> vertegenwoordigt een algemene alinea.

Elementen hebben meestal een openingstag en een sluitingstag. De openingstag bevat de naam van het element tussen punthaken ( <p> ). De sluitingstag is identiek aan de openingstag met de toevoeging van een schuine streep ( / ) tussen de openinghaak en de naam van het element ( </p> ).

Inhoud kan dan tussen deze twee tags worden geplaatst: <p>This is a simple paragraph.</p> .



Een eenvoudige pagina maken

Het volgende HTML-voorbeeld maakt een eenvoudige webpagina met "Hallo wereld" .

HTML-bestanden kunnen met elke teksteditor worden gemaakt. De bestanden moeten worden opgeslagen met de extensie .html of .htm [2] om te worden herkend als HTML-bestanden.

Eenmaal gemaakt, kan dit bestand in elke webbrowser worden geopend.


<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <title>Hello!</title>
    </head>

    <body>
        <h1>Hello World!</h1>
        <p>This is a simple paragraph.</p>
    </body>

</html>
 



Eenvoudige pagina-indeling

Dit zijn de tags die in het voorbeeld worden gebruikt:

Label Betekenis
<!DOCTYPE> Definieert de HTML-versie die in het document wordt gebruikt. In dit geval is het HTML5.
Zie het onderwerp doctypes voor meer informatie.
<html> Opent de pagina. Er mag geen opmaak volgen na de afsluitende tag ( </html> ). Het lang kenmerk geeft de primaire taal van de pagina aan met behulp van de ISO-taalcodes ( en voor Engels).
Zie het onderwerp Inhoudstaal voor meer informatie.
<head> Hiermee opent u de kopsectie, die niet in het hoofdbrowservenster verschijnt, maar hoofdzakelijk informatie bevat over het HTML-document, metagegevens genaamd. Het kan ook invoer uit externe stylesheets en scripts bevatten. De afsluitende tag is </head> .
<meta> Geeft de browser enkele metagegevens over het document. Het kenmerk charset declareert de tekencodering . Moderne HTML-documenten moeten altijd UTF-8 gebruiken , ook al is dit geen vereiste. In HTML vereist de tag <meta> geen eindtag.
Zie het Meta-onderwerp voor meer informatie.
<title> De titel van de pagina. Tekst geschreven tussen deze opening en de afsluitende tag ( </title> ) wordt weergegeven op het tabblad van de pagina of in de titelbalk van de browser.
<body> Hiermee opent u het gedeelte van het document dat aan gebruikers wordt weergegeven, dwz alle zichtbare of hoorbare inhoud van een pagina. Er mag geen inhoud worden toegevoegd na de afsluitende tag </body> .
<h1> Een kop van niveau 1 voor de pagina.
Zie koppen voor meer informatie.
<p> Vertegenwoordigt een algemene tekstparagraaf.

1. ↑ HTML5, 11.2 Niet-conforme functies
2. ↑ .htm is geërfd van de oude DOS- bestandslimiet van drie tekens.