[guide: rewritten] ««Hyper Text Markup Language»»

[`Red Admirall]

Gesloten - wordt (alweer) herschreven.

In- of uitklappen •

De guide is rewritten na een ongelukje.
(De guide is voor beginnende HTML'ers.)

~Inleiding
~Wat is Hyper Text Markup Language?
~De geschiedenis en toekomst van HTML
----------------------------------------------------------------
~De basis van elk HTML bestand...
~Tekst en kleuren op je website zetten
~Plaatjes/foto's/hyperlinks op je website zetten
~Tabellen en frames op je website zetten
----------------------------------------------------------------
~Linken en begrippen
~Afsluiting!
~FAQ

Inleiding

Hallo allemaal!

Deze guide gaat over Hyper Text Markup Language, als je niet weet wat dat is, hou je even in want je komt het zo te weten.

Het kan zijn dat je deze guide of iets wat er op lijkt al eerder hebt gezien. Het kan natuurlijk dat er iemand anders al eerder een guide over dit onderwerp heeft gemaakt, maar waarschijnlijk heb je dan mijn vorige guide die bijna hetzelfde is gezien. Die is echter gesloten i.v.m. een ongelukje. De guide is in elk geval 100% door mij gemaakt.

Na mijn ltf account eens flink onder handen te hebben genomen zodat de info weer een beetje klopte vond ik dat ik deze guide ook maar eens moest onder handen nemen en opnieuw posten. Hier is ie dan.

Mochten er in deze guide spellings fouten zitten, of mocht de informatie niet kloppen, meld dat a.u.b. door even te posten zodat het geweizigd kan worden. Als je vragen hebt komen die als het goed is bij de f.a.q terecht.

Ik heb de afbeeldingen en codes in een in/uit -klap dingetje gedaan, omdat de guide anders zo lang wordt.

Ik geloof dat dat het wel was, veel leesplezier!

Wat is Hyper Text Markup Language?
Hyper Text Markup Language (afgekort HTML) is een computertaaltje. Of specifieker gezegd, een opmaak taal. Veel mensen denken dat HTML een programmeertaal is, maar dat is niet zo.

HTML is de basis van elke website, als je een website wil gaan maken kun je niet zonder een beetje kennis over HTML, hoewel de laatste tijd er ook veel andere programmeer/opmaak/scriptalen of wat dan ook worden gebruikt. Als je eenmaal een beetje HTML kan, kun je ook andere dingen gaan gebruiken zoals 'php' om je website mooier te maken.

Ik zelf ben nog niet zo lang geleden begonnen met HTML schrijven. Ja, schrijven ja, maar daar kom ik later op terug. Ook zoek ik wel eens dingen op over HTML, zoals voor guides. Ik ben zelf nog maar een beginneling, maar ik kan andere mensen die nog nooit van HTML hebben gehoord hebben, of het nog nooit gebruikt hebben goed op gang helpen.

Nog een ding: je leert HTML naar mijn mening vooral door het zelf te doen en als je iets niet begrijpt het op te zoeken, veel succes er mee.

De geschiedenis en toekomst van HTML.
HTML heeft een korte geschiedenis (en waarschijnlijk een lange toekomst tenzijn de marsmannetjes komen ). HTML bestaat nog niet zolang, omdat het iets voor de pc is, die ze bijvoorbeeld in de middeleeuwen nog niet zoveel gebruikten. Maar in die korte tijd zijn al veel aanpassingen geweest, omdat de computer en de mogelijkheden zich zo snel ontwikkelden.

HTML werd in 1991 bedacht en ontwikkeld door Tim Berners-Lee om wetenschappelijke documenten van het CERN in Genève gemakkelijker toegankelijk te maken.

Door de uitvinding en introductie van klikbare aan elkaar gelinkte pagina's (HTML/WWW) heeft Tim Berners-Lee het internet in feite klaar gemaakt voor het grote publiek. Hij wordt daarom ook wel gezien als uitvinder / grondlegger van het huidige internet.

Het huidige internet hebben we dus te danken aan onze Tim. Toen HTML was bedacht werd het steeds uitgebreider, kwamen er nieuwe versies en weet ik veel wat er allemaal gebeurde. In elk geval zullen we het waarschijnlijk nog lang gebruiken, tenzij de computers ineens verdwijnen omdat de marsmannetjes komen.

Maar dit even allemaal terzijde, want als je HTML nog niet kent zal je hier nog steeds weinig van begrijpen. Laten we dus over stappen naar het huidige HTML, of liever gezegd, laat ik gaan uitleggen hoe je HTML nou werkelijk gebruikt.

____________________________________________________________________________

De basis van elk HTML bestand...
naja... bijna elk bestand dan! Je hebt bijvooreeld ook frames enzo waarbij je iets anders begint, maar dat komt pas veel later.

HTML heeft een bepaalde opbouw, een hele simpele opbouw trouwens. Start dus maar snel een eenvoudige tekstverwerker op (kladblok). Type daar de volgende dingen in:

In- of uitklappen •

Code: Selecteer alles

<html>
<head>
<title>"Je titel."</title>
</head>
<body>
</body>
</html>

Ik zal zometeen uitleggen wat het is. Eerst moet je het bestand even opslaan. Omdat als je wat meer gaat uitproberen met HTML je best veel bestanden kan gaan maken, is het handig om even wat mapjes aan te maken. Bijvoorbeeld:

In- of uitklappen •

-Site = een mapje om alles voor je site in op te slaan.
-HTML = een mapje waar je al je HTML bestanden in opslaat.
-Plaatjes = een mapje waar je al je plaatjes voor je HTML bestanden in opslaat.
-Test = een mapje waar je al je uitprobeersels in opslaat.
-Txt = een mapje waar je alle tekst van je HTML bestanden opslaat.
Dit is dus zoals ik het doe, je kunt het op allerlei andere manieren doen.

Oke, weer terug naar het bestand in kladblok. Kies:
Bestand > Opslaan als >
Dan krijg je een scherpje. Zorg dat de instellingen zo staan:

In- of uitklappen •

-Linksboven(hoek): je hebt opslaan als gedaan.
-Linksboven: sla je bestand op onder de mapjes die je (mogelijk) hebt gemaakt.
-Opslaan als: kies alle bestanden.
-Bestandsnaam: verzin een naam. De extensie (deel achter de punt) moet HTML zijn.
Sla het bestand nu op.
Doe dit alle nog een keer:
Bestand > Opslaan als >
Je krijgt dat scherpje weer, nu moet je het alleen anders instellen:

In- of uitklappen •

-Linksboven(hoek): je hebt opslaan als gedaan.
-Linksboven: sla je bestand op onder de mapjes die je (mogelijk) hebt gemaakt.
-Opslaan als: niks veranderen, laat het gewoon op '.txt' staan.
-Bestandsnaam: verzin een naam. De extensie (deel achter de punt) moet txt zijn.
Sla het bestand weer op. Je kunt nu rustig alle afsluiten zonder dat je ook maar iets verliest. Sluit het bestand maar af. Ga naar:
Windows verkennen > 'het pad naar je documenten van HTML'.
Klik het bestand aan met '.html', en dan krijg je, tadaa, dit:

In- of uitklappen •

Het is niet veel, maar je hebt een internet pagina gemaakt, met hele simpele tekentjes.
Je site is nog niet berijkbaar voor andere mensen, maar dat wil je waarschijnlijk toch nog niet. Of vind je de site al mooi genoeg?
In elk geval het je de basis!

Om even terug te komen op alle tekentjes enzo die in dat document staan:
Dit is dus de basis van een HTML bestand:

In- of uitklappen •

Code: Selecteer alles

<html>
<head>
<title>"Je titel."</title>
</head>
<body>
</body>
</html>

-Met de HTML tag's (kom ik later op terug) geef je aan dat het om een HTML bestand gaat.
-In de head tag's kun je een aantal belangrijke dingen zetten zoals title tag's en megatag's (hoef je nog lang niet te gebruiken).
-In de title tag's zet je, je raad het al, de titel.
-In de body tag's komt de werkelijke website.

Een '<' met wat tekst erin en een '>' (zoals: '<head>') noem je een tag. Veel tag's hebben een begin en een eind tag. Een eind tag kun je herkennen aan het '/' symbool.

Dit is eigenlijk alle informatie al die je nodig hebt als beginneling.

Ik zal heel kort nog even wat over de extensie's vertellen, en waarom je heb bestand twee keer moet opslaan.

Als je een bestand maakt en je wil het voor de eerste keer opslaan doe je dat waarschijnlijk zo:
Bestand > Opslaan als...
Dan krijg je zo'n soorte schermpje (dit is van onze word versie bijvoorbeeld):

In- of uitklappen •

Je kunt er vanalles instellen en zo je document op een bepaalde plaats en manier opslaan.
Zo kun je ook instellen met wat voor een programma, of op wat voor een manier de computer een bestand moet openen. Dat doe je met de extensie. Je hebt dan een titel, met een punt erachter, en daarachter staat de extensie. Als je er 'html' achter hebt staan zal je computer het als html openen. Maar als je er 'doc' van maakt, zal het bestand met word worden geopend en zul je gewoon alle letters en tekens zien die je hebt hebt gemaakt voor je HTML bestand. Ik hoop dat dit het wat duidelijker maakt.

En waarom je het bestand twee keer moet opslaan? Ik weet eigenlijk niet hoe andere mensen dat doen, maar zo doe ik het. Als je het bestand namelijk alleen maar als HTML opslaat, dan kun je er niks meer aan veranderen, alle tags zijn verdwenen. Daarom vind ik het handig om het ook als txt op te slaan, dan kun je het bestand weer wijzigen.

Tekst en kleuren op je website zetten
Owja... dat is ook wel handig, een beetje tekst.
Als je de basis een beetje snapt en onder de knie hebt, wat wel snel zal gebeuren, zal het eerste waar je aan denkt waarschijnlijk teksten zijn. Daarom zal ik daar het een en ander over uitleggen.

De tekst zet je tussen de body tag's. Je kunt het er gewoon tussen schrijven maar het is wel handig om een beetje opmaak te hebben.

Hier staan een aantal simpele tag's met uitleg:

<b> </b> - Maakt de tekst dik.
<u> </u> - Onderstreept de tekst.
<i> </i> - Maakt de tekst cursief.
<h?> </h?> - Geeft de grote van tekst aan. Je kun er koppen mee maken. Op de plek van het '?' teken moet een cijfer van 1 t/m 6 staan. 1 is het grootst, 6 het kleinst.
<p> - Geef je een nieuwe alinia mee aan. Hoef je niet te sluiten, het is vanzelfsprekend dat als je een nieuwe alinia aangeeft dat de andere eindigt, dat snapt zelfs de computer.
<p align=?> <p align=?> Hiermee kun je de tekst uitlijnen. Bijvoorbeeld centeren of naar rechts uitlijnen. Op de plek van het '?' teken zet je 'center', 'left' of 'right' neer. Left hoef je niet per se aan te geven, dat doet de computer als de tekst niet uitgelijnt is automatisch.

De tags in een code:

In- of uitklappen •

Code: Selecteer alles

<b> </b>
<u> </u>
<i> </i>
<h?> </h?>
<p>
<p align=?> <p align=?>

Probeer ze maar eens even uit!
Type bijvoorbeeld dit in:

In- of uitklappen •

Code: Selecteer alles

<html>
<head>
<title>'Je titel'</title>
</head>
<body>
<b>Ltf is cool!</b>
<u>Ltf is cool!</u>
<i>Ltf is cool!</i>
<h1>Ltf is cool!</h1>
<h6>Ltf is cool!</h6>
Hier type ik even gewone tekst! BlaBlaBlablablablablablablabla...BlaBlaBlablablablablablablabla...BlaBlaBlablablablablablablabla...BlaBlaBlablablablablablablabla...
<p> Ltf is cool!
<p align=center>Ltf is cool<p align=center>
</body>
</html>

Dan krijg je dit:

In- of uitklappen •

Probeer het allemaal maar even uit. Maak alvast een leuk stukje tekst, zie maar wat je doet. Als je het een beetje onder de knie hebt of verder wil gaan, dan ga je verder.

Op deze manier kun je tekst netjes uitgelijnd en in kopjes op je site zetten!
En tot zover dan ook de tekst op je site zetten! Nu de kleuren nog...

Bij HTML kun je ook kleuren gebruiken, iets dat wel erg handig is als het om opmaak gaat.

Als je een kleur aangeeft, gebruik je altijd een hekje: '#'. Achter dat hekje, dat aangeeft dat het om een kleur gaat, zet je een hex code, bijvoorbeeld:
000000 = zwart
ffffff = wit
ff0000 = rood
Je hebt bepaalde site's waarop de hex codes staan aangegeven, zo kun je ze altijd terug vinden. Ik heb een aantal hoofdstukjes verder een aantal links staan voor die codes. Ik weet niet welke site je het beste kunt gebruiken, maar die site's werken goed.

Die kleuren moet je natuurlijk wel ergens bij gebruiken, want als je alleen <#000000> gebruikt komt er niks bijzonders. Je gebruikt de codes in tags. Zo'n extra stuk informatie in een tag noem je trouwens een atribuut. Maar dat terzijde.

Als je gewoon de basis van een HTML document hebt, heb je dit:

In- of uitklappen •

Code: Selecteer alles

<html>
<head>
<title>"Je titel."</title>
</head>
<body>
</body>
</html>

Je kunt er dan wat tekst bij zetten zoals in het vorige hoofdstukje, dan heb je dit:

In- of uitklappen •

Code: Selecteer alles

<html>
<head>
<title>'Je titel'</title>
</head>
<body>
<b>Ltf is cool!</b>
<u>Ltf is cool!</u>
<i>Ltf is cool!</i>
<h1>Ltf is cool!</h1>
<h6>Ltf is cool!</h6>
Hier type ik even gewone tekst! BlaBlaBlablablablablablablabla...BlaBlaBlablablablablablablabla...BlaBlaBlablablablablablablabla...BlaBlaBlablablablablablablabla...
<p> Ltf is cool!
<p align=center>Ltf is cool<p align=center>
</body>
</html>

Je kent het resultaat van allebei. Je zult het waarschijnlijk een beetje erg wit vinden. Daarom is het handig om een achtergrond kleur en een tekstkleur in te stellen. Dat doe je in de body tag:

In- of uitklappen •

Code: Selecteer alles

<html>
<head>
<title>"Je titel."</title>
</head>
<body bgcolor=#oooooo text=#ffffff>
<h1><p align=center><u>Dit is mijn eerste website.</u></p></h1>
"Tekst", bijvoorbeeld:
<i>Ltf is cool!</i>
</body>
</html>

Wat je nu hebt gedaan is:
-Je hebt de basis gebruikt.
-Wat tekst in je HTML document gezet.
-De tekst opgemaakt.
-En...
het geen waar het om ging. Je hebt bij de body tag 'bgcolor=#oooooo' en 'text=ffffff' neer gezet. Daarmee heb je de achtergrond kleur en de tekst kleur aangegeven. Je hoeft dat natuurlijk niet te doen, maar het is wel handig. Zorg trouwens ook dat als je bijvoorbeeld de achtergrond kleur zwart hebt gemaakt, dat je ook de text kleur aanpast, want zwart op zwart leest zo moeilijk.
Resultaat:

In- of uitklappen •

Tevreden? je kunt de kleuren natuurlijk aanpassen door een andere hex code te gebruiken!

Als je bepaalde stukken tekst een andere kleur dan de standaard ingestelde kleur wil geven doe je dat zo:

In- of uitklappen •

Code: Selecteer alles

<html>
<head>
<title>"Je titel."</title>
</head>
<body bgcolor=#?????? text=#??????>
Hier wil ik de standaard kleur gebruiken, die ik hierboven kan instellen ('text=#??????').
<font color=#??????>Hier wil ik een ander kleurtje, die ik hier voor kan instellen (met 'color=#??????')</font>
</body>
</html>

Dat is eigenlijk alle kleuren informatie voorlopig wel!

Plaatjes/foto's/hyperlinks op je website zetten
Allemaal leuk en aardig die kleurtjes, maar waarschijnlijk wil je ook wel plaatjes op je website hebben, net zoals hyperlinks. Vandaar dit hoofdstukje.

Oke, je wil dus een plaatje op je website hebben. Bijvoorbeeld dit plaatje:

In- of uitklappen •

Dan ga je als volgt te werk:

-Je zet het plaatje in paint. Je weet wel, kopieëren, plakken. Je kunt het bewerken ofzo. Doe er in elk geval iets mee, tot dat je tevreden bent.
-Opslaan als. Het is handig om het plaatje hier op te slaan:

In- of uitklappen •

Onder 'plaatjes'. Het hoeft natuurlijk niet per se hier, maar zo iets is wel handig. Waarom? Daar kom ik zo op terug.

Nu het plaatje is opgeslagen kun je het in een document zetten. Neem bijvoorbeeld even dit voor je:

In- of uitklappen •

Code: Selecteer alles

<html>
<head>
<title>Donald Duck</title>
</head>
<body bgcolor=#000000 text=#ffffff>
<h1><u><p align=center>Donald Duck</p></u></h1>
<i>Donald Duck</i> ziet er zo uit:
'Hier moet je plaatje komen.'
</body>
</html>

Nu zet je op de plek van: "Hier moet een plaatje komen.", een image tag: '<img>'.
Alleen daar aan heb je niks, dus zet je er dit in: <img src="">. Src staat voor source. Daar komt het zogenaamde pad te staan. Als ik het plaatje onder D:\acc"een naam"\afbeeldingen\site\"plaatje donald duck".jpg staat, is dat het hele pad. Maar als het goed is heb je het onder plaatjes (ofzo) opgeslagen:

In- of uitklappen •

Nu kun je het pad veel korter opschrijven. Je hoeft alleen maar plaatjes\"plaatje donald duck" op te schrijven. Doe dit dus:

In- of uitklappen •

Code: Selecteer alles

<html>
<head>
<title>Donald Duck</title>
</head>
<body bgcolor=#000000 text=#ffffff>
<h1><u><p align=center>Donald Duck</p></u></h1>
<i>Donald Duck</i> ziet er zo uit:
<img src=plaatjes\"bestandsnaam van plaatje.jpg">
</body>
</html>

Pas op! Als je je HTML bestanden onder dezelfde mapjes als ik opsla, die ik je al eerder heb laten zien, de mapjes die ik handig vond, moet je het niet onder het mapje 'test' opslaan, want dan klopt het pad niet meer!

Als je alles goed doet, zie je een plaatje:

In- of uitklappen •

Nog niet echt mooi hè? Althans, ik zou het mooier vinden als de tekst er netjes rechts van staat. Daarom voegen we nog wat toe aan de tag:

In- of uitklappen •

Code: Selecteer alles

<img src=plaatjes\"bestandsnaam.jpg" alt=? align=?>

Align, is, net zoals bij de tekst het atribuut dat er voor zorgt dat de tekst, of in dit geval het plaatje, wordt uitgelijnd. Zet er bijvoorbeeld left bij, dan wordt het plaatje links op de pagina uitgelijnd.
Alt, is de omschrijving van de afbeelding als bezoekers van je website de afbeelding niet kunnen zien. Met Internet Explorer zie je die tekst ook als je wat langer je cursor op de afbeelding laat staan.

Maak er nu bijvoorbeeld dit van:

In- of uitklappen •

Code: Selecteer alles

<html>
<head>
<title>Donald Duck</title>
</head>
<body bgcolor=#000000 text=#ffffff>
<h1><u><p align=center>Donald Duck</p></u></h1>
<i>Donald Duck</i> ziet er zo uit:
<img src=plaatjes\"bestandsnaam van plaatje.jpg" alt=DonaldDuck align=left>
</body>
</html>

Dan krijg je als het goed is dit:

In- of uitklappen •

Gefeliciteerd, je kan een plaatje op je website zetten!

Je hebt een website, met tekst, kleuren en plaatjes, en alles netjes ingedeeld. Toch mist er natuurlijk nog iets, hetgeen dat het internet maakt tot wat het is! Je wil wel linken op je website hebben! Ik neem aan dat iedereen wel weet wat een link is.

Om een link te maken begin je met deze tag: '<a>'. Daar kun je natuurlijk nog niks mee, daarom voegen we dit toe: '<a href="pagina naam".html>'. Je moet dus zoals je al zien (vanzelfsprekend) nog een pagina hebben om naar toe te linken. En (ik hoop dat je dat snapt) het is ook wel handig om een pagina te hebben om de link op te zetten. Laten we dus maar eerst even twee pagina's maken:
-Homepage (ofzo)

In- of uitklappen •

Code: Selecteer alles

<html>
<head>
<title>"Je titel."</title>
</head>
<body bgcolor=#oooooo text=#ffffff>
<h1><p align=center><u>Dit is mijn eerste website.</u></p></h1>
"Tekst", bijvoorbeeld:
<i>Dit is mijn eerste pagina, de homepage.</i>
<p>Deze site gaat over donald duck. Klik <'link'>hier</'link'> om te kijken hoe donald er uit ziet.
</body>
</html>

Op de plek van '<"link">' en '</"link">' komen de tags van de link. Er tussen komt de tekst die de link zal worden. Nu ga je de pagina met het plaatje van Donald maken:
-Pagina 1 - Donald (ofzo)

In- of uitklappen •

Code: Selecteer alles

<html>
<head>
<title>"Je titel."</title>
</head>
<body bgcolor=#oooooo text=#ffffff>
<h2><p align=center><u>Hoe ziet Donald Duck eruit?</u></p></h2>
"Tekst", bijvoorbeeld:
<i>Zo ziet Donald Duck eruit:</i>
<img src=plaatjes\"bestandsnaam van plaatje.jpg" alt=DonaldDuck align=left>
</body>
</html>

Nu je twee pagina's hebt moet je ze eerst opslaan. Sla de eerste pagina bijvoorbeeld als 'pagina1' op, en de tweede als 'pagina2'. Nu gaan we pagina 1 even bewerken:

In- of uitklappen •

Code: Selecteer alles

<html>
<head>
<title>"Je titel."</title>
</head>
<body bgcolor=#oooooo text=#ffffff>
<h1><p align=center><u>Dit is mijn eerste website.</u></p></h1>
"Tekst", bijvoorbeeld:
<i>Dit is mijn eerste pagina, de homepage.</i>
<p>Deze site gaat over donald duck. Klik <a href='titel pagina 2'.html>hier</a> om te kijken hoe donald er uit ziet.
</body>
</html>

Sla weer beide pagina's op. Als je alles goed doet werkt de link.

Dit is alleen nog maar een link binnen je eigen site. Je linkt naar een ander bestand dat je op je computer hebt staan. Je kunt ook naar een heel andere site linken dan schrijf je niet (gedeeltelijk) het pad op, maar doe je dit:

In- of uitklappen •

Code: Selecteer alles

<a href=http://www.lunagang.nl/tipforum/>Link</a>

Je neemt het hele adres en zet het achter het atribuut href.

Je kunt ook een link naar een email gebruiken:

In- of uitklappen •

Code: Selecteer alles

<a href='mailto:mijnadres@mijnprovider.nl'>Stuur mij 
een e-mail!</a>

Nu kun je linken op je pagina zetten!

Tabellen en frame's op je website zetten
Misschien denk je dat tabellen saai zijn, maar ze zijn onvervangbaar op je website!

Het begin van een tabel geef je aan met '<table>', het eind met '</table>'. Nog niet zo spannend he?

Je moet aangeven hoeveel rijen en kolommen erin komen. Een rij geef je aan met '<tr>' en sluit je natuurlij met '</tr>'.

Een kolom geef je aan met '<td>' en sluit je met '</td>'. Probeer het maar eens uit. Type bijvoorbeeld dit in:

In- of uitklappen •

Code: Selecteer alles

<html>
<head>
<title>'Je titel'</title>
</head>
<body>
<table>
<tr>
<td>
'tekst'
</td>
<td>
'meer tekst'
</td>
</tr>
<tr>
<td>
'nog meer tekst'
</td>
<td>
'de laatste tekst'
</td>
</tr>
</table>
</body>
</html>

Kijk er even goed naar, zodat je begrijpt wat wat doet. Bekijk dan het resultaat:

In- of uitklappen •

Snap je? Het is misschien nog een beetje ingewikkeld, dus probeer het een paar keer uit!

Hier heb je alleen nog een beetje weinig aan, het is nog niet echt een mooie tabel. De tekst staat nog erg dicht op elkaar en er zitten nog geen lijnen tussen. Toch heb je al wel de basis. We gaan het nog wat verder uitdiepen dus...

Om de tabel mooier te maken zet je er lijnen tussen. Als je dat niet aangeeft in de <table> tag, komt er automatisch geen rand. Waarschijnlijk wil je dat wel. Dan geef je dat aan met border. Ook wil je de grootte van de tabel kunnen aangeven. Je geeft de breedte die de tabel in het venster inneemt met width aan, en de hoogte met height. Je kunt dat het beste met procenten aangeven. Bij border zet je er gewoon een cijfer achter, kijk maar eens wat het doet. Je doet het zo:

In- of uitklappen •

Code: Selecteer alles

<table width=90% height=60% border=3>
</table>

Je hebt nu aangegeven dat de tabel qua breedte 90% van het scherm bedekt, en qua hooghte 60%. En dat er een rand (border) is van 3. Probeer wat je net hebt gedaan maar eens uit in een HTML bestand, bijvoorbeeld zo:

In- of uitklappen •

Code: Selecteer alles

<html>
<head>
<title>'Je titel'</title>
</head>
<body>
<table width=90% height=60% border=3>
<tr>
<td>
'tekst'
</td>
<td>
'meer tekst'
</td>
</tr>
<tr>
<td>
'nog meer tekst'
</td>
<td>
'de laatste tekst'
</td>
</tr>
</table>
</body>
</html>

Nu ziet het er al een stuk mooier uit he? Het resultaat is namelijk dit:

In- of uitklappen •

Met de deze informatie over tabellen kun je opzich al aardig complexe tabellen maken. Omdat ik zelf nog helemaal niet zo ver ben met HTML wil ik dit even laten liggen, en eerst verder gaan met andere dingen, om het later misschien nog uit te diepen.

En nu dan de frames. Frames zijn erg handig op je website, maar wat is een frame eigenlijk?

Dat is een beetje moeilijk uit te leggen, maar ik zal het proberen. Neem dit plaatje bijvoorbeeld eens:

In- of uitklappen •

Dit tavereel kent iedereen!
En hier zit ook een frame in verwerkt, zoals de meeste site's een frame hebben. Een frame is namelijk een scherm dat is verdeelt in stukken. Zo heb je op het plaatje links alle links, boven de titel en het logo en link-onder de werkelijke website. Het handige hier aan is dat je het (als je een kleine site hebt) maar één keer hoeft te maken. Ook maakt het je site overzichtelijker. Kun je voorstellen het het is om geen frame te hebben? Ik hoop dat je nu een beetje snapt wat een frame is, wat het doet en waarom je het hebt.
(Ik geloof dat dit van Lunagang trouwens geen frame is, maar het is wel een goed voorbeeld.)

Een frame maken is best lastig. Aller eerst heb je verschillende pagina's nodig. Laten we even kijken wat een beetje een standaard frame nodig heeft.

De meeste site's hebben in elk geval een titel, een inhoudsopgave en een vlak waar de werkelijke website in komt. Daar voor moet je allemaal een HTML bestand maken.
Ik zal je even op weg helpen, met een paar hééél simpele voorbeelden:
-Titel

In- of uitklappen •

Code: Selecteer alles

<html>
<head>
<title>
'je titel'
</title>
</head>
<body bgcolor=#00FF00 text=#3300FF>
<h1><p align=center><u>'je titel'</u></p></h1>
<p align=center><i>Dit gaat je titel worden.</i></p>
</body>

Resultaat:

In- of uitklappen •

-Home-page

In- of uitklappen •

Code: Selecteer alles

<html>
<head>
<title>
'je titel'
</title>
<body bgcolor=#CCCCCC txt=#000000>
<h1><p align=center><u>'je kop en/of titel'</u></p></h1>
<p align=center><i>Dit gaat je home-page worden.</i></p>
</body>
</html>

Resultaat:

In- of uitklappen •

-Extra pagina:

In- of uitklappen •

Code: Selecteer alles

<html>
<head>
<title>"Je titel."</title>
</head>
<body>
Deze pagina kun je maken, omdat je anders niks hebt om een link voor te maken.
</body>
</html>

Resultaat:

In- of uitklappen •

-Inhoud:

In- of uitklappen •

Code: Selecteer alles

<html>
<head>
<title>
"Je titel."
</title>
</head>
<body bgcolor=#000000 text=#ffffff>
Hier komen de linken van deze website:
<p><a href='naam bestand'.html>Home-page</a>
<p><a href='naam bestand'.html>Extra pagina</a>
</body>
</html>

Resultaat:

In- of uitklappen •

Hehe... Je hebt vier pagina's gemaakt (of liever gezegd ik ). Maar je bent nog niet klaar. Je moet het frame nog maken! (Wat een werk he... ) Een frame is een beetje een vreemd (woordspeling? ) HTML bestand. Het heeft namelijk geen setje body tag's, maar wel een setje frameset tag's...

Oke, je wil je scherm in verschillende delen splitsen. Je wil (bijv.) dat je boven aan de titel hebt, die qua breedte het hele scherm bedekt en qua hoogte ongeveer 20% ofzo. Dat gaan we in een bestand zetten:

In- of uitklappen •

Code: Selecteer alles

<html>
<head>
<titel>
'je titel'
</title>
</head>
<frameset rows=20%,80%>
<frame src='bestands naam van titel'.html>

Wat heb je nu gedaan? Je hebt aan gegeven dat je het scherm wil opsplitsen. Je hebt met rows aangegeven dat je het scherm wil opdelen in een aantal stukken, boven en onder. De 20% staat voor boven, de 80% voor boven. Zo je er bijvoorbeeld dit van maken: '<frameset rows=20%,10%,70%>', dan zou 20% het bovenste vlak zijn, 10% het middelste en 70% het onderste.

Je hebt met '<frame src="bestands naam van titel".html>' aangegeven dat je heb bovenste scherm (de 20%) de titel wordt. Je hebt het onderste scherm (80%) nog niet aan gegeven omdat je dat scherm nog een keer wil opdelen, want je wil ook je inhoud er in.
Je deelt het scherm dus nog een keer op en deelt het nog een keer in:

In- of uitklappen •

Code: Selecteer alles

<html>
<head>
<title>
'je titel'
</title>
</head>
<frameset rows=20%,80%>
<frame src='bestands naam van titel'.html>
<frameset cols=20%,80%>
<frame src='bestands naam van inhoud'.html>
<frame src='bestandsnaam van home-page'.html>
</frameset>
</frameset>

Je hebt het scherm dat nog over was (de onderste 80%) nu opgedeeld, weer in 20% en 80%. Je hebt nu dus boven een scherm, links een scherm en rechtsonder een scherm. Het bovenste scherm heb je al aangegeven, dat is de titel. Nu geef je ook het linker scherm aan (20%): "<frame src='bestands naam van inhoud'.html>", en het rechts-onder-scherm: "<frame src='bestandsnaam van home-page'.html>". En, omdat je twee framesets hebt geopent, sluit je er ook weer twee. Sla alles maar eens op en kijk wat er gebeurd.

Dat was me veel werk... Maar nu heb je wel een mooi uitziende website gekregen als het goed is:

In- of uitklappen •

(Misschien kun je de linken in de inhoud niet goed zien omdat ik ze al een keer heb aan geklikt en paars zijn geworden. Ze zitten er wel!)

Je hebt je titel, je inhoud en je homepage... Hehe... Maar nog niet alles klopt als je verder kijkt.

Je kunt de vensters verschuiven als je je muis op zo'n strook er tussen zet, dat wil je vast niet. En de randen tussen de vensters, misschien wil je die wel weg hebben, of juist breder hebben. En als je ook de linken hebt uitgeprobeert, heb je gemerkt dat als je op zo'n link klikt het venster bij de inhoud verschijnt wat je waarschijnlijk ook niet wilt. Maar daar is natuurlijk weer vanalles op bedacht!

Je wilt dus niet dat je de vensters kunt verschuiven. Wil je dat voorkomen, dan zet je 'noresize' in de 'frameset cols' en 'frameset rows' als extra atribuut. Wat makkelijk.

Als je die rand tussen de vensters weg wil hebben of juist breder wil hebben gebruik je de atributen 'border="?"' en 'frameborder="?"', in de frameset rows en frameset cols tags. Als je later je website echt wil uploaden zodat iedereen hem kan zien zal de ene browser het atribuut border herkennen en de ander frameborder. Daarom moet je ze allebei gebruiken. Op de plaats van het '?' teken moet een getal komen, probeer maar uit. (Als je geen rand wil zet je hem op 0.)

Je wil waarschijnlijk dat als je een link in de inhoud (linkerscherm) aanklikt dat die pagina in een ander venster verschijnt, anders heb je nog niks aan de inhoud. Dat kun je dan ook aangeven. Je begin ermee dat je de vensters een naam geeft. (Scroll iets naar beneden om te kijken met welk atribuut je dat doet.)

Dan moet je ook aangeven waar de pagina van de link verschijnt. Dat doe je in de hyperlink tag, je moet er zoiets tussen zetten: 'target="main"', als je wil dat die link in het venster dat je main hebt genoemd wordt geopend.

Als je erg veel hyperlinks hebt wordt het vervelend om het elke keer zo aan te geven. Daarom kun je als je wil dat alle hyperlinks in hetzelfde venster worden geopend dit tussen de head tag's zetten: '<base target="main">'. Let op: die tag moet tussen de head tag's van de inhoud pagina komen!

Er zijn nog een paar dingen die je kunt gebruiken bij frame's, maar die heb je voorlopig nog niet nodig. Laten we dus de dingen hierboven even onder elkaar zetten. Open je oude frame-bestand dus weer en bewerk het even. Maak er bijvoorbeeld dit van:

In- of uitklappen •

Code: Selecteer alles

<html>
<head>
<title>
'je titel'
</title>
</head>
<frameset rows=20%,80% noresize border=0 frameborder=0>
<frame src='bestands naam van titel'.html name=title>
<frameset cols=20%,80% noresize border=0 frameborder=0>
<frame src='bestands naam van inhoud'.html name=inhoud>
<frame src='bestandsnaam van home-page'.html name=main>
</frameset>
</frameset>

Even kijken of het werkt...

Als het goed is werkt alles! Je kunt alles aanpassen totdat jij het fijn vind. En dit is tot nu toe ook alles over frames!

____________________________________________________________________________

Linken en begrippen
Begrippen:
HTML= Hyper Text Markup Language (voor meer info, zie het hoofdstukje 'wat is Hyper Text Markup Language').
PHP= Ook zo'n soort computertaaltje.
Tag('s)= Een '<' en een '>' met een soort code ertussen.
Atribuut= Extra informatie in een tag. Bijvoorbeeld in plaats van alleen '<img>', '<img src=>'.
Ik geloof dat dat het wel is.

Linken:
Voor alle informatie die er zo ongeveer is over website's maken klik hier. Om hex codes op te zoeken kun je bijvoorbeeld deze link van wikipedia gebruiken of deze link van een andere site. Als je meer informatie wat betreft HTML wil kun je natuurlijk altijd op google of wikipedia terecht.

Dat was het.

Afsluiting!
Ik heb mijn guide, nagekeken, wat foutjes eruit gehaald en wat laatste dingen toegevoegd! DE GUIDE IS KLAAR!

Mochten er nog fouten in zitten ofzo, meld dat a.u.b.!

Ik geloof dat dat het wel was. Het was veel werk, maar ook leuk en ik hoop dat jullie er iets aan hebben!

Ik zet ook alvast de veel gestelde vraagjes hier onder neer.

FAQ
De gestelde vragen zet ik hier neer:



Owja, en dit nog:
1/10

[lun4 m4ster]

nais!

wel ingewikkeld maar duidelijk uitgelegd 9,5/10

[pietjepuck13]

Ziet er nice uit !
Hier was ik net mee bezig dus deze guide komt goed van pas
Heb hem nog neit gelezen want heb nu ff geen tijd,
maar dat ga ik zeker doen !

[`Red Admirall]

