Onofficiële Hulp in Andere Talen: Hulp in het Nederlands / Hulp Centrum: Algemeen

Basisgids voor HTML

Basisgids voor HTML

Er zijn verscheidene plaatsen op de site waar je een ongelimiteerde hoeveelheid tekst kunt ingeven. Deze tekst is niet geformatteerd en enteren zal je tekst niet op een volgende alinea zetten. Om je tekst op een nieuwe alinea te laten verschijnen zul je de
of

HTML codes moeten gebruiken. Onderstaande is een basis overzicht van HTML codes die je kunt gebruiken om je tekst op de juiste manier neer te zetten.

<!-- Heading -->

Koppen
In HTML zijn er zes levels van koppen. H1 is de meest belangrijkste, H2 is iets minder belangrijk, enzovoort tot H6, de minst belangrijkste.

Voorbeeld:

John's Bricks

en hier is een kleinere kop:

John's Bricks

HTML Code:

<B STYLE='background-color: 63B8FF'>

John's Bricks<B STYLE='background-color: 63B8FF'>

en hier is een kleinere kop:

<B STYLE='background-color: 63B8FF'>

John's Bricks<B STYLE='background-color: 63B8FF'>

<!-- Line Break -->

Alinea
Om je tekst op een nieuwe regels zichtbaar te maken, zal het indrukken van de entertoets niet werken. Je zult de
code moeten gebruiken.

Voorbeeld:

Regel 1
Regel 2

HTML Code:

Regel 1<B STYLE='background-color: 63B8FF'>

Regel 2

<!-- Paragraph -->

Paragraaf
Iedere paragraaf die je schrijft moet beginnen met een

code. De

is optioneel, in tegenstelling tot de eindcodes voor elementen als koppen.

Voorbeeld:

Dit is de eerste paragraaf.

Dit is de tweede paragraaf.

HTML Code:

Dit is de eerste paragraaf.
<B STYLE='background-color: 63B8FF'>

Dit is de tweede paragraaf.

<!-- Bold -->

Vette tekst
Je kunt één of meer woorden benadrukken met de code.

Voorbeeld:

BrickLink is een leuke plaats!

HTML Code:

BrickLink is een <B STYLE='background-color: 63B8FF'>leuke<B STYLE='background-color: 63B8FF'> plaats!

<!-- Italics -->

Schuingedrukte Tekst
Je kunt één of meerder woorden in schuingedrukte tekst neerzetten met de code.

Voorbeeld:

BrickLink is een leuke plaats!

HTML Code:

BrickLink is een <B STYLE='background-color: 63B8FF'>leuke<B STYLE='background-color: 63B8FF'> plaats!

<!-- Horizontal Rule -->

Horizontale Lijn
Je kunt (een) horizontal(e) lijne(n) toevoegen om delen van je document te scheiden met de
code.

Voorbeeld:

Sectie #1


Sectie #2
HTML Code:

Sectie #1
<B STYLE='background-color: 63B8FF'>


Sectie #2

<!-- Images -->

Afbeeldingen
De manier om een afbeelding toe te voegen is gebruik maken van de code. Het is een goede gewoonte om de hoogte en de breedte van de afbeelding te specificeren. Je kunt dit doen door gebruikt te maken van de BREEDTE en HOOGTE attributen van de IMG (image = afbeelding) code. Als je de hoogte en breedte codes niet specificeert dan kunnen sommige browsers wachten totdat de hele afbeelding is geladen voordat de tekst geplaatst wordt wat resulteerd in een lange wachttijd. Je kunt ook de ALT functie van de IMG code gebruiken wat je een alternatieve tekst laat zien als je met je muis over de afbeelding gaat.

Voorbeeld:

Koop en Verkoop LEGO[R] op BrickLink

HTML Code:

<B STYLE='background-color: 63B8FF'>Koop en Verkoop LEGO[R] op BrickLink

<!-- Links -->

Links
Het internet heeft de mopgelijkheid in zich om links van de ene naar de andere pagina te definiëren en deze links te volgen door een muisklik. Links worden gedefinieerd met de code. In dit voorbeeld zullen we een link definieren naar ons forum via "messageList.asp". De tekst tussen de en de is gebruikt als de omschrijving voor de link. Het is normaal voor de omschrijving dat deze in blauw onderlijnde tekst zichtbaar is.

