Dit is een verbeterde uitvoering van het voorafgaande:
<table width=60%>
<tr>
<td width=20%>
</td>
<td width=60%> tekst</td>
<td width=20%>
</td>
</tr>
</table>
=========
Open kladblok en voer bovenstaande code in en sla op
als tabel1.txt
Het werken met een tabel gaan we nu toepassen op
een pagina die we met Webwizard hebben gemaakt.
Ik neen hier als voorbeeld mijn pagina: w_info.html
(de pagina met de ridder)
We openen deze pagina via de verkenner door er op
te klikken. Nu zien we deze pagina. We klikken nu op
Beeld en kiezen dan bron.
De html code wordt weergegeven.
Nu zetten we de cursor voor de tekst en voeren
daar in:
<table width=60%>
<tr>
<td width=20%>
</td>
<td width=60%>
(je kunt ook in je kladblok document tabel1.txt
dat deel markeren en kopieren en plakken in je
kladblok html pagina.
Codes voor het opzetten van tabellen kun je in een
kladblok txt bestand zetten, dan is het een kwestie
van kopieren
We slaan gelijk op onder een andere naam.
De originele pagina blijft zo bestaan.
Nu zetten we dit achter de tekst in onze pagina:
</td>
<td width=20%>
</td>
</tr>
</table>
Sla op (onder de nieuwe naam ) en bekijk via je
verkenner.
Je kunt nu schakelen via de taakbalk tussen de
originele file en de nieuwe.
Verdere verbeteringen:
<table width=60% border=6 align=center>
<tr>
<td width=20%>
</td>
<td width=60%>
tekst
</td>
<td width=20%>
</td>
</tr>
</table>
- info:
- border: laat een omkadering zien (normaal=1)
- align=center plaatst onze tabel in het centrum
van de pagina.
- table width=60% = % van de schermbreedte
- td width= 20% = % van de tabel
- is een onzichtbare spatie, daardoor
is er wel iets in de tabel ingevuld, anders werkt
de width niet goed.
- Bekijk nu na iedere wijziging je pagina .
- Let op: denk niet dat de width voor je cellen
niet werken.
- je tekst breedte dient ook aangepast te worden,
door in kladblok voor kortere regels te kiezen.
Dus een enter geven na ca 7 woorden. Is je tekst
te breed of een plaatje in een cel breder dan de
opgegeven waarde, dan overheerst de
originele breedtemaat.
Dit is in feite heel het eieren eten ten
aanzien van positionering van tekst in een cel.
naar volgende pagina
WebWizard ![[IMAGE]](ridder_koper.gif)