nais!

wel ingewikkeld maar duidelijk uitgelegd 9,5/10

Dankje!

Ziet er nice uit !
Hier was ik net mee bezig dus deze guide komt goed van pas
Heb hem nog neit gelezen want heb nu ff geen tijd,
maar dat ga ik zeker doen !

Lees maar snel jah!

[IceyBallz]

Nu een guide CSS, da's niet zo moeilijk, dat zijn gewoon woordjes met waardes die je moet in kunnen vullen, maar PHP, da's wel een taakje...

[`Red Admirall]

Ja, maar ik ben de laatste tijd niet echt meer bezig met dingen als HTML, laat staan uitgebreidere taaltjes.

[The Darklain]

ik vind hem eigenlijk niet zo goed.
je hebt de guide in center gezet en dat leest best onhandig.

ook is het handig als de guide is gebaseerd op xhtml en niet op gewone html en je doet nu alles met html dus ook de vormgeving.

dat is een beetje onhandig want css is daar veel makkelijker voor en bovendien bestaan bij xhtml geen opmaaktags meer zoals:

ik moet wel toegeven dat dit voor beginners een handige guide is om een website te maken.

[`Red Admirall]

ik vind hem eigenlijk niet zo goed.
je hebt de guide in center gezet en dat leest best onhandig.

