Menu 

> Begin

> Animaties


 

 Meer 

> Avatars

> Smilies

> M-Cards

> Themes

> GSM wallpapers

> Diddle plaatjes

> Scripts

> Games

> Cursus html

> Contact

 

 

 Advertenties 
 


 

  Animatiegifjes.stophier.nl alles voor de webmaster !!

Een Basis HTML Bestand Maken

Hier leer je je eerste stappen bij het maken van je website. Als je een beginner bent op het gebied van HTML dan kun je het beste hier beginnen.

Een standaard HTML bestand is vrij simpel te maken. Het enige wat je nodig hebt is een tekst editor zoals bijvoorbeeld "kladblok" dat standaard bij Windows zit. Het is echter aan te raden om een HTML editor te gebruiken. Dit werkt makkelijker en sneller. Een lijstje met goede HTML editors vind je hier.

Nog een opmerking: HTML behandelt hoofdletters en kleine letters hetzelfde. Het maakt dus niet uit of je <TITLE> of <title> typt.

Zoals al gezegd heten de commando's tussen < en > tags.
Het volgende voorbeeld bevat het basismodel van ieder HTML bestand.

<HTML>
<HEAD>
<TITLE>Hier vul je de titel van je pagina in.</TITLE>
</HEAD>
<BODY>
Hier komt de inhoud van je pagina.
</BODY>
</HTML>
 

Klik Hier om dit Voorbeelddocument te bekijken!

Ok, dit is dus een standaard HTML document. Iedere webpagina bevat dus minimaal het bovenstaande.
Maar wat gebeurt er nu eigenlijk? Even een uitleg van de verschillende tags die hier gebruikt worden.

<HTML>

Deze tag wordt gebruikt om het begin van een HTML document aan te geven. Als je een HTML bestand maakt, begin je dus altijd met <HTML>.

<HEAD>

De <HEAD> tag wordt gebruikt om belangrijke informatie over de pagina in op te nemen. Deze informatie is (vrijwel altijd) onzichtbaar voor de bezoeker van je pagina. Je vindt hier vaak de titel van de pagina (zie hieronder) en ook meta-tags (waarover later meer).

 

<TITLE> en </TITLE>

De <TITLE> tag is de begintag van de titel van je pagina.
Na deze begintag type je dus de gewenste titel voor je pagina. Deze titel ziet de bezoeker linksboven in zijn browserscherm.
Vervolgens sluit je de tag met </TITLE>.

Kijk maar eens naar het voorbeelddocument hierboven. Je ziet dat tussen de <TITLE> en </TITLE> tags het volgende staat: "Hier vul je de titel van je pagina in."
Dit zou dus moeten verschijnen als je het voorbeelddocument hierboven opent. Controleer dit maar eens.
Als het goed is, zie je de titel ("Hier vul je de titel van je pagina in.") linksboven in het nieuwe browserscherm verschijnen.
Verder staat er nog: "Hier komt de inhoud van je pagina." Maar dat komt hieronder bij de bespreking van de BODY.

</HEAD>

Dit is de eindtag van de HEAD. Onthoud dat practisch alle elementen bestaan uit een begintag en een eindtag. De eindtag ziet er hetzelfde uit als de begintag, maar het heeft alleen een / erbij.
Vergeet niet begin- en eindtag op te nemen, anders heeft dit (meestal) grote gevolgen voor het resultaat op het scherm.

<BODY> en </BODY>

De <BODY> en </BODY> tags zijn veruit de belangrijkste tags in ieder HTML document. De werkelijke inhoud van je pagina komt tussen deze tags te staan. Daarom heet het ook "body", ofwel "lichaam". De <BODY> tag komt tussen de <HTML> en </HTML> tags en na de </HEAD> tag.

Ook vind je in het element BODY belangrijke informatie in haar attributen over bijvoorbeeld de achtergrondkleur en de tekst.

Nu alvast een zestal belangrijke attributen die in de BODY tag horen:

background
Hiermee kun je een plaatje gebruiken als achtergrond van je pagina.
bgcolor
Belangrijk attribuut, om de achtergrondkleur van je pagina te wijzigen.
text.
Met dit attribuut kun je de standaard tekstkleur op je pagina instellen.
link
Hiermee kun je de kleur van de links op je pagina instellen.
alink
Bepaalt de kleur van de actieve links. De links zijn actief als je er op klikt.
vlink
Attribuut waarmee je de kleur van de geklikte links aangeeft. Als een bezoeker terugkeert op je pagina, dan zijn de links waarop hij al geklikt heeft in deze kleur weergegeven.