Example:

This is a link to our Discussion Forum.

HTML Code:

This is a link to our <B STYLE='background-color: 63B8FF'>Discussion Forum<B STYLE='background-color: 63B8FF'>.

Om een pagina van een andere Web site te linken moet je het volledige webadres (gewoonlijk URL genaamd) geven, bijvoorbeeld om naar www.bricklink.com te linken, zul je het volgende moeten schrijven:

Voorbeeld:

Dit is een link naar BrickLink.com.

HTML Code:

Dit is een link naar <B STYLE='background-color: 63B8FF'>BrickLink.com<B STYLE='background-color: 63B8FF'>.

Je kunt een afbeelding als een link plaatsen. Als je dat doet, zal de afbeelding met een blauwe rand verschijnen. Om deze uit te zetten, gebruik de BORDER=0 parameter of de afbeeldingscode. Het volgende laat je toe op het BrickLink logo te klikken wat je op de home-page brengt:

Voorbeeld:

Koop en Verkoop LEGO[R] op BrickLink

HTML Code:

<B STYLE='background-color: 63B8FF'><B STYLE='background-color: 63B8FF'>Koop en Verkoop LEGO[R] op BrickLink<B STYLE='background-color: 63B8FF'>

<!-- Lists -->

Kolommen
De meest gebruikte kolommen zijn de genummerde en ongenummerde kolommen. Hier is een voorbeeld van een ongenummerde kolom. Het zet een stip naast ieder item uit de kolom:

Voorbeeld:

Ik accepteer de volgende betalingsmethodes:

  • Checks
  • Geld Overschrijvingen
  • Cash
HTML Code:

Ik accepteer de volgende betalingsmethodes:

<B STYLE='background-color: 63B8FF'>


    <B STYLE='background-color: 63B8FF'>
  • Checks
    <B STYLE='background-color: 63B8FF'>
  • Geld Overschrijvingen
    <B STYLE='background-color: 63B8FF'>
  • Cash
    <B STYLE='background-color: 63B8FF'>

Dit is een voorbeeld van een genummerde kolom. Het plaatst een nummer, te beginnen bij 1 voor ieder item uit de kolom:

Voorbeeld:

Ik accepteer de volgende betalingsmethodes:

  1. Checks
  2. Geld Overschrijvingen
  3. Cash
HTML Code:

Ik accepteer de volgende betalingsmethodes:

<B STYLE='background-color: 63B8FF'>


    <B STYLE='background-color: 63B8FF'>
  1. Checks
    <B STYLE='background-color: 63B8FF'>
  2. Geld Overschrijvingen
    <B STYLE='background-color: 63B8FF'>
  3. Cash
    <B STYLE='background-color: 63B8FF'>

<!-- Tables -->

Tabellen
Tabellen worden voor zowel informatie als layout gebruikt. Tabellen bestaaan uit één of meer regels van tabelcellen. Het TABLE element fungeert als de bron voor de tabel. Het BORDER onderdeel specificeerd de lijn breedte in pixels. Het TR element fungeert als een bron voor iedere rij. De TH en de TD elementen zijn de bronnen voor respectievelijk de koppen en de data in de cellen. Hier is een simpel voorbeeld:

Voorbeeld:

LokatieVerzendkosten
Europa$10.00
Amerika$5.00
Australië$15.00
HTML Code:

<B STYLE='background-color: 63B8FF'>


<B STYLE='background-color: 63B8FF'><B STYLE='background-color: 63B8FF'>
<B STYLE='background-color: 63B8FF'><B STYLE='background-color: 63B8FF'>
<B STYLE='background-color: 63B8FF'><B STYLE='background-color: 63B8FF'>
<B STYLE='background-color: 63B8FF'><B STYLE='background-color: 63B8FF'>
<B STYLE='background-color: 63B8FF'>
Lokatie<B STYLE='background-color: 63B8FF'>Verzendkosten<B STYLE='background-color: 63B8FF'>
Europa<B STYLE='background-color: 63B8FF'>$10.00<B STYLE='background-color: 63B8FF'>
Amerika<B STYLE='background-color: 63B8FF'>$5.00<B STYLE='background-color: 63B8FF'>
Australië<B STYLE='background-color: 63B8FF'>$15.00<B STYLE='background-color: 63B8FF'>