ook is het handig als de guide is gebaseerd op xhtml en niet op gewone html en je doet nu alles met html dus ook de vormgeving.

dat is een beetje onhandig want css is daar veel makkelijker voor en bovendien bestaan bij xhtml geen opmaaktags meer zoals:

ik moet wel toegeven dat dit voor beginners een handige guide is om een website te maken.

-Dat de guide in center staat en dat je dat niet fijn vindt is een mening, ik denk dat ik dat gewoon zo laat.

-Dat het ook over andere (verwante) opmaaktaaltjes zou kunnen gaan klopt, maar HTML is nou eenmaal de basis en handig om te leren, en bovendien ken ik alleen nog maar HTML.

Wel bedankt voor de post en tips, maar ik laat het zo!

[The Darklain]

ik vind hem eigenlijk niet zo goed.
je hebt de guide in center gezet en dat leest best onhandig.

ook is het handig als de guide is gebaseerd op xhtml en niet op gewone html en je doet nu alles met html dus ook de vormgeving.

dat is een beetje onhandig want css is daar veel makkelijker voor en bovendien bestaan bij xhtml geen opmaaktags meer zoals:

ik moet wel toegeven dat dit voor beginners een handige guide is om een website te maken.

-Dat de guide in center staat en dat je dat niet fijn vindt is een mening, ik denk dat ik dat gewoon zo laat.

