Gebruiker:Stijnvanerp/hulpartikel

Gebruiker

hulpartikel

oefenen

oefensjabloon

boeken

overzicht

Chuck Berry!

onzin nummer 1 onzin nummer 2 onzin nummer 3

Tabellen

linksboven	rechtsboven
linksmidden	rechtsmidden
linksonder	rechtsonder
zo	kan	het	ook
leuk	hè

Planten	Dieren
Gras	Koe
Eucalyptus	Koala

Uitklapbare tabellen

Koptekst
Rij 1, kolom 1	Rij 1, kolom 2
Rij 2, kolom 1	Rij 2, kolom 2

Sorteerbare tabellen

Station	Bouwjaar	Afbeelding
Abcoude	1871
Hoorn	1883
Utrecht Maliebaan	1873

Moeilijk doen

Hier komt een mooie tabel!

Rij 1, kop 1	Rij 1, kop 2
Cel 1, rij 1	Cel 2, rij 1 (en 2)
Cel 1, rij 2
Cel 1 (en 2), rij 3

Van links naar rechts invullen

1 2

3 4 5 6 7

8 9 10

niet mooi, hè?

1 2

3 4 5 6 7

8 9 10

al mooier, hè? dat hebben we met valign="top" gedaan.
nu gaan we hem helemaal mooi maken:

1 2

3 4 5 6 7

8 9 10

We kunnen trouwens ook naar beneden uitlijnen:

1 2

3 4 5 6 7

8 9 10

laag

2 Tabellen naast elkaar & uitlijnen

Dit krijgen we voor elkaar door 2 tabellen in 1 tabel te stoppen.

Om de bovenste rij van een tabel ook links uit te lijnen moet je align="left" gebruiken:

niets ingevuld niets ingevuld center ingevuld rechts ingevuld

links ingevuld niets ingevuld center ingevuld rechts ingevuld

Het uitlijnen moet per regel (of per cel) worden ingevuld, want de tabel zelf kan ook worden uitgelijnd:

la	la	la	la	la	la	la	la	la	la	la	la
wat	is	dit	toch	leuk	...	...	...	...	...	...	...

Opmerkingen

Tot nu toe hebben we de breedte in procenten ingevuld. in plaats van width = a% kun je ook width = b invullen. Je vult dan alleen het aantal pixels in. je kunt ook <div> gebruiken. Je moet dan wel px erachter zetten. <div> is handig als je alleen even de breedte wil regelen, maar geen tabel wil.

Twee voorbeelden (niet van tabellen) met <div>, één met width:60%, de ander met widt:9px:

hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo

123456789 123456789 123456789

Pas wel op. Als een woord breder is dan de breedte van de tabel wordt de breedte van de tabel op deze regel aangepast. Hier opnieuw een vorobeeld met width:9px (drie keer 1 t/m 9, gevolgd door respectievelijk spatie01, _01 en weer spatie01:

123456789 01 123456789_01 123456789 01

Opmerking: dit gebeurt altijd bij een te breed woord, ook met <div> in procenten of zonder <div>

Andere onzin

tekst rechts (zonder witregels te creëren) met "float", voor meer opties (randen etc.) zie Wikipedia:gebruikersboxen
om links en rechts zwevende dingen naast elkaar te krijgen moet er clear:both bij style staan

van klein naar groot
en andere zooi
Dit mag niet
Dit wel, maar is niet echt de bedoeling

<div style="text-align: left"> lalala, deze is onzinnig, dus ik heb er een <nowiki> omheen gezet </div>

lalala

lalala

Inspringen

$\pi$

Ik

Spring

Steeds

Verder

In.

• Opsomming
• Zonder
• Nummers

1. Of
   1. Met
2. Nummers

• Met respectievelijk * en #

als dit niet werkt (bijvoorbeeld in infoboxen voor singles) moet je <li> gebruiken, dat gaat zo:
<li> tekst </li>

Laag en hoog

2⁴ = 4²
u_n = u_{n - 1} + 30

LOLzaken

Bronnen/Externe link(s)

<sterretje>[spatie]<taalaanduiding>[spatie]<link>
of
<sterretje>[spatie]<link> (als er alleen Nederlandstalige links zijn)

Credits

De laatste versie is 28 april 2024 om 04:04 gemaakt door Stijn van Erp.