elo :: Onderwerp bekijken - Webdesign-Tabellen-Tutorial-Bomans Janny - bbforum.be - Gratis Forum
Home to elo
FAQSearchMembersGroupsProfilePMsRegisterLoginLogout
Viraal Nieuws
klik voor meer informatie
 
Webdesign-Tabellen-Tutorial-Bomans Janny

 
Nieuw onderwerp plaatsen   Reageren    elo -> WEbdesign - Internettools
Vorige onderwerp :: Volgende onderwerp  

Hoe vind je deze Tutorial?
Goed
33%
 33%  [ 1 ]
Kan Beter
33%
 33%  [ 1 ]
Slecht
33%
 33%  [ 1 ]
Totaal aantal stemmen : 3

Auteur Bericht
Acoustics

Berichten: 4
Geregistreerd op: 05 Jan 2009
BerichtGeplaatst: 08-01-2009 16:53:32    Onderwerp: Webdesign-Tabellen-Tutorial-Bomans Janny Reageren met citaat
Hallo
kheb eens iets gemaakt voor mensen die webdesign en vooral Tabellen niet snappen he(als er die wel zijn,die het niet snappen)

Ik heb een duidelijke tutorial gemaakt-bestaande uit 4 pagina's-

Voor vragen:Post a fucking Reply he Razz
alee byebye
Succes met examens



OK EERST STANDAARD TABEL
Citaat:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Tabellen</title>
</head>

<body bgcolor="#F0FFFF">

<table border="1" width="100%">

<h1 align="center">Tabellen</h1>

<tr>
<td>Rij 1,Kolom1</td>
<td>Rij 1,Kolom2</td>
<td>Rij 1,Kolom3</td>
</tr>

<tr>
<td>Rij 2,Kolom1</td>
<td>Rij 2,Kolom2</td>
<td>Rij 2,Kolom3</td>
</tr>

<tr>
<td>Rij 3,Kolom1</td>
<td>Rij 3,Kolom2</td>
<td>Rij 3,Kolom3</td>
</tr>

<tr>
<td>Rij 4,Kolom1</td>
<td>Rij 4,Kolom2</td>
<td>Rij 4,Kolom3</td>
</tr>

<tr>
<td>Rij 5,Kolom1</td>
<td>Rij 5,Kolom2</td>
<td>Rij 5,Kolom3</td>
</tr>

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

Daarna met 1 colspan
Citaat:

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


<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Tabellen</title>
</head>

<body bgcolor="#F0FFFF">

<table border="1" width="100%">

<h1 align="center">Tabellen</h1>

<tr>
<td colspan ="3" align="center">Colspan = 3</td>
</tr>


<tr>
<td>Rij 2,Kolom1</td>
<td>Rij 2,Kolom2</td>
<td>Rij 2,Kolom3</td>
</tr>

<tr>
<td>Rij 3,Kolom1</td>
<td>Rij 3,Kolom2</td>
<td>Rij 3,Kolom3</td>
</tr>

<tr>
<td>Rij 4,Kolom1</td>
<td>Rij 4,Kolom2</td>
<td>Rij 4,Kolom3</td>
</tr>

<tr>
<td>Rij 5,Kolom1</td>
<td>Rij 5,Kolom2</td>
<td>Rij 5,Kolom3</td>
</tr>

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


Daar nog een Rowspan van 4 bij
Citaat:

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


<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Tabellen</title>
</head>

<body bgcolor="#F0FFFF">

<table border="1" width="100%">

<h1 align="center">Tabellen</h1>

<tr>
<td colspan ="3" align="center">Colspan = 3</td>
</tr>

<tr>
<td>Rij 2,Kolom1</td>
<td rowspan="4" align="center">Rowspan = 4</td>
<td>Rij 2,Kolom3</td>
</tr>

<tr>
<td>Rij 3,Kolom1</td>
<td>Rij 3,Kolom3</td>
</tr>

<tr>
<td>Rij 4,Kolom1</td>
<td>Rij 4,Kolom3</td>
</tr>

<tr>
<td>Rij 5,Kolom1</td>
<td>Rij 5,Kolom3</td>
</tr>

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

EN NU DE LAATSTE ROWSPAN VAN 2
Citaat:

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


<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Tabellen</title>
</head>

<body bgcolor="#F0FFFF">

<table border="1" width="100%">

<h1 align="center">Tabellen</h1>

<tr>
<td colspan ="3" align="center">Colspan = 3</td>
</tr>

<tr>
<td>Rij 2,Kolom1</td>
<td rowspan="4" align="center">Rowspan = 4</td>
<td>Rij 2,Kolom3</td>
</tr>

<tr>
<td>Rij 3,Kolom1</td>
<td rowspan="2" align="center">Rowspan = 2</td>
</tr>

<tr>
<td>Rij 4,Kolom1</td>
</tr>

<tr>
<td>Rij 5,Kolom1</td>
<td>Rij 5,Kolom3</td>
</tr>

</table>
</body>
</head>
</html>
Terug naar boven
Profiel bekijken Stuur privébericht E-mail versturen MSN Messenger
Berichten van afgelopen:   
Nieuw onderwerp plaatsen   Reageren    elo -> WEbdesign - Internettools Tijden zijn in GMT + 1 uur
Pagina 1 van 1

 
Ga naar:  
Je mag geen nieuwe onderwerpen plaatsen in dit subforum
Je mag geen reacties plaatsen in dit subforum
Je mag je berichten niet bewerken in dit subforum
Je mag je berichten niet verwijderen in dit subforum
Je mag niet stemmen in polls in dit subforum



Wilt u geen reclame op dit forum en genieten van extra voordelen? Klik dan vlug hier voor meer informatie!
 

Powered by phpBB © 2001, 2002 phpBB Group
Graphite Theme © 2004 DisfunktionCrew.com
immo op Realo
Maak snel, eenvoudig en gratis uw eigen forum: Gratis Forum