Meer over kleuren en kleurwaarden kun je hier lezen.

Even een voorbeeld van een "BODY" tag met mogelijke attributen en waarden:

<BODY bgcolor="yellow" text="red" link="pink" alink="purple" vlink="brown">

Hiermee krijg je een pagina met een gele achtergrond, rode tekst, roze links, paarse actieve links en bruine bezochte links.

Nog even voor het begrip van de termen: het element in bovenstaande tag is: BODY, de attributen hiervan zijn: bgcolor, text, link, alink en vlink. De waarden van de verschillende attributen zijn: yellow, red, pink, purple en brown.

Natuurlijk hoef je deze attributen niet te gebruiken. Doe je dit niet, dan gebruikt de browser de standaard ingestelde waarden. Meestal betekent dit een witte achtergrond, blauwe links, enz.
Zoals je ziet, zet je de waarden (yellow,red,etc.) van de attributen tussen aanhalingstekens.

</HTML>

Deze eindtag markeert het einde van een HTML document. Dit is dus de laatste tag die je gebruikt bij het maken van je pagina.

Einde Les Een

Ok, dit is genoeg voor de eerste les. Nu ben je in staat om een standaard HTML bestand te maken en kun je werken met de attributen van de BODY tag, waarmee je o.a. de achtergrondkleur en de linkkleur van je pagina's kunt veranderen.
Nu kun je les twee bekijken, waar de verschillende tekst-tags aan de orde komen.

 

 

 

 Linkpartners 
Gifs.nl
Animatieplaatjes.nl
Animatiesite.nl
Bewegende Plaatjes

 

 
2007 © copyright stophier.nl en partners


 

 

