[TuT] HTML: De basis

Gestart doorJoeey8 reacties227 weergaven

9 berichten · pagina 1 van 1

Joeey

Lid · Topicstarter

Berichten
3.074
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Hallo,

Ik ga jullie in deze tutorial uitleggen hoe je de basis van HTML leert. Misschien weet 90% dit al maar dit is voor de overige 10%.

--------------------------------------------------------------------------------------

Wat is HTML?
HTML staat voor HyperText Markup Language, hiermee kan je webpaginas maken. Dit gaat met codes, maar het is eenvoudig te leren. Het "internet" (om het zo even te zeggen) is momenteel bezig met HTML 5 te ontwikkelen, met allemaal nieuwe functies. Maar HTML 5 wordt nog niet ondersteund door alle browsers, dus zal ik jullie de basis van HTML 4 leren. smile
Waar moet ik mijn HTML documenten plaatsen?
Dit doe je op een hosting, probeer http://x90x.net maar even om te testen.. (Als je gevorderd bent raad ik je een kwaliteits-hosting aan zoals http://one2xs.com (deze website). Als je dan een account hebt aangemaakt, moet je deze activeren via e-mail, dan moet je een gewenste sub-domein uitzoeken (bijv. test123.x90x.net). Als je dit hebt gedaan, moet je naar File Manager, en in de map public_html een HTML document aanmaken (Klik op New file) en vernoem hem dan naar index.html. Wanneer je hem hebt aangemaakt moet je op edit klikken en zet dan alles van deze tutorial, in jouw File Manager.

, , en
De eerste "tags" die je moet toevoegen zijn , , en . Dit doe je zo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
</head>
<body>
</body>
</html>


LET OP: Als je een tag hebt, dan moet je deze ook afsluiten, dat zie je op de laatste regel van de code! Dit geldt voor alle tags tussen de tags, behalve
(Zie het kopje "Tekst schrijven")!

Tekst schrijven
Om tekst te maken, moet je de

tag toepassen. Er zijn tags met een groter lettertype,

is het grootst en

is het kleinst. Om een enter te maken, moet je
gebruiken, deze hoef je niet af te sluiten!

Voorbeeld:

<h1>Titel</h1>
<p>Deze tutorial is geschreven door Joey.</p><br />
<p>Hello world!</p>


LET OP: Deze tekst e.d. moet je altijd tussen de tags toepassen!

META tags
Naast tags om tekst te schrijven zijn er nog veel meer tekst. Een daarvan zijn META tags. META tags hoeven net zoals
niet afgesloten te worden. META tags hebben als functie om zoekmachines te laten zien welke gegevens jouw website bevat, oftewel SEO.

Meest gebruikte META tags:

<meta name="robots" content="Wat zoekmachines allemaal doorspeuren, ik raad all aan." />
<meta name="revisit-after" content="Hoe vaak zoekmachines jouw site moeten doorspeuren, ik raad 7 days aan." />
<meta name="expires" content="Wanneer de site verloopt, ik raad never aan." />
<meta name="description" content="De beschrijving, die kan je hier plaatsen." />
<meta name="keywords" content="Zoekwoorden, die kan je hier plaatsen." />
<meta name="author" content="De maker, die kan je hier plaatsen." />


LET OP: META tags moeten altijd tussen de tags!

--------------------------------------------------------------------------------------

Dit is de tutorial, enkel de basis. Natuurlijk zijn er nog veel meer tags om te leren gebruiken. Als je verder nieuwsgierig bent, kan je naar http://w3schools.com gaan.

Vragen kunnen in dit topic gesteld worden! pompom
Groet,
Joey.
0
Berichten
8.649
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Nice! Misschien erbij wat BR doet?
0
Berichten
11.263
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Leuk, sommige dingen wist ik nog niet en was ik nog niet tegengekomen op W3schools terwijl ik bezig ben met leren. Goeie TUT!
0
Berichten
7.681
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Dit is fout niet, maar iig ook niet goed.

<h1>Titel</h1>
<p>Deze tutorial is geschreven door Joey.</p><br />
<p>Hello world!</p>


De
tag moet je weg laten.

Probeer ook zo minmogelijk de
tag te gebruiken. Aangezien dit ook 9/10 keer niet hoeft.

Als je een wit regel oid wilt. sluit je

af en maar er weer een nieuwe.

Voorbeeld:

<p>
dit is de tekst van de eerste alinea
</p>
<p>
Tekst van de tweede alinea
</p>
0
Joeey

Lid · Topicstarter

Berichten
3.074
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Vriendje schreef:
Nice! Misschien erbij wat BR doet?
Stond al bij het kopje: Tekst schrijven
Freestyle schreef:
Dit is fout niet, maar iig ook niet goed.

<h1>Titel</h1>
<p>Deze tutorial is geschreven door Joey.</p><br />
<p>Hello world!</p>
De
tag moet je weg laten.

Probeer ook zo minmogelijk de
tag te gebruiken. Aangezien dit ook 9/10 keer niet hoeft.

Als je een wit regel oid wilt. sluit je

af en maar er weer een nieuwe.

Voorbeeld:

<p>
dit is de tekst van de eerste alinea
</p>
<p>
Tekst van de tweede alinea
</p>[/quote]

Dat heb ik expres gedaan.
0
Berichten
20
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien

hoeft ook niet afgesloten te worden wink
0
Joeey

Lid · Topicstarter

Berichten
3.074
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Floqs schreef:

hoeft ook niet afgesloten te worden wink

is valid volgens mij.
0
Berichten
3.037
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Klopt,
aflsuiten ook volgensmij.
0
Berichten
3.314
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Taggs moeten afgesloten worden (behalve

om de een of andere reden is dat een uitzondering en mag je de

weglaten, maar dan nog raad ik dat niet aan omdat t dan n gewoonte wordt yummie)

In html mag je tags die gewoon iets doen op een plek, zoals
en
gewoon zo geschreven worden. Om het XHTML valid te maken dien je deze in zichzelf af te sluiten, dus bijvoorbeeld
ipv
. Dit kun je ook in html doen maar het hoeft niet per sé.
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren