Handleiding HTML

Publiceren

HTML is de opmaaktaal waarmee internetpagina's worden vormgegeven. Aangezien je als student of medewerker beschikt over ruimte om zo'n internetpagina te publiceren is het handig om met HTML overweg te kunnen. Publiceren van zelfgemaakte pagina's gaat als volgt: maak in je homedirectory een directory public_html aan en zet hierin je HTML-pagina's. Deze zijn nu te bereiken via het adres: http://www.science.uva.nl/~gebruikersnaam/. Als er geen verdere specificatie van een bestandsnaam in de URL wordt gegeven, wordt er naar index.html gezocht.

[TOP]

Handige links

Het web is vergeven van allerhande cursussen HTML waarbij je het zo ingewikkeld kunt maken als je zelf wilt. Ook kan je een HTML-editor gebruiken om je webpagina's te maken, bijvoorbeeld van de bij communicator ingebouwde editor composer, waarmee je internetpagina,s kan maken volgen het wysiwyg(what you see is what you get)-principe. Om van dit soort editors gebruik te kunnen maken is kennis van HTML niet vereist, maar natuurlijk wel handig.

[TOP]

Enkele HTML-tags

Voordat je met HTML aan de slag gaat is het handig te weten hoe de taal is opgebouwd. In HTML wordt gebruik gemaakt van tags. Er is meestal sprake van een begin -en een eindtag. Dit ziet er als volgt uit: <NAAM_TAG> Tekst waar de tag op slaat. </NAAM_TAG>. Tags worden meestal in hoofdletters geschreven, dit is niet echter niet verplicht.
Hier volgen een aantal makkelijke tags, van sommige zijn de mogelijkheden erg uitgebreid. Voor deze tags is er een link gemaakt naar de documentatie.
 
Tag Functie, wat tussen de tags staat is:
<HTML> </HTML> HTML-code, zet deze tekst aan het begin en einde van je HTML-document.
<HEAD> </HEAD> Header-informatie, informatie over het bestand.
<TITLE> </TITLE> De titel van je bestand.
<BODY> </BODY> Het body van je bestand. Hier staat de informatie die je in het browserwindow wilt hebben. Binnen de BODY-tag kan je als volgt een achtergrondkleur definieren: <BODY BGCOLOR="white">. Andere kleuren.
<A HREF="link"> </A> Een link naar het (HTML-)bestand link.
<IMG SRC="locatie"> Voeg het grafisch bestand in dat op locatie te vinden is.
<B> </B> Dikgedrukte tekst.
<I> </I> Schuingedrukte tekst.
<BR> Hiermee begin je op een nieuwe regel. Enter werkt niet als zodanig.
<PRE> </PRE> Preformatted tekst, wat hier tussen staat wordt letterlijk neergezet op de pagina. Enter en meerdere spaties achter elkaar werken hier dus wel.
<P> </P> Een paragraaf.
<TABLE> </TABLE> Een tabel.
<TR> </TR> Een rij van een tabel. Deze tags staan tussen de tabel-tags. Meerdere rijen zijn mogelijk.
<TD> </TD> Een cell van een tabel. Deze tags staan tussen de rij-tags. Meerdere cellen zijn mogelijk.

[TOP]

Een voorbeeld:

Een voorbeeld van hoe een HTML-document er uit kan zien vind je hieronder. Je kan hier ook je eigen HTML-tags uitproberen.


[TOP]