Basis HTML
13-04-2009 22:38
Offline Stuur privëbericht
borrie
Berichten: 27

Hoi,

In deze tutorial leer ik jullie de basis van HTML.
Er zijn veel websites gescript in HTML, omdat dit een zeer makkelijk te leren scripttaal is.

Je moet een HTML script altijd opslaan als .HTM of .HTML.

Je begint een HTML script altijd met de standaart HTML tag
Code | Selecteer Alles
minimaliseren
1
<html>

en je sluit altijd je script af met de zelfde tag, voor afgaand met een slash ( / ).
Code | Selecteer Alles
minimaliseren
1
</html>


Nu heb je dus dit script
Code | Selecteer Alles
minimaliseren
1
2
3
<html>

</html>


Vervolgens ga je een HEAD tag maken, in deze tag staat meer-en-deels informatie die niet zichtbaar is voor de bezoeker, denk aan meta tags.
Code | Selecteer Alles
minimaliseren
1
2
3
<head>

</head>  Zoals je kunt zien sluit je ook deze tag weer af.


In de HEAD tag kan je de titel van de pagina instellen, dit doe je door een TITLE tag te openen:
Code | Selecteer Alles
minimaliseren
1
<title>JOUW PAGINA TITEL</title>


Nu heb je dus een script dat er zo uitziet:
Code | Selecteer Alles
minimaliseren
1
2
3
4
5
<html>
<head>
<title>Tutorial</title>
</head>
</html>


Nu willen we nog tekst in het script hebben dat de bezoeker wel mag lezen.
Dit doen we doormiddel van de zogenoemde BODY tag.
Je opent deze tag zo:
Code | Selecteer Alles
minimaliseren
1
<body>
en sluit deze vervolgens zo:
Code | Selecteer Alles
minimaliseren
1
</body>
.
De tekst die jij plaatst tussen de body tags zal de bezoeker ook te zien krijgen.

In de body tags kun je ook de achtergrond en tekstkleur wijzigen, dit doe je zo:
Code | Selecteer Alles
minimaliseren
1
<body bgcolor="HEXCODEKLEUR" text="HEXCODEKLEUR">
, en afsluiten van body tag blijft gewoon het zelfde namelijk:
Code | Selecteer Alles
minimaliseren
1
</body>
.
vervolgens zal de pagina de gekozen kleur aannemen.

Het script ziet er nu als volgt uit:

Code | Selecteer Alles
minimaliseren
1
2
3
4
5
6
7
8
<html>
<head>
<title>Tutorial</title>
</head>
<body bgcolor="#FFFFFF" text="#000000">
Welkom, dit is mijn eerste script.
</body>
</html>


Nu moet je het script opslaan met de extensie .HTM of .HTML.

Deel 2 van de tutorial zal snel volgen,
gr.

Boris
Er werd nog geen reactie geplaatst.