HTML Zelfstudie
Aan de slag met HTML
Zoeken…
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.