hier vind je van alles voor je website, animatieplaatjes, winks voor msn, muggins, achtergronden, dynamische achtergronden, dynamische schermafbeeldingen, emoticons, bewegende plaatjes voor msn, foto's, packs,  msn plaatjes, leuke plaatjes, gratis, plaatjes, animatiegifjes, gifplaatjes, cliparts, gifs, gifjes, animatie, animaties, plaatjes, bewegendeplaatjes, afbeeldingen, mini movies, animatiegifs, animated, kerst plaatjes, kerst emoticons, kerst gifjes, kerstplaatjes, emoticons, msn, avatars, knoppen, jpeg, gif, emailgifs, valentijn, photoshop, html hulp, website hulp, games, online games, php, website, frontpage, dhtml, cgi, css, homepage, internet, schnappi wallpapers, schnappi, diddl plaatjes, pokemon plaatjes, money, drop, chips, beroemd, artiesten, babes, regenboog, sesamstraat, winnie the pooh, kauwgom, olifanten, diamanten, gefeliciteerd, mobiel, gsm, cupido, ezels, straaljagers, vliegtuigen, leger, army, uilen, lieveheersbeestje, stophier, grappige plaatjes, emoticons, schnappi, vraagtekens, hartjes, wietblaadje, wiet plaatjes, astma, disney, katten, carnival, paarden, glitter, blade trinity, roller, rollerskates, snow, fantasy, vuurwerk, javascript, download, poll, opa, knoppen, frontpage,  oma, vader, moeder, pimboli, ogen, vingers, oren, haren, kam, borstel, shampoo, douche, poppetjes, artikelen, jpeg, zeehonden, voetbal, klokken, neon, merken, vuur, wiskunde, hulpmiddelen, lijnen, turnen, gymnastiek, strand, zee, palmen, reizen, baby, kinderen, skateboarden, auto, m-cards, wallpapers, themes, rugby, tips, trucs, beltoon, badminton, zeehonden, wapens, waterval, beltonen, mini movies, true tones, wallpapers, screensavers, monofoon, polyfoon, anoniem sms, bijbel, feest, zwanger, hamsters, kappers, vuurwerk, firework, disco, yahoo, free, create avatar, anime, high, neopets, letters, wereldbol, nieuw, new, jarig, pinkpanter, skeletten, doodskop, skelet, poll, international, chat, kerst, love, nl, pagina, romantische plaatjes, hardcore, naam, beren, groeps sms, rozen, ridders, icoontjes, slapen, opstaan, bed, wekker, kaars, koffie, melk, dressuur, downloads, icon, generator, gekke, sneeuw, sint nicolaas, bloemen, tiener, lonsdale, treiter sms, gsm, chipz plaatje, dynamo, id, cu2, webmaster, frontpage, links, tips, truuks, html, popup, frames, comic, mms, outlook, logo, ringtone, polyph, inuyasha, avatarmagic, evil,  avatar maker, contest, gaia, secret, puma, games, pop, up, popup, pop-up, window, java, java script,messenger, javascript, javascripts, html, lessen, tutorials, gratis, PHP, ASP, MSQL, MySQL, SQL, PHP, wallpapers, bewegende msn plaatjes,stophier gifs, movie, kappers, rozen,  film, bioscoop,  avatars, bewegende avatars,  Animaties, bewegende plaatjes, afbeeldingen, fantasy, welkom, humor, msn, vieze, cadeautjes, animatieplaatjes, gifplaatjes,  smilies, smileys, adelaars, animaties, patat, snacks, kroket, limonade, koelkast, pen, monitor, muis, kabels, stoep, straat, stranden, palmen, dobberen, luchtband, brood, champagne, aansteker, sigaretten, pucca, shag, animatieplaatjes, graphics, art, bewegende plaatjes, avatars, bewegende avatars, babyplaatjes, barby, barbie, picture, boten, anne geddes, badminton, baby, badkamer, icon, buddy,  lasergun, millitair, licht, merken, beeldvenster, beren, gitaren, jip en janneke, kabouters, naam animaties, animaties alfabet, zwanger, spel, honden, icoontjes, achtergronden, tekst, aim smileys, ridders, emoticons,  sexy, snoopy, bijen, ballen, bloemen, boerderij, bomen, clowns, dakpannen, computer, hartjes, zonnebloem, zwaailichten, korfbal, manga, winter, wit zwart, sexy, waterval, buro, dc shoes, sports, pic, bureau, aladdin, bier, wijn, animaties polly, dhtml script, dieren, alcohol, drank, drinkbekers, babys, auto, auto's, fietsen, fiets, files, ambulance, diversen, dobbelstenen, draken, editors, email, eten en drinken, adult,  eyoor, favicon, feest, feestdagen, flowerpower, napoleon, girl, kalki, rate, press, doll maker, help,  fruit, vraagtekens,  live, journal, cute, music,  garfield, gastenboek, gereedschap, giraffen, giraf, groot, hotdog, elfjes, engeltjes, info, hello_kitty, honden, hotdog, htlm cursus, html tekens, pirate, car,  ijsje, ijsjes, insecten, insect, junglebook, jungle boek, button, gezichten, mensen, dvd, audio, dvdspeler, radio, tv, boxen, camera, rekenmachine, plakband, batterij, petje, laptop, kinderen, animated, moving, reptielen, pijlen, pizza, regen, wind, tornado, storm, neerslag,  toetsenbord, poster, stopkontakt, scanner, kerstmis, weerplaatje, stoel, sokken, broek, crying, huilen, trui, nagels, printer, rolstoel, rollator, scootmobiel, zaklamp, tent, vakantie, reizen, bungalow, caravan, spaarpot, pop, doll, lamp, bank, vloer, planken, timmerman, beroep, metselaar, verkoper, kantoor, 3d plaatjes, tattoo, stoplicht, bouwvakker, ambtenaar,  nijntje, tijgers, indianen, xxx, liefdes, verjaardag, haaien, harry potter, beweegende, ajax, fijenoord, vitesse, utrecht, amsterdam, katten, kerst, keuken, kinderen, kippen, tennis, kleuren, klokken, knorretje, koeien, koe, koffie en thee, konijnen, kungfu, globes, ijs, liefde, lion king, looney tunes, luchtballonnen, maanden, man en vrouw, mensen, mickey mouse, monster, satelliet, schotel, kom, fyenoord, hamsters, diamanten, daimonds, food, nonfood, geschenken, antennes, gratis sex plaatjes,boerderij, cool, coca cola, monsters, muizen, muziek, dj, natuur, ogen, olifanten, paarden, paard, paddestoel, paddestoelen, partners, pasen, pinguin, duivel, devil, kiss, kus,  planeten, planeet, plant, planten, custom, jabber, pooh, poppetjes, redirect, rozen, schildpadden, metatag creator, hartjes, scrollbar, skateboard, sneeuwman, ferrari,  sneeuwpop, sneeuwpret, spijkerbed, sport, telefoon, telefoons, teller, tijgertje, troep, trouwen, tuinieren, uploaden, vakantie, valentijn, vervoer, vissen, vlaggen, vlinder, vogels, landen, water, strand, weblogo, ijsberen, welkom, werk, wormen, worm, ziekenhuis, zon, plaatjes voor mijn site, plaatjes voor een website, een website opvullen met plaatjes, en veel meer!!!