-Dat het ook over andere (verwante) opmaaktaaltjes zou kunnen gaan klopt, maar HTML is nou eenmaal de basis en handig om te leren, en bovendien ken ik alleen nog maar HTML.

Wel bedankt voor de post en tips, maar ik laat het zo!

dat center is opzich niet zo erg maar misschien maakt het de guide wel wat beter door hem gewoon iets fijner/leesbaarder te maken.

ik weet niet of je xhtml kent, maar ik had laatst een boek gelezen over html en css. in dat boek liet de auteur eigenlijk dat als je html alleen voor de structuur gebruikt dat het heel overzichtelijk is.

het is denk ik voor een beginner veel duidelijker als je bij een html beginner dit leert:


* makkelijk te lezen tekst: <p> <br /> <hr /> <strong> <ss>
* afbeeldingen
* links
* lijstjes
* tabellen
* frames

en de rest zoals kleurtjes over te laten aan css of drugs

zie dit niet als booshijd ofzo, ik probeer je te helpen je guide beter te maken

[`Red Admirall]

ik vind hem eigenlijk niet zo goed.
je hebt de guide in center gezet en dat leest best onhandig.

ook is het handig als de guide is gebaseerd op xhtml en niet op gewone html en je doet nu alles met html dus ook de vormgeving.

dat is een beetje onhandig want css is daar veel makkelijker voor en bovendien bestaan bij xhtml geen opmaaktags meer zoals:

ik moet wel toegeven dat dit voor beginners een handige guide is om een website te maken.

-Dat de guide in center staat en dat je dat niet fijn vindt is een mening, ik denk dat ik dat gewoon zo laat.

-Dat het ook over andere (verwante) opmaaktaaltjes zou kunnen gaan klopt, maar HTML is nou eenmaal de basis en handig om te leren, en bovendien ken ik alleen nog maar HTML.

Wel bedankt voor de post en tips, maar ik laat het zo!

dat center is opzich niet zo erg maar Misschien maakt het de guide wel wat beter door hem gewoon iets fijner/leesbaarder te maken.

ik weet niet of je xhtml kent, maar ik had laatst een boek gelezen over html en css. in dat boek liet de auteur eigenlijk dat als je html alleen voor de structuur gebruikt dat het heel overzichtelijk is.

het is denk ik voor een beginner veel duidelijker als je bij een html beginner dit leert:


* makkelijk te lezen tekst: <p> <br /> <hr /> <strong> <ss>
* afbeeldingen
* links
* lijstjes
* tabellen
* frames

en de rest zoals kleurtjes over te laten aan css of drugs

zie dit niet als booshijd ofzo, ik probeer je te helpen je guide beter te maken

Oke, bedankt voor de tips maar zoals al eerder gezegd blijf ik liever bij wat ik heb.

Dat er misschien beter css of xhtml bij kan maakt mij niet zoveel uit, want het onderwerp van deze guide is html

En de kleurtjes laat ik liever over aan potloden.

[Rauwe Eend]

Ik vind het een mooie guide, hij kwam wel te laat voor mij.
Ik kende toen nemanlijk net css toen ik deze voor het eerst zag. (Of het was wat later)
Maar voor mensen die di spull nog niet kende is het wle heel handig, ze leren gewoon in een kwartiertje de basis van een hele website maken.
(btw: De layout ven lunagang is gemaakt met divs)

[Devil May Cry 4:]

wow, ik vind het echt een hele goeie guide, en al helemaal omdat je zelf nog een beginner bent ik ga het zeker gebruiken

9.999999/10

[natu 25]

Doctype...

EDIT:

Dit is voor een basis wel een aardige guide, maar als je echte website's wilt maken moet je denken aan dat je ipv <p align=center>, <p align"center"> gebruikt, anders heet het gewoon slordige HTML.

[`Red Admirall]

