Pdf downloaden Pdf downloaden

Beelduitlijning is een belangrijke vaardigheid om te leren bij het coderen van webpagina's. Helaas worden sommige HTML-tags naarmate de code verandert, niet meer herkend door alle webbrowsers. Probeer deze methoden om een afbeelding in HTML te centreren. Als ze niet werken, overweeg dan om gebruik te maken van CSS (Cascading Style Sheets).

Methode 1
Methode 1 van 2:

In tekst uitlijnen

Pdf downloaden
  1. In HTML-codering kun je tekst centreren, maar je moet de uitlijning van het beeld aanduiden met 'middle'. Een afbeelding is geen regel-element, dus geef je dit aan in relatie tot andere elementen.
  2. Gebruik een alinea-tag om aan te geven dat een tekstregel begint. Start je tag met <p> en schrijf dan je tekst.
  3. Voeg vervolgens je beeldbeschrijving toe door alt='beeldbeschrijving' te typen.
    • De 'src'-sectie vertelt de webpagina wat de URL van de afbeelding is.
    • De 'alt'-sectie vertelt de webpagina hoe deze moet worden genoemd.
  4. Typ align='middle'> . Dit is het einde van het afbeeldingsgedeelte van je tag. [1]
  5. Sluit dan de tag af met </p>. Je hele tag kan er bijvoorbeeld zo uitzien: <p>We leren over HTML. <img src='dancingdogpicture.gif' alt='dancing dog' align='middle' Ons voorbeeld is compleet. </p>
    Advertentie
Methode 2
Methode 2 van 2:

Uitlijnen in een 'center'-tag

Pdf downloaden
  1. Je kunt de afbeelding binnen dat gecentreerde element vatten. Het zal echter extra ruimte rond je element creëren.
  2. Begin met het centreren van het element. Typ <center>.
  3. Typ <img src='dancingdogpicture.gif' alt='dancing dog' .
  4. Voer iets in als height='200' width='200'> of een andere grootte naar keuze. Dit is het einde van het afbeeldingsgedeelte van de tag.
  5. Je hele tag zou er bijvoorbeeld zo uit kunnen zien:
    <center><img src='dancingdogpicture.gif' alt='dancingdog' height='200' width='200'></center>. [2]
    Advertentie

Waarschuwingen

  • Houd er rekening mee dat zowel de uitlijning als de centreer-tags verouderd kunnen raken. Dit betekent dat ze in de toekomst niet meer gebruikt zullen worden. Hoewel er geen exacte datum is waarop ze niet meer gebruikt zullen worden, zullen browsers ze uiteindelijk niet meer herkennen en zullen de codes geüpdatet moeten worden naar CSS of HTML5.
Advertentie

Over dit artikel

Deze pagina is 6.703 keer bekeken.

Was dit artikel nuttig?

Advertentie