banner les 06
Deze pagina komt niet door de validator.
5 marquee fouten nl. onbekende
behavior, scrolldelay, direction, marquee undefined
arrow down

Opdracht 6.1

  • Maak een 3x3 table,
  • met een border van 2
rij 1 kolom 1 rij 1 kolom 2 rij 1 kolom 3
rij 2 kolom 1 rij 2 kolom 2 rij 2 kolom 3
rij 3 kolom 1 rij 3 kolom 2 rij 3 kolom 3


Opdracht 6.2

  • Maak een 4x4 table,
  • met een border van 3
  • en een randkleur
rij 1 kolom 1 rij 1 kolom 2 rij 1 kolom 3
rij 2 kolom 1 rij 2 kolom 2 rij 2 kolom 3
rij 3 kolom 1 rij 3 kolom 2 rij 3 kolom 3
rij 4, kolom 1 rij 4, kolom 2 rij 4, kolom 3


Opdracht 6.3

  • Maak een 4x4 table,
  • 1e rij, tekst in header (elke cel apart)
  • 2e rij tekst schuin (elke cel apart)
  • 3e rij: in elke cel een plaatje
  • 4e rij: in elke cel een plaatje met link
rij 1 kolom 1 rij 1 kolom 2 rij 1 kolom 3 rij 1 kolom 4
rij 2 kolom 1 rij 2 kolom 2 rij 2 kolom 3 rij 2 kolom 4
shaman's path art
rij 3 kolom 1
shaman's path art
rij 3 kolom 2
shaman's path art
rij 3 kolom 3
shaman's path art
rij 3 kolom 4
cd cover Lee Tyler Post
rij 4 kolom 1
cd cover MOFRO
rij 4 kolom 2
cd cover GRAYSON CAPPS
rij 4 kolom 3
cd cover GREG BROWN
rij 4 kolom 4

Kunst 3e rij: van Shaman's Path KLIK

Opdracht 6.4

  • Kopieer table van opdracht 6.3,
  • Verfraai hem een beetje
  • lijn de tabel gecentreerd uit
  • lijn elke cel uit naar keuze
  • bewerk de randen met elk attribuut dat je kent
rij 1 kolom 1 rij 1 kolom 2 rij 1 kolom 3 rij 1 kolom 4
rij 2 kolom 1 rij 2 kolom 2 rij 2 kolom 3 rij 2 kolom 4

shaman's path art
rij 3 kolom 1

shaman's path art
rij 3 kolom 2

shaman's path art
rij 3 kolom 3

shaman's path art
rij 3 kolom 4
cd cover Lee Tyler Post
rij 4 kolom 1
cd cover MOFRO
rij 4 kolom 2
cd cover GRAYSON CAPPS
rij 4 kolom 3
cd cover GREG BROWN
rij 4 kolom 4

Kunst 3e rij: van Shaman's Path KLIK

Opdracht 6.5

  • Maak een tabel met een paar cellen en rijen
  • geef de tabel een achtergrond,
  • plaats er wat tekst in en plaatjes.


1e rij, cel 1 1e rij, cel 2 1e rij, cel 3
greg brown  hubble tiger neon my eyes and lips
rij 2, cel 1+2 samengevoegd

rij 2, cel 3
4000 people with torches of light, forming the peace sign
People form the Peace symbol with candle-lights.
ROWSPAN
** rij 3 + rij 4 **
SAMEN 1 cel
omspannen 2 rijen, a/d rechterkant
rij 3, omspant 2 kolommen
cel 2+3
rij 4, cel 2   rij 4, cel 3

Opdracht 6.6

  • Maak een tabel van 4 x 4.
  • Voeg de bovenste rij cellen samen en plaats daar een marquee van tekst in.
  • Voeg de linkerkolom samen en plaats daar een marquee in van een plaatje dat van onder naar boven gaat.
  • Voeg de cellen van rij 2 samen en plaats daar wat tekst in.
  • In de cellen die overblijven plaats je een plaatje met maillink en tekst met maillink.