Ik vind het een mooie guide, hij kwam wel te laat voor mij.
Ik kende toen nemanlijk net css toen ik deze voor het eerst zag. (Of het was wat later)
Maar voor mensen die di spull nog niet kende is het wle heel handig, ze leren gewoon in een kwartiertje de basis van een hele website maken.
(btw: De layout ven lunagang is gemaakt met divs)

Bedankt voor de post.
Dat dat van lunagang iets anders was had ik al vernomen ja, maar het is wel een goed voorbeeld, toch?

wow, ik vind het echt een hele goeie guide, en al helemaal omdat je zelf nog een beginner bent ik ga het zeker gebruiken

9.999999/10

Nou ehhhh... Dank je!

Doctype...

EDIT:

Dit is voor een basis wel een aardige guide, maar als je echte website's wilt maken moet je denken aan dat je ipv <p align=center>, <p align"center"> gebruikt, anders heet het gewoon slordige HTML.

Wat bedoel je?

Het is inderdaad wel voor beginners, niet gericht om een 'echte' website te maken.

Bedankt voor alle posts, 'tis weer een tijdje geleden dat er zo werd gepost.

[BoskaWouter]

Nu heb ik een paar opmerkingen. Ik heb niet de hele guide gelezen, maar ik ben er wel achter dat dit geen goede guide is. Misschien simpel, maar zo verouderd. Als je mensen zo HTML leert, krijgen we allemaal lelijke/niet volgens de regels websites. Sorry, maar ff voorbeeldjes.

