3.1 html-tag
Als u deze tekst leest, wordt ervan uitgegaan dat u in de toekomst als Java-ontwikkelaar, nou ja, of als Full Stack Java-ontwikkelaar zult werken. U zult nauwelijks HTML-documenten schrijven, maar u zult ze wel vaak moeten lezen . Dit is hoe de wereld werkt, dus je moet uitzoeken hoe HTML-documenten zijn gerangschikt.
Wat is het begin van elk HTML-document? Elk HTML-document heeft een structuur die bestaat uit drie geneste tags: html
, head
en body
. Dit is het standaard voorbeeld:
<!DOCTYPE html>
<html>
<head>
Service tags
</head>
<body>
Main document
</body>
</html>
Alles wat de browser weergeeft, bevindt zich in een paartag body
(documentbody). Binnen de tag head
bevinden zich tags met service-/hulpinformatie voor de browser.
Het is ook gebruikelijk (optioneel) om het documenttype aan het begin van het document te schrijven - DOCTYPE
zodat de parser beter begrijpt hoe fouten moeten worden geïnterpreteerd. Veel browsers kunnen kapotte documenten correct weergeven.
Of, integendeel XHTML = XML+HTML
, er is een norm waarin strengere regels zijn dan in de gebruikelijke HTML
. Maar dergelijke informatie zal nuttig voor u zijn wanneer u besluit uw eigen browser te schrijven, of in ieder geval uw eigen HTML-parser
.
3.2 De hoofdtag
Binnen de tag head
bevinden zich meestal de volgende tags: title
, meta
, style
, ...
De tag <title>
specificeert de naam van het document dat wordt weergegeven in het browsertabblad.

De tag <meta>
wordt gebruikt om verschillende service-informatie in te stellen. U kunt de browser bijvoorbeeld helpen de codering van een HTML-document te begrijpen (het bevat platte tekst, als u het zich herinnert).
<html>
<head>
<title> Escape character</title>
<meta charset="utf-8" />
</head>
<body>
</body>
</html>
3.3 body, p, b-tags
De tag <body>
bevat alle html-tekst die door de browser wordt weergegeven. De eenvoudigste tags voor het weergeven van een document zijn: <h1>
, <p>
, <b>
,<br>
<h1>
- dit is een paar-tag, hiermee kunt u de titel van uw pagina / artikel instellen. Als je artikel lang is en je hebt tussenkoppen nodig, dan kun je de tag voor dit geval gebruiken <h2>
, <h3>
enzovoort tot<h6>
Voorbeeld:
<body>
<h1>Cats</h1>
<h2> Description of cats</h2>
detailed description of cats
<h2> Origin of cats</h2>
Information about the origin of cats.
<h2> Cat paws</h2>
Huge article about the paws of cats
</body>
Is je artikel groot en wil je het leesbaarder maken door het op te delen in paragrafen, dan heb je <p>
hiervoor een pair tag (van het woord paragraaf) nodig. Wikkel de tekst gewoon in tags <p>
en </p>
de browser zal deze als een aparte alinea weergeven.
Aandacht! De browser negeert regeleinden en/of extra spaties in uw tekst. Als u een regeleinde wilt toevoegen, voegt u een enkele tag <br>
(van de breeklijn) in de tekst in.
Nou, het beste is om de tekst vetgedrukt te markeren. Als u tekst vet wilt maken, plaatst u deze tussen tags <b>
</b>
(van oud b ).
GO TO FULL VERSION