De opbouw van een html bestand

Info 
Door: Admin Moeilijkheidsgraad: 1/3
Views:254.394Reacties: 107(Bekijken)
  Log in om zelf te reageren
 Waardering:8/10 (18 stemmen)

HTML: de basis van iedere website» De opbouw van een html bestand | Tekst op je website zetten | Kleuren op je website | Lettertypen | Hyperlinks maken | Tabellen | Frames | Meer informatie over frames | Lijsten maken | Formulieren maken | I-frames | Metatags




Heb je altijd al je eigen website willen maken maar weet je niet hoe je er nu precies aan moet beginnen ? Dan is hier de oplossing voor je probleem. In deze HTML-cursus leggen we je stap per stap uit hoe je een eigen website maakt in enkele minuten tijd !

Alvorens we kunnen beginnen met onze website hebben we een programma nodig waarmee we onze pagina's kunnen opbouwen.
Je kan hiervoor Kladblok of Notepad gebruiken die standaard geïnstalleerd staan op Windows.

Heb je Kladblok/Notepad opgestart ?
Dan kunnen we er nu echt aan beginnen! Maak een nieuw bestand aan.

Een html-bestand moet altijd onderstaande code bevatten.

<html>
<head>
</head>
<body>
</body>
</html>


Deze bovenstaande codes zijn tags. Een tag moet altijd een begin- en eindtag bevatten.
Zo beginnen we bvb met de begintag <html> en sluiten we af met de eindtag </html>

Je ziet in bovenstaande html-code ook <head></head>. Hiertussen kunnen we een title-tag en eventueel links naar javascripts of css bestanden plaatsen. Hetgene wat in de head-tag komt zal nooit zichtbaar zijn voor de bezoeker maar is toch niet onbelangrijk.

<html>
<head>
<title>Mijn eerste website</title>
</head>
<body>
</body>
</html>


Je ziet dat we nu tussen de head-tags een title-tag hebben geplaatst. De titel die we hier invullen zal in de statusbalk bovenaan onze website komen te staan en is later ook belangrijk om terug gevonden te worden in de zoekmachines.

Tijd voor de body-tag. Hierin zal de code komen die zichtbaar is voor de bezoekers van onze website. Probeer maar eens een zin te plaatsen tussen de body-tags zoals in onderstaand voorbeeld.

<html>
<head>
<title>Mijn eerste website</title>
</head>
<body>
Hallo, welkom op mijn eerste website ! </body>
</html>


Ok, allemaal mooi en wel maar hoe kunnen we nu onze htmlpagina bekijken op het internet ?
Daarvoor moeten we eerst onze pagina opslaan als een html-bestand. Dit doen we via opslaan als en als bestandsnaam kiezen we voor index.html. (Belangrijk : Vergeet niet de .html in de bestandsnaam te vermelden anders zal dit niet werken.)

Als je je html-bestand hebt opgeslaan ga dan naar Windows Verkenner en klik met de rechtermuisknop op je bestand en kies voor openen met Internet Explorer of een andere browser die je gebruikt. Als alles goed gaat zie je nu je eerste zelf gemaakt website !



Tekst op je website zetten »

107 reacties
Jannie.P Geplaatst op 17-03-2012 om 16:10
 

Regular
Het getypte staat boven in de balk maar niets op de bladzijde.
hoera hij doet het.!!!!!!
Channz Geplaatst op 14-12-2011 om 12:48
 

Regular
Hallo

ik wil gaan beginnen aan de lesjes en zag dat jullie aan raden om met Editpad te gaan werken.
zelf werk ik met HTML-kit, volstaat dit programma ook of moet ik Editpad downloaden?
is er eventueel een gratis versie van Editpad?

groetjes Channz
rtabel Geplaatst op 30-10-2010 om 13:21
 

Regular
wilt iemand me helpen voor goede scripts??
Birre Geplaatst op 04-02-2010 om 11:22
Avatar van Birre

Regular
Goed begin!
Alles duidelijk!
h4k3r9 Geplaatst op 30-08-2009 om 20:45
 

Regular
Voor alle mensen ik zeg dit maar 1x:
sla nooit iets op als html maar als php! Dit heb je later nodig!
als je toch zo dom bent om het op te slaan als een html bestand doe dit dan ook als een html bestand en niet .htm!

google is je beste vriend! zoek daar maar naar een nederlands talig programma!

Pagina 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 

Om te reageren moet je ingelogd zijn.
Nog niet geregistreerd? Doe dat dan nu!


Terug naar gewone pagina

Websitemaken wordt gehost door Nucleus.be, uw Hosting Solution Builder