! ! ! Waarschuwing ! ! ! #Dit voorbeeld is ontworpen ALLEEN om een beeld te geven van hoe een broncode van een HTML-Document opgebouwd kan worden en er uit KAN zien. Het gebruiken van dit voorbeeld als basis voor een eigen HTML-Document is op eigen risico.Het is mogelijk dat dit voorbeeld niet compleet en kloppend in elkaar is gezet.
De bedoeling van dit voorbeeld is dan ook om een beeld te geven van een aantal mogelijkheden die gebruikt kunnen worden in een HTML-Document. Niet alle mogelijkheden worden behandelt!
! ! ! Attentie ! ! ! De eigenaar en ontwerper van dit voorbeeld kan NIET aansprakelijk en verantwoordelijk worden gesteld voor welke vorm van schade dan ook. Dit omdat er een duidelijke waarschuwing word af gegeven en er een 'Eigen Risico' geld.
<center> Voorbeeld 1 </center>
De bedoeling van dit voorbeeld is dan ook om een beeld te geven van een aantal mogelijkheden die gebruikt kunnen worden in een HTML-Document. Niet alle mogelijkheden worden behandelt!
! ! ! Attentie ! ! ! De eigenaar en ontwerper van dit voorbeeld kan NIET aansprakelijk en verantwoordelijk worden gesteld voor welke vorm van schade dan ook. Dit omdat er een duidelijke waarschuwing word af gegeven en er een 'Eigen Risico' geld.
<center> Voorbeeld 1 </center>
PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- In dit voorbeeld zal ik proberen te beschrijven wat ik doe en gedaan heb -->
<!-- Om te beginnen word er een DocType-Declaratie geplaatst. -->
<!-- met deze declaratie word aangegeven aan welke HTML-versie -->
<!-- een document voldoet -->
<!-- daarna word een HTML-Document altijd geopend met de Tag -->
<!-- <html> ,, boven deze Tag mag er niks anders worden geplaatst -->
<!-- Na het plaatsen van de <html>-Tag word meestal de "Head" -->
<!-- van een pagina geopend doormiddel van de <head> Tag -->
<!-- ## De head van een html-document is bedoeld om de [b]basis[/b] instellingen -->
<!-- van een pagina te bepalen ## -->
<!-- Door het plaatsen van een "Meta"-Tag met aanwijzingen in de head -->
<!-- word er bepaalt welke karakterset er gebruikt word voor deze pagina -->
<!-- ## Er zijn verschillende soorten meta-tags die [b]informatie[/b] bevatten over -->
<!-- een html-document ## -->
<!-- We bepalen de titel van de pagina door de titel in te sluiten tussen -->
<!-- de "Title"-Tag ( <title> en </title> ) -->
<!-- alles wat tussen deze tags word geplaatst zal worden weergeven als de titel -->
<!-- van het scherm -->
<title> HTML-Voorbeeld Pagina </title>
<!-- Als het gaat om lay-out en weergaven is html erg beperkt -->
<!-- Als oplossing is er een mogelijkheid om CSS toe te voegen -->
<!-- met CSS krijg je de mogelijkheid om de vormgeving -->
<!-- van alle elementen in een webpagina te bepalen -->
<!-- Met de "Style"-tag word aan gegeven dat er met -->
<!-- CSS gewerkt gaat worden -->
<style language="css" type="text/css">
/* We gaan nu de vormgeving bepalen */
/* van een aantal elementen in deze webpagina */
body
{
background-color:black;
color:white;
border-style:double;
border-color:red;
}
/* We hebben nu de [b]achtergrond kleur[/b] , de [b]tekst kleur[/b] EN */
/* de [b]rand style[/b] en [b]kleur[/b] bepaalt en vastgelegd */
/* We sluiten een styleblok in CSS af door het sluiten van de "style"-tag */
/* [b]</style>[/b] */
</style>
<!-- We sluiten de head van deze pagina doormiddel van -->
<!-- [b]</head>[/b] en we openen de "body" door -->
<!-- [b]<body>[/b] ,, de body bevat de inhoud van een webpagina -->
</head>
<body>
<hr>
<hr>
<center>
<h1>
Voorbeeld Pagina 1
</h1>
</center>
<hr>
<hr>
<br>
<br>
Hier word de inhoud van een Web-Pagina geplaatst.
<br>
Je kan zelf tot in detail bepalen wat je plaatst op een Web-Pagina.
<br>
Dit bepaal je door het plaatsen van html-tags op de juiste plek.
<br>
Er zijn veel verschillende html-tags ingeprogrammeerd in HTML.
<br>
Deze html-tags krijgen extra informatie over hoe ze moeten worden weergeven -
<br>
door zogenaamde "Attributen" aan de html-tags toe te voegen.
<br>
<br>
<font color="red" family="arial">
De kleur en de lettertypen van deze tekst word bepaalt doormiddel -
<br>
van een html-tag.
<br>
In deze html-tag ( [b]<font>[/b] ) staat aangegeven door extra attributen -
<br>
op welke manier een tekst moet worden weergeven.
<br>
De meeste html-tags moeten ook weer afgesloten worden.
<br>
Deze tekst blijft weergeven worden op de manier die aangegeven word -
<br>
in de font-tag todat deze tag gesloten word.
<br>
</font>
<br>
<br>
Deze tekst word weer op de normale manier weergeven.
<br>
<br>
<br>
Nogmaals ,,!!!! Voordat je begint aan een html-pagina is het verstandig -
<br>
dat je eerst wat kennis opdoet over html en al zijn elementen.
<br>
<br>
Er is ook nog een mogelijkheid om scripts toe te voegen aan je html-pagina.
<br>
Deze scripts geven je de mogelijkheid om je web-pagina [b]"Dynamisch"[/b] -
<br>
en [b]"Interactief"[/b] te maken.
<br>
een mogelijkheid is bijvoorbeeld [b]"Java-script"[/b] en [b]"VBScript"[/b] .
<br>
<br>
<br>
Hier eindig ik de inhoud van mijn web-pagina.
<br>
<hr>
<br>
<hr>
<center>
<br>
<h1>
<br>
Einde inhoud van dit voorbeeld
<br>
</h1>
<br>
</center>
<br>
<hr>
<br>
<hr>
<br>
<!-- om de body van een webpagina af te sluiten -->
<!-- sluit je de body-tag ,, [b]</body>[/b] -->
<!-- na het sluiten van de body , sluiten we ook de -->
<!-- webpagina af door het afsluiten van de html-tag -->
<!-- [b]</html>[/b] -->
<!-- Na het sluiten van de html-tag is het niet meer mogelijk -->
<!-- om wat dan ook te plaatsen ,, dit loopt uit op fouten -->
</body>
</html>
Laatst bewerkt:
)
[/EDIT]
