View text
| Info | |
|---|---|
| Author | X-57R34M |
| Date added | 2003-07-07 |
| Last modified | 2003-07-07 |
HTML(HyperTekst Markup Language)
Je kunt eerst beter de zeer korte inleiding HTML lezen die El Tigro heeft geschreven voor je hiermee begint.
Ik ga het nu hebben over HTML. HTML is een scripttaal en geen programmeertaal.
Het verschil tussen een Scripttaal en een Programmeertaal:
Het verschil tussen een scripttaal en een programmeertaal is heel groot. Met een Scripttaal maak je
website's en dat is niet zo met een programmeertaal. Zoals het woord programmeertaal zelf al zegt, maak
je met een programmeertaal programma's. Je programmeert dan iets.
Scripten met HTML:
In HTML gebruik je 8 standaard tags(4 begintags en 4 eindtags). Dit zijn ze:
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
De uitleg:
<HTML>= De begintag van ieder HTML document, deze tag geeft aan dat het om een HTML document gaat.
<HEAD>= Dit is de HEAD van de pagina(begintag), alles wat je hierin zet(bijv een pop-upje) krijg je als eerste. Dus als
je er een pop-upje inzet en je opent de pagina krijg je eerst het pop-upje en dan de rest van de pagina.
<TITLE>= De titel tag(begintag). Als je hierna: Hoi. typt, krijg je(in MicroSoft Internet Explorer) boven in je blauwe balk
dit: Hoi. - Microsoft Internet Explorer
</TITLE>= De titel tag(eindtag). Alles wat je tussen <TITLE> en </TITLE> typt komt in die blauwe balk bovenin
te staan.
</HEAD>= De HEAD tag(eindtag), het einde van de head van je pagina.
<BODY>= De rest van je pagina(begintag), alles wat je hierin typt verschijnt tegelijk op je pagina(behalve foto's die eerst
moeten laden ;- )).
</BODY>= De rest van je pagina(eindtag).
</HTML>= De eindtag van ieder HTML document. Deze tag geeft aan dat de pagina eindigt.
Je eerste site:
begin met dit:
<HTML>
<HEAD>
<TITLE>Mijn eerste HTML pagina!</TITLE>
</HEAD>
<BODY>
Mijn eerste HTML pagina!
</BODY>
</HTML>
Sla het op als: mijn eerste site.html en open je site dan maar eens.
Links:
Nu word het moeilijker, je moet weer alle 8 de tags typen, ik doe alleen maar de <BODY> en </BODY> tags
om het overzichtelijker te houden.
<BODY>
<A HREF="http://www.net-force.nl">Ga naar Net Force</A>
</BODY>
als je dan op Ga naar Net Force klikt ga je naar http://www.net-force.nl.
Uitleg van <A HREF=....></A>
<A HREF="http://www.net-force.nl">=De begintag van het linken. De link waar hij naartoe gaat, typ je na de
= tussen " en" ("http://www.hotmail.com") dan gaat hij naar hotmail(als je dat doet moet je natuurlijk om
het overzichtelijk te houden Ga naar Net Force veranderen in Ga naar Hotmail.
</A>= De eindtag. Alles wat je tussen de begintag en eindtag typt word de link. Wat je er na typt hoort niet
meer bij de link.
Plaatjes:
Je kunt ook plaatjes invoegen(wist je waarschijnlijk al) Dit doe je door de img tag te gebruiken, deze heeft
GÉÉN eindtag. Je plaatst hem zo in de body:
<BODY>
<IMG SRC="plaatje.gif">
</BODY>
Uitleg van <IMG....>= IMG staat voor image, SRC staat voor source. Plaatje staat voor de naam van het plaatje,
deze moet je veranderen in de naam van het plaatje die je in je HTML doc. wilt hebben. Het .gif staat voor
het type plaatje, als je plaatje een .jpg is moet je .gif veranderen in .jpg(zo ook met andere types).
Als je de tag van hierboven gebruikt, krijg je het plaatje op je site, dan is hij net zo groot als het plaatje normaal
is(de grote zoals opgeslagen). Je kunt de grootte ook veranderen, dit doe je met de WIDTH en HEIGHT codes.
WIDTH= De breedte van het plaatje, je kunt deze opgeven in pixels en in procenten.
HEIGHT= De hoogte van het plaatje, ook deze kun je opgeven in pixels en procenten.
Pak een plaatje(ik neem als vb het plaatje van de index van Net Force).
Voorbeeld:
<BODY>
<IMG SRC="Net Force.gif" WIDTH="100%" HEIGHT="20%">
</BODY>
In dit voorbeeld zijn de hoogte en breedte opgegeven in procenten(je kunt ze makkelijk veranderen door NIET
het % tekentje erachter te zetten, na wat passen en veranderen heb je de gewenste grootte). Ook hier in
het voorbeeld heb je het plaatje op moeten slaan en in dezelfde map moeten zetten als je site. Je kunt
het ook zonder op te slaan, dan doen je dit:
<BODY>
<IMG SRC="http://www.net-force.nl/images/logo.gif">
</BODY>
Ook weer kun je hier de breedte en hoogte bepalen door de WIDTH(breedte tag) en de HEIGHT(hoogte tag)
te gebruiken.
Achtergrond kleuren:
Je kunt ook achtergrond kleuren instellen, hier heb je alleen maar de body tag voor nodig.
<BODY BGCOLOR="RED">
Dat is alles, als je red verandert in green word de achtergrond kleur, hoe raad je het ook, groen:-).
Tabellen:
Je kunt ook tabellen maken in HTML, dit is iets moeilijk als de dingen die we net hebben gehad, maar ja,
als het niet moeilijker word is er meteen ook niet veel meer aan hè. :-).
Dit is de code, je moet hem gewoon tussen de body tags plakken.
<center>
<table border="1" cellspacing="1" width="100%">
<tr>
<td width="50%"> </td>
<td width="50%"> </td>
</tr>
<tr>
<td width="50%"> </td>
<td width="50%"> </td>
</tr>
</table>
</center>
Uitleg:
<center>= zorgt ervoor dat de hele tabel in het midden van de pagina staat. Heeft een begin en eindtag.
<table border="1" cellspacing="1" width="100%">=doen we in stukjes:
table=geeft aan dat het hier om een tabel gaat.
border= de rand om de tabel heen, je kunt deze van 0 naar hoger doen, 0 is geen rand en hoe hoger het
getal hoe dikker de rand.
<tr>= moet ertussen voor goede verdeling van de tabel, zorgt voor een mooie tabel, probeer maar eens zonder
deze tag, dan zie je de uitkomst zelf, heeft begin- en eindtag.
<td width="50%"> </td>= verwijderen en daarvoor de tekst typen, je kunt ook links en plaatjes
ermee invoegen, dit doe je op de manier een stukje naar boven in de tekst. de width is net als bij de plaatjes
de breedte. de eindtag staat meteen na de code(</TD>).
</tr>=eindtag(zie <tr>)
</table>= eindtag van de tabel.
</center>=eindtag(zie <center>)
Andere talen in een HTML document:
Je kunt ook andere talen in een HTML doc. typen, bijv VBS of JavaScript. Dit doe je door de Script Language
tag. Deze heeft ook een begin- en eindtag.
Voorbeeld voor VBScript.:
<Script Language="VBScript">
MsgBox "hallo, ik ben een voorbeeld van een VBScript in een HTML doc."
</Script>
Voorbeeld voor JavaScript:
<SCRIPT language="Javascript">
document.writeln("hallo, ik ben een voorbeeld van een JavaScript in een HTML doc");
</SCRIPT>
Dit was het weer, er komen er misschien nog enkele meer.
Greetz,
X-57R34M(rens.wingens AT hccnet DOT nl)