Ik zal jullie een aantal basisdingen van HTML uitleggen. Wat heb je nodig om iets te laten zien? Hoe maak ik een hyperlink? Dit vind je in dit deel van mijn HTML uitleg.

Voorwoord

Hallo allemaal. Ik begin nu alweer aan mijn tweede artikel, met het onderwerp HTML codes.
Ik heb het gevoel dat deze een stuk beter, uitgebreider en netter zal worden!
In ieder geval bedankt voor het lezen.

Editor

Voor bijna elke scripttaal is het wel handig om een editor te hebben!
Als je er geen een hebt gebruik je Kladblok, wat voor HTML in principe genoeg is.
Het probleem hiermee echter is dat je geen ondescheid ziet tussen tags en tekst, wat het wat onoverzichtelijker maakt.
Daarom gebruik ik de editor C onTEXT. Een simpel maar fijn programma.
Genoeg over editors, laten we beginnen!

Het begin

Om te beginnen heb je in elk HTML document <html></html> tags nodig.
Dit om aan te geven dat je een HTML document aan het typen bent, alles komt tussen de HTML tags!
Vervolgens breng je <head></head> tags aan. Zoals ik al zei, tussen de HTML tags, dus dan wordt het
<html>
<head></head>
</html>
Tussen de HEAD tags kun je <title></title> tags gebruiken. Wat doet dit?
Zie je bovenin je scherm iets met Xead staan, in je tabblad? De tekst die je daar ziet, staat tussen de TITLE tags.
Zet er wat leuks neer, en dan gaan we naar iets zichtbaars op de pagina maken!

Pagina!

Nu we kleine voorbereidingen hebben getroffen, is het nu misschien wel leuk om wat op je pagina te zetten. Dit doen we door <body></body>tags aan te brengen, ná de HEAD tags, oftewel
<html>
<head><title>Jottem! Mijn eerste pagina!</title></head>
<body>Goeiemorgen!</body>
</html>
Nu zie je als je je pagina opslaat als *.htm of *.html, Goeiemorgen! op je pagina!
Wel saai eigenlijk toch, zo'n witte pagina? Laten we een kleurtje aanbrengen!
We veranderen de BODY tags in <body bgcolor="#00A2FF"></body>. Je pagina heeft nu een blauwige achtergrond!
Met HTML werken kleuren met rare kleurencodes, er zijn er erg veel, je kunt met bijvoorbeeld Photoshop vanalles vinden!
Je kunt natuurlijk ook een plaatje doen als achtergrond, dan maken we dit: <body background="URL OF PAD NAAR JE PLAATJE"></body>
Let op: Wil je verwijzen naar een URL van internet? Gebruik altijd VOOR de link http:// . Dus http://www.xead.nl.
Dit omdat hij anders op je computer gaat zoeken naar de map www.xead.nl

Op het moment hebben we dit

En de code ziet er zo uit in ConTEXT

Hoe kan het nou, dat je op je editor wel een Enter hebt en niet op je pagina? Er staat toch gewoon een Enter?
HTML ziet een normale Enter niet als Enter, daarvoor heb je twee verschillende codes, de en de 
Het verschil is met een dat je maar één enter krijgt, en met twee. Persoonlijk gebruik ik de 
Alleen schrijf ik het niet zo. Ik vind dit soort dingen een beetje onoverzichtelijk en dan lijkt het alsof je ergens anders nog wat moet afsluiten, terwijl dat helemaal niet zo is met dit soort codes.
Hoe ik het zelf prettiger vind is te schrijven. Hij herkent het gewoon als en er staat een sluittekentje achteraan.
Hoe je het zelf doet is up to you, ik heb hier mijn voorkeur bij.

Nawoord

Ik vond het leuk het begin van de HTML beginnerscursus te schrijven.
Ik hoop dat jullie hetzelfde vonden met het lezen.
Natuurlijk zijn er/komen er nog meerdere delen uit, waarmee we genoeg andere dingen gaan doen.