Inspringen en centreren
Centreren
Vaak is het wenselijk een regel tekst te centeren, bijvoorbeeld als het een kopje is. Dit kan met het super-eenvoudige <center> tag:
<center>
Gecentreerd...
</center>
en dit ziet er zo uit:
Inspringen
En soms wil je de tekst niet helemaal tegen de linkerkant laten beginnen. Dit kan met een truuk, door een aantal <ul> tags te gebruiken. Stel dat je een heel stuk tekst een flink eind naar rechts wil verplaatsen, dan kan dat zo:-
JULY 23rd. -- The Beagle anchored late at night in the bay of
Valparaiso, the chief seaport of Chile. When morning came, everything
appeared delightful. After Tierra del Fuego, the climate felt quite
delicious -- the atmosphere so dry, and the heavens so clear and blue
with the sun shining brightly, that all nature seemed sparkling with life.
<ul><ul><ul><ul>
JULY 23rd. -- The Beagle anchored late at night in the
bay of Valparaiso, the chief seaport of Chile. When
morning came, everything appeared delightful. After
Tierra del Fuego, the climate felt quite delicious --
the atmosphere so dry, and the heavens so clear and
blue with the sun shining brightly, that all nature
seemed sparkling with life.
</ul></ul></ul></ul>
Dit kan erg nuttig zijn als je een achtergrondplaatje hebt waarin je de linkerkantlijn gebruikt. Zoals ik doe in mijn Javaplein. Als je gebruik wil maken van de linkerkantlijn, zoals in deze pagina's, moet je dat doen middels een tabel.
Je kan het stuk tekst ook aan beide zijden laten inspringen met <blockquote>...</blockquote>
JULY 23rd. -- The Beagle anchored late at night in the bay of Valparaiso, the chief seaport of Chile. When morning came, everything appeared delightful. After Tierra del Fuego, the climate felt quite delicious -- the atmosphere so dry, and the heavens so clear and blue with the sun shining brightly, that all nature seemed sparkling with life.
Vertikale ruimte
Soms is het nodig of gewenst om ergens een flink stuk vertikale ruimte te maken. Dat gaat niet met meerdere <p> tags. Een truuk daarvoor is door gebruik te maken van een transparante gif, met een grootte van 1 pixel. Als je met de width en height opgeeft tot hoe groot je dat plaatje wil opgerekt laten worden, kan je vertikale of horizontale ruimte van willekeurig formaat invoegen.
Zoals hier; 150 pixels naar rechts.
En 150 pixels naar beneden.
De source van de HTML hierboven is:
<img src="dot_clear.gif" width=150 height=1>
Zoals hier; 150 pixels naar rechts. <p>
<img src="dot_clear.gif" width=1 height=150>
En 150 pixels naar beneden.
Dezelfde truuk kan je uithalen met gekleurde gifjes; dat geeft mogelijkheden om streepjes te maken met een plaatje dat maar 41 bytes groot is:
Rood lijntje..
Source:
<IMG SRC="dot_red.gif" width=100
height=3> Rood lijntje..
Als je deze ikoontjes nog niet hebt, kan je ze hier downloaden:
transparant,
zwart,
blauw,
donkergrijs,
groen,
paars en
rood.
Klik op de kleurtjes, en doe Save As (File menu).
Een andere manier om de ruimte zelf in de hand te nemen is om gebruik te maken van <pre> tags; daarmee wordt alles `letterlijk' genomen. Zoals in dit geval:
Regel 1
Regel 2
De source hiervan is
Regel 1
<pre>
</pre>
Regel 2
De linkjes op deze pagina:
