HTML

Een overzicht van basis-onderdelen, tags, van een html-pagina. In bijna alle gevallen komt de inhoud van een element tussen een begin- en een eindtag te staan. Er zijn dus uitzonderingen op deze regel.

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html>

<head>
<title>titel van je pagina; is verplicht element</title>
</head>

<body>
<h1>heading 1</h1>
<h2>heading 2</h2>
<h3>heading 3</h3>
<h4>heading 4</h4>
<h5>heading 5</h5>
<h6>heading 6</h6>

<p>de standaard alinea</p>

<p>een nieuwe alinea. Met woorden in <strong>vet</strong> en <em>cursief</em>. En met een linebreak<br />
voor een nieuwe regel binnen dezelfde alinea.</p>

<p>een nieuwe alinea. <img src=”dog.jpg” width=”100px” height=”100px” align=”right” alt=”hondje” />Hierin staat een verwijzing naar een [denkbeeldige] afbeelding van een hondje. Het plaatje is 100 bij 100 pixel. Het staat rechts uitgelijnd waardoor de tekst er links langsloopt.</p>

<ul>
<li>een lijst</li>
<li>geschikt voor een opsomming</li>
<li>van bijvoorbeeld menu-items</li>
</ul>

<p>Leer meer:<br />
<a href=”http://webdesign.18bits.nl/wpmu/bouwen/basismateriaal/html/”>HTML</a>.</p>

</body>

</html>

Sommige elementen, zoals de headings en de paragraph, gedragen zich standaard als blokken die boven en onder elkaar komen te staan.
Andere elementen zijn ‘in line‘, binnen een regel, te gebruiken.

Met de komst van CSS zijn twee handige elementen toegevoegd:
<div>inhoud</div> maakt een eigen blok element
<span>inhoud</span> maakt een eigen in-line element

Alle tags kunnen een label krijgen.
Een uniek label: #identity
Een herbruikbaar label: .class
Elementen kunnen ook combinaties van labels krijgen. Aan die labels worden definities van vormgeving gekoppeld. Die definities staan in een stijlsheet.css.

Vragen, opmerkingen?

* = verplicht veld