HTML voor beginners

HTML documenten zijn tekst bestanden die bestaan uit HTML elementen.

HTML elementen worden gedefinieerd door HTML tags.

---

HTML tags

• HTML tags worden gebruikt om HTML elementen op te maken
• HTML tags staan tussen twee tekens < en >
• HTML tags bestaan meestal uit tweetallen zoals <b> en </b>
• De eerst is de start tag, en de twee is de end tag
• Tussen deze tags staat de element inhoud

---

HTML elementen
Dit is een HTML element:  <b>Deze tekst is bold</b>

Het HTML element begint met een start tag:  <b>
De inhoud van het HTML element is:  Deze tekst is bold
Het HTML element eindigt met een end tag:  </b>

Het doel van de <b> tag is om een HTML element vetgedrukt weer te geven.

---

Tag attributen
Tags kunnen attributen bevatten. Attributen geven extra informatie aan een HTML element.

De volgende tag definieerd een HTML tabel:  <table>
Met een extra border attribuut kunt u de browser vertellen dat de
tabel geen randen heeft:  <table border="0">

Attributen bestaan meestal uit name/value paren zoals:  name="value".

Attributen worden altijd in de start tag van een HTML element gedefinieerd.

---

Voorbeelden

heading 1	<h1>heading 1</h1>
heading 2	<h2>heading 2</h2>
heading 3	<h3>heading 3</h3>
bold	<b>bold</b>
italic	<i>italic</i>
underline	<u>underline</u>
break	<br>
horizontal ruler	<hr>
superscript: x2	x<sup>2</sup>
subscript: H2O	H<sub>2</sub>O
link: www.example.com	<a href="https://www.example.com/">www.example.com</a>
mailto: info@example.com	<a href="mailto:info@example.com">info@example.com</a>
image	<img src="/files/logo.jpg" border="0">
€ © ® ™	&euro;   &copy;   &reg;   &trade;
α β γ	&alpha;   &beta;   &gamma;
c cedilla: ç	&ccedil;
e grave: è	&egrave;
e acute: é	&eacute;
e circumflex: ê	&ecirc;
o umlaut: ö	&ouml;
ordered list: item item item	<ol> <li>item <li>item <li>item </ol>
unordered list: item item	<ul> <li>item <li>item </ul>

---