Dit is een marquee: een bewegende tekst
light hand Voeg de cellen van rij 2 samen (cel 2, 3 en 4 worden EEN brede cel) en plaats daar wat tekst in.

Dat is de tekst in deze cel ...
rij 3 cel 2
In de cellen die overblijven
(dat zijn dan rij 3 en rij 4, cellen 2, 3 en 4),
plaats je een plaatje met maillink en tekst met maillink


open envelopje
open envelopje
Klik op het envelopje om me te mailen

rij 3 cell 3
rij 3 cell 4
Mail Mij

rij 4, cel 2
EMAIL

rij 4, cel 3


rij 4, cel 4

Opdracht 6.7

Maak in minstens een van bovenstaande tabellen duidelijk gebruik van cellspacing en cellpadding.
  • Is gebeurd, o.a. in opdracht 6.5

Opdracht 6.8

  • Maak in alle tabellen gebruik van tablewidth
  • Maak een aparte tabel waarin je duidelijk gebruik maakt de width en height in cellen, geef deze tabel een border dan valt het beter op.
  • Geef de border kleur, door ook gebruik te maken van bordercolorlight en bordercolordark.
hoogte van de cellen hieronder 65.
cellwidth: 220  cellwidth: 110  cellwidth: 55  cellwidth: 165  cellwidth: 110 

Opdracht 6.9

  • Maak een tabel
  • Maak gebruik van de bgcolor tag
  • Je mag alle cellen een andere kleur geven
rij 1 cel 1 rij 1 cel 2 rij 1 cel 3 rij 1 cel 4 rij 1 cel 5
rij 2 cel 1 rij 2 cel 2 rij 2 cel 3 rij 2 cel 4 rij 2 cel 5
rij 3 cel 1 rij 3 cel 2 rij 3 cel 3 rij 3 cel 4 rij 3 cel 5
rij 4 cel 1 rij 4 cel 2 rij 4 cel 3 rij 4 cel 4 rij 4 cel 5
rij 5 cel 1 rij 5 cel 2 rij 5 cel 3 rij 5 cel 4 rij 5 cel 5

Opdracht 6.10

th: table-header opdracht 6.10
  • Maak een eigen tabel,
  • met plaatjes,
  • tekst,
  • kleur,
  • achtergrondjes,
  • nou ja alles wat je geleerd hebt,
  • maak gebruik van col en rowspan
  • en laat zien wat jij met een tabel zou doen
     
    hubble
Hubble
   
picture hubble telescope  picture hubble telescope 
 


Nog wat vragen...

  • Heb niet kunnen ontdekken wat vspace & hspace doen
  • De border tag voor de cel is niet zo geweldig zichtbaar. Hoe kan dat beter? Ik heb 't gebruikt in opdracht 6.4, voor alle plaatjes in rij 3.
  • Hoe krijg ik een div+span style voor bijvoorbeeld een tabel voor elkaar? Ik wilde voor een rij met 3 cellen in EEN klap de tekst in een andere kleur omzetten. Heb 't op div. manieren geprobeerd, maar nada
  • Moet 't ook mogelijk zijn om een hele rij in EEN keer te voorzien van een achtergrondplaatje dmv de code die ook wordt gebruikt voor de cel? Mij lukte 't niet (helaas). Heb 't nu per cel gedaan. (opdracht 6.8)
  • Combineren in een span in de body van zowel font-size als color. Hoe moet dat?
    Zie opdracht 6.6. Heb dat als volgt gedaan
    [span style=color:white; style=font-size=28pt]
    Ik wil weten of 't mogelijk is om dat achter elkaar te doen ZONDER de 2e keer style= te noteren, maar dan "pakt"-ie niet.




button back button home button next


button email



© 2007 COPYRIGHT
buttons, banner & background-image with borders
Sherill E. Lisse
arrow up