Naar de inhoud gaan
Home

HyperText Markup Language

Hyper Text Markup Language (HTML) is een opmaaktaal voor het maken van een webpagina. Webpagina's worden gewoonlijk bekeken in een webbrowser. Ze kunnen tekst, links, afbeeldingen, en zelfs geluid en video bevatten. HTML wordt gebruikt om elk va…

Auteur: Aangemaakt:


Hyper Text Markup Language (HTML) is een opmaaktaal voor het maken van een webpagina. Webpagina's worden gewoonlijk bekeken in een webbrowser. Ze kunnen tekst, links, afbeeldingen, en zelfs geluid en video bevatten. HTML wordt gebruikt om elk van deze soorten inhoud te markeren en te beschrijven zodat de webbrowser ze correct kan weergeven. HTML kan ook worden gebruikt om meta-informatie aan een webpagina toe te voegen. Meta-informatie wordt meestal niet getoond door webbrowsers en is gegevens over de webpagina, bijvoorbeeld de naam van de persoon die de pagina heeft gemaakt. Cascading Style Sheets (CSS) wordt gebruikt om HTML-elementen te stijlen, terwijl JavaScript wordt gebruikt om HTML-elementen en CSS-stijlen te manipuleren.

HTML is gemaakt door het World Wide Web Consortium (W3C). Er zijn verschillende versies van HTML. Vanaf september 2018 wordt de huidige standaard van HTML HTML HTML 5 genoemd en is specifiek op versie 5.2.

Afbeeldingengalerij

1 Afbeelding
Tim Berners-Lee April 2009
en.wikipedia.org · CC BY 2.0

Tags

HTML maakt gebruik van speciale stukjes programmeertaal, "tags" genaamd, om de browser te laten weten hoe een webpagina eruit moet zien. De tags komen meestal in paren: een openingstag geeft het begin van een blok inhoud aan en een sluitingstag geeft het einde van dat blok inhoud aan. Er zijn veel verschillende soorten tags, en elke tag heeft een ander doel. Zie Basis HTML Tags hieronder voor voorbeelden van tags.

Sommige tags werken alleen in bepaalde browsers. De tag <menuitem> bijvoorbeeld, die wordt gebruikt om iets te laten verschijnen wanneer de persoon op de rechtermuisknop drukt, werkt alleen in de browser Mozilla Firefox. Andere browsers negeren deze tag gewoon en geven het geschrevene normaal weer. Veel makers van webpagina's vermijden het gebruik van deze "niet-standaard"-tags omdat ze willen dat hun pagina's er in alle browsers hetzelfde uitzien.

Voorbeeld

Hier is een voorbeeldpagina in HTML.

 1 <!DOCTYPE html> 2 < html> 3 < head> 4 < title> Dit is     de titel van de pagina. </title> 5 </head> 6 < body> 7 < p> Dit is een paragraaf. </p> 8 < a     href="https://www.domain.com"> Dit is een link. </a> 9 < img src="image.    jpg" alt="Afbeelding"> 10 </body> 11 </html>

Een eenvoudige HTML-pagina zou dit zijn: een enkele paragraaf met "Hallo wereld! " erop geschreven.

1 <!DOCTYPE html> 2 < html> 3 < head> 4 < title> Hi! </title> 5 </head> 6 < body> 7 < p> Hallo wereld! </p> 8 </body> 9 </html>

Basis HTML-tags

 

Tag naam

Naam

Functie

Code Voorbeeld

<!DOCTYPE>

Doctype

Bepaalt het documenttype
<!DOCTYPE html>

<html>

HTML

Definieert een HTML-document en start een HTML-document.
< html> Alle code</html>

<head>

Hoofd

Bevat alle code die niet wordt gebruikt om elementen op de webpagina weer te geven
<kop></hoofd>

<title>

Titel

Bepaalt de titel van de webpagina (weergegeven op het tabblad) en wordt ingevoerd in de <head>
<title> Webpagina</title>

<body>

Lichaam

Bevat de zichtbare elementen van de webpagina (en bevat de paragraaf en meer)
<body> Html-tags</body>

<h1> tot <h6>

Rubrieken

Koppen van verschillende grootte (<h1> is de grootste)
< h1>Kop</h1>

<p>

Paragraaf

Definieert een paragraaf tekst
< p>TEKST</p>

<a>

Anker

Creëert actieve links naar andere webpagina's
< a href="www.domain.com">Bezoek onze site</a>

<img>

Afbeelding

Toont een afbeelding op de pagina
< img src="ImageUrl" alt="Tekst weergegeven als afbeelding niet beschikbaar is">

<br>

Pauze

Voegt een enkele regeleinde in
Tekst < br> Tekst

 

<center>

Center

Verplaatst inhoud naar het midden van de pagina
<center> Code</center>

<script>

Script

Creëert een script in de webpagina, meestal geschreven in JavaScript
< script> document. write("Hallo Wereld!")</script>

HTML-tags gebruiken

Een webpagina maken

Een webpagina maken is eenvoudig. Het enige wat je moet onthouden zijn de tags en de volgorde om een webpagina te maken.

Eerst moet je een plaats vinden om de HTML Tags in te typen (ik raad notepad aan) en de tags neer te typen.

Hier is nog een voorbeeld van een HTML Tag-pagina.

<html>

<head>

<title> Hi! <title>

<h1>Hallo wereld!</h1>

</head>

<body>

<p>

Dit is een HTML Tag pagina.

</p>

<footer>

Door: *Insert name here*

</footer>

</html>

Als je klaar bent, sla je dit op in dit formaat: helloworld.htm

(geen spaties plaatsen)

En je bent klaar! Zodra je het opslaat in je computer, als je er op drukt, zal het je naar je webpagina in google sturen!

Vragen en antwoorden

V: Wat is HTML?

A: HTML is een soort opmaaktaal die gebruikt wordt om webpagina's te maken die tekst, links, afbeeldingen en audiovisuele beelden bevatten.

V: Wat is de functie van HTML?

A: De functie van HTML is om webbrowsers te vertellen hoe webpagina's eruit moeten zien en meta-informatie toe te voegen, zoals de naam van de maker van de webpagina.

V: Wat zijn enkele voorbeelden van media die kunnen worden opgenomen in webpagina's die met HTML zijn gemaakt?

A: Enkele voorbeelden van media die opgenomen kunnen worden in webpagina's die met HTML gemaakt zijn, zijn audiobestanden en videoclips.

V: Hoe vult CSS HTML aan?

A: CSS wordt gebruikt om het uiterlijk van HTML-pagina's te wijzigen.

V: Wat is de rol van JavaScript in webontwikkeling?

A: JavaScript is een essentiële scripttaal bij webontwikkeling, omdat het websites vertelt hoe ze zich moeten gedragen en het uiterlijk van HTML en CSS kan veranderen.

V: Wie is verantwoordelijk voor het maken van HTML?

A: HTML wordt gemaakt door het World Wide Web Consortium (W3C).

V: Wat is de huidige standaardversie van HTML?

A: Vanaf september 2018 is HTML 5 met versie 5.2 de nieuwste standaardversie van HTML.

Gerelateerde artikelen

Auteur

AlegsaOnline.com HyperText Markup Language

URL: https://nl.alegsaonline.com/art/45477

Delen

Bronnen