Varia
pv2_paars.gif 204*37
 mail me
 
 
 
  index
  home
  basis
  linken
  lijsten
  plaatjes
  varia
 
Intro HTML codes.

Verschillende Nuttige Tags

Je hebt een basispagina gemaakt, maar deze is natuurlijk wel wat fraaier te maken.

Headings / Koppen

Er zijn 6 heading sizes (kop formaten) die je kunt gebruiken. Deze dienen om een tekst groter dan normaal weer te geven. Dit kan gebruikt worden voor koptekst van een paragraaf. Headings hebben de volgende codes, met de grootste kop als eerste en eindigend met de kleinste als no 6: H1, H2, H3, H4, H5, H6

De volgende H tag <H3>HTML is geinig.</H3> zal worden weergegeven als HTML is geinig.

LET OP: De H Tag zal een lege regel boven EN onder de Tag zetten. Ter illustratie is hier een tekstblok met de Header tag:

Roses Are Red
<H4>Violets Are Blue</H4>
Wie zong dat ook al weer?

En zo ziet het er -met de lege regels- in de browser uit:

Roses Are Red

Violets Are Blue

Wie zong dat ook al weer?

Zoals je opmerkt is de tekst van de Header vet, en de lege regels er boven en er onder zijn duidelijk aanwezig. Soms kan dit storend zijn. De makkelijkste weg ter oplossing is om de Font Tag te gebruiken en de betreffende tekst een grotere size (afmeting) te geven en vet te maken.

Paragraphs en Line Breaks

En dan wil je nu een paragraaf weergeven. Tekst zal vanzelf bij het einde van het beeldscherm naar de volgende regel springen. Dus je hoeft het verspringen niet te forceren. Wil je echter een verplichte sprong naar een nieuwe regel, dan moet je een "break" tag toepassen.<BR>. Deze vertelt de browser om naar de volgende regel te springen om de tekst voort te zetten. Als je twee regels naar beneden wilt kun je twee van deze <BR><BR> toepassen, of je kunt een "Paragraph Break" gebruiken, zo dus: <P>. Beiden hebben hetzelfde effect.

Voorbeeld: Type deze code...
Dit is een test om te kijken of ik hier een line break kan maken <BR> en nu een dubbele<P> en dan kom ik hier terecht.

Het resultaat...
Dit is een test om te kijken of ik hier een line break kan maken
en nu een dubbele

en dan kom ik hier terecht.

Attentie 1: Soms zie je wel eens </P>, maar dit is niet nodig, dus je hoeft er niet op te letten. En denk erom dat de Line Break <BR> en de Paragraph Break <P> niet gevolgd worden door een Sluit Tag, (er is geen </BR> en geen noodzaak voor </P>).

Attentie 2: Browsers negeren lege spaties, dus witruimte, in de document code. Daarom moet je gebruik maken van de paragraph en line breaks, zo niet dan worden al je woorden aan een gebreid tot een grote paragraaf.

Horizontal Rules

De Horizontale Lijn is een lijn welke horizontaal over je webpagina loopt. De <HR> Tag is een enkelvoudige (zoals de <IMG> of <META> tags) dus hebben we geen Sluit </HR> tag nodig.

Als je ingeeft <HR> krijg je een lijn dwars over je webpagina, en wel met dezelfde kleur als de kleur van je browser.

Er zijn diverse Attributen om met de Horizontal Rule te gebruiken:

WIDTH=
Met dit Attribuut geef je aan hoe wijds - dus in feite in de breedte- je lijn wordt. Je kunt een percentage ingeven ten opzichte van de pagina, of je geeft de absolute pixel size van de lijn aan.

Percentage Methode:

WIDTH="50%"

Hiermee wordt de lijn de helft van je page breedte. Deze methode heeft dus geen invloed, ongeacht met welke resolutie de pagina bekeken wordt. De lijn zal gewoon 50 % van de schermbreedte zijn.

Absolute Methode:

WIDTH="300"

Dit nummer is de width - breedte- in PIXELS. Dit is nuttig als je de preciese maat voor de lijn wilt behouden. Bijvoorbeeld wil je een lijn net zolang houden als een plaatje, dan hou je dus de width voor beiden gelijk.

ALIGN=
En met dit Attribuut kun je aangeven waar de lijn op je pagina moet komen. Maar alleen als de lijn minder is dan 100% van de pagina breedte.

De juiste waardes om te gebruiken zijn "right", "left" en "center".

SIZE=
En met dit Attribuut HEIGHT geef je de hoogte van de lijn aan. Als je een lijn 20 pixels hoog wilt hebben, doe je dat zo

SIZE="20"


Als je geen size aangeeft, zal de lijn default -standaard- er zo uitzien SIZE="1"

NOSHADE
Dit Attribuut wijkt een beetje af van het gebruikelijke omdat het GEEN echte waarde heeft. Dit is meer een AAN / UIT indikatie, dan een waarde, zoals we normaal kennen. Je kunt aangeven dat je de weergave van de lijn als massief met geen schaduwen (schaduwen geven een soort 3-D effect) wilt hebben door in te geven NOSHADE Attribuutt op deze manier:

<HR NOSHADE>

Zoals met de meeste tags die Attributen gebruiken, kun je er meerdere combineren in een tag, op deze manier:

<HR WIDTH="50%" ALIGN="Center" SIZE="20" NOSHADE>

En dan krijg je dus een lijn van 50% van de pagina breedte, plaatsing in het midden, 20 pixels hoog, met geen schaduw.

De Block Quote

De BlockQuote tag zal een paragraaf versmallen, links en rechts inspringen dud. Open het met <BLOCKQUOTE> en sluit het met </BLOCKQUOTE>.

Hier een voorbeeld:

Dit is een normale tekstregel.

Deze paragraaf is tussen blockquote tags gezet en je zult constateren dat het inspringt. De gehele paragraaf springt in, totdat de sluit blockquote er aan komt. Het is een handige toepassing.

Nu is de blockquote weer uit gezet en is de tekst wederom normaal.

Preformatted Text

De tekst tussen de <PRE> en de </PRE> tags zal exact worden weergegeven, zoals deze in je HTML editor pagina er uit ziet. Het zal worden weergegeven met een "vaste breedte" font.
Dus heb je dit in je editor staan:

    <PRE>
      Hoi luitjes!
      Voorbeeld.              Kijk, en nu ben ik hier.
      Ik zet geen enkele tag in deze paragraaf.  
      E  E  N    BEETJE    aan  H  E  T     S  P  E  L  E  N    
      Lekker snuff?      Hu?         Zozo! 
    </PRE>

dan wordt de bovenstaande tekst zo weergegeven: 

      Hoi luitjes!
      Voorbeeld.              Kijk, en nu ben ik hier.
      Ik zet geen enkele tag in deze paragraaf.  
      E  E  N    BEETJE    aan  H  E  T     S  P  E  L  E  N    
      Lekker snuff?      Hu?         Zozo!
Succes met de bouw van je Site