- Je gebruikt ongeldige HTML codes die slecht ondersteund worden. <b> <i> en <u> zijn daar voorbeelden van

- Je gebruikt frames. Die komen uit de jaren negentig, toen niemand nog CSS kende. Niet gebruiken dus. Levert met zoekmachines ook problemen op.

- Je leert ze om met dingen al <bgcolor te werken. Da's gewoon slecht. Daar gebruik je CSS voor.

Verder heb ik wel héél veel waardering voor je, want je hebt dit allemaal gemaakt. Maar je leert het ze gewoon verkeerd, en das jammer. Ik ga dus ook niet rate.

Wat ik je wel wil vragen: Kan jij CSS? Gebruik jij div's? Gebruik je Kladblok? Wil je daar op antwoorden, want als je dat niet weet wil ik je wel helpen.

EDIT: Ik zie nu iets... Je gebruikt Internet Explorer. Die browser zou verboden moeten worden! Echt waar. Zoveel website bouwers die uren zitten te ploegen, om hun site óók in die prehistorische browser werkende te krijgen. Maakt me niet uit wat je doet, maar geeeeeeeeen Internet Explorer!

[Myy.Maxies']

Hoe zet ik hem online?
Voor de rest: Nice guide, ik ben bezig met mijn clansite. Ik post wel als ik klaar ben. En hem online heb weten te krijgen. Hopelijk kun je daarbij helpen. =P.
9/10.

[`Red Admirall]

Nu heb ik een paar opmerkingen. Ik heb niet de hele guide gelezen, maar ik ben er wel achter dat dit geen goede guide is. Misschien simpel, maar zo verouderd. Als je mensen zo HTML leert, krijgen we allemaal lelijke/niet volgens de regels websites. Sorry, maar ff voorbeeldjes.

- Je gebruikt ongeldige HTML codes die slecht ondersteund worden. <b> <i> en <u> zijn daar voorbeelden van

- Je gebruikt frames. Die komen uit de jaren negentig, toen niemand nog CSS kende. Niet gebruiken dus. Levert met zoekmachines ook problemen op.

- Je leert ze om met dingen al <bgcolor te werken. Da's gewoon slecht. Daar gebruik je CSS voor.

Verder heb ik wel héél veel waardering voor je, want je hebt dit allemaal gemaakt. Maar je leert het ze gewoon verkeerd, en das jammer. Ik ga dus ook niet rate.

Wat ik je wel wil vragen: Kan jij CSS? Gebruik jij div's? Gebruik je Kladblok? Wil je daar op antwoorden, want als je dat niet weet wil ik je wel helpen.

EDIT: Ik zie nu iets... Je gebruikt Internet Explorer. Die browser zou verboden moeten worden! Echt waar. Zoveel website bouwers die uren zitten te ploegen, om hun site óók in die prehistorische browser werkende te krijgen. Maakt me niet uit wat je doet, maar geeeeeeeeen Internet Explorer!

-Die ongeldige codes zou ik eens naar moeten kijken, maar volgens mij is het gewoon b(old), i(talic) en u(nderline).
-Zo ver ik weet zijn frames (vooral voor kleinere website's) op zich geen probleem. Bovendien gaat deze guide over HTML en niet over CSS.

Je hebt wel gelijk ja dat je sommige dingen met CSS beter kan doen, maar zoals hierboven gezegd: deze guide gaat over HTML.

Ik moet wel zeggen dat ik deze guide een tijdje geleden heb gemaakt. Ik kon toen alleen delen van HTML schrijven. Ik zat laatst nog te denken of ik misschien deze guide moest herschrijven.

Ik vind wel dat het sowieso handig is om HTML (frames e.d.) de kennen, want HTML is nou eenmaal de basis en als je dit soort dingen goed kent, een goede basis hebt, pak je andere dingen zoals CSS en JavaScript makkelijker op.

Bedankt voor je waardering. =)

Ik kan inmiddels (gedeeltelijk; wat versta jij onder kunnen?) CSS schrijven. Ik gebruik geen div's. Eerlijk gezegd begrijp ik die dingen niet goed. En zoals al eerder gezegd zou ik niet weten waarom ik geen Frames zou gebruiken. Ik gebruik kladblok.

Ik gebruik soms ook Opera, maar omdat ik best veel favorieten bij IE heb staan, gebruik ik die meestal.

Is dit genoeg??
Reacieties en tips plzzz. =)

Hoe zet ik hem online?
Voor de rest: Nice guide, ik ben bezig met mijn clansite. Ik post wel als ik klaar ben. En hem online heb weten te krijgen. Hopelijk kun je daarbij helpen. =P.
9/10.

Ga maar naar www.websitemaken.be. Het is een Nederlandstalige site met veel informatie.

[BoskaWouter]

Ik heb heel erg waardering voor je hoor, daar niet van. En <b> en <i> zijn inderdaad geen geldige codes meer. Ik weet ook niet precies waarom, maar het is wel zo. Je kan nu <strong> en <em> gebruiken als vervangers.

En ik was inderdaad wel beetje vergeten dat het een HTML guide is, oké. Maar een website maak je tegenwoordig gewoon ook met CSS. En eigenlijk zou dat er dus ook bij beschreven kunnen zijn.

En over Frames... Tsjaah, het is gewoon niet slim. In een dag heb je div's onder de knie, en dan wil je gewoon niet meer terug. Frames zijn gewoon ouderwets, en kunnen door zoekmachines niet gevonden worden.

Als je div's en CSS niet zo goed snapt, wil ik je wel helpen! Dan kan je deze guide ook completer maken. Als je wilt dat ik je help, PB me maar voor m'n MSN.

Ik vind het fijn dat je normaal op mijn reactie gereageerd hebt, dus ik geef je toch een 8/10. Ik zou het 'ze' zo niet leren, maar het is een goed begin.

EDIT: Ik zou je topic titel veranderen. Dit spreekt minder mensen aan, want ze weten helemaal nog niet wat HTML is, daarvoor lezen ze de guide. Dus ik zou in de titel zetten: Website maken voor beginners o.i.d.

[Myy.Maxies']

Ik zal zo even op die site kijken .
Maar als ik een plaatje toevoeg, dan krijg ik dit:

Hoe kan ik gewoon het plaatje weergeven?
Ik denk meer dat het gewoon aan mij licht.

[`Red Admirall]

Van die <b> en <i>, div's en frames, zal ik eens een studie maken

Ik zoek het zelf op de site van W3C wel uit, dat moet lukken, ik heb je msn dus niet nodig. Ik heb trouwens toch geen msn

Ik kan zoals al gezegd nu al beter HTML dan toen ik de guide schreef, ken ook een deel van CSS en wat ik volgens mij nog niet heb gezegd, is dat ik een stukje JavaScript ken. Misschien schrijf ik wel een nieuwe guide, met officiele codes, meer dingen zoals info over validators e.d.

Dankjewel voor de tips!

Oja, en bedankt voor het cijfer. En ik laat de naam nog even zo, stél, áls, ik een nieuwe guide schrijf zorg ik dan wel voor een andere naam.

Ik zal zo even op die site kijken .
Maar als ik een plaatje toevoeg, dan krijg ik dit:

Hoe kan ik gewoon het plaatje weergeven?
Ik denk meer dat het gewoon aan mij licht.

Kun je het bestand dat je gebruikt, of een deel daar van laten zien? En het pad laten zien? Ik zou er zo weinig over kunnen zeggen.