Een afbeelding centreren in HTML

Pdf downloadenPdf 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. How.com.vn Nederlands: Step 1 Gebruik de code 'center' niet in je tags.
    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. How.com.vn Nederlands: Step 2 Begin een nieuwe regel code.
    Gebruik een alinea-tag om aan te geven dat een tekstregel begint. Start je tag met <p> en schrijf dan je tekst.
  3. How.com.vn Nederlands: Step 3 Voeg de afbeelding in door <img src='imgName.gif' te typen.
    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. How.com.vn Nederlands: Step 4 Specificeer de uitlijning van je afbeelding.
    Typ align='middle'>. Dit is het einde van het afbeeldingsgedeelte van je tag.[1]
  5. How.com.vn Nederlands: Step 5 Voeg meer tekst toe.
    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. How.com.vn Nederlands: Step 1 Maak een nieuw element en centreer dat element.
    Je kunt de afbeelding binnen dat gecentreerde element vatten. Het zal echter extra ruimte rond je element creëren.
  2. How.com.vn Nederlands: Step 2 Begin een nieuwe regel code.
    Begin met het centreren van het element. Typ <center>.
  3. How.com.vn Nederlands: Step 3 Voeg je afbeelding-tag toe.
    Typ <img src='dancingdogpicture.gif' alt='dancing dog'.
  4. How.com.vn Nederlands: Step 4 Specificeer de hoogte en breedte van het beeld.
    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. How.com.vn Nederlands: Step 5 Sluit je tag af met </center>.
    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

How.com.vn Nederlands: How.com.vn-redactie
Bijdragen van:
How.com.vn-redacteur
Dit artikel is nagelezen door onze redactie, die artikelen controleert op juistheid en compleetheid.

Ons team van deskundigen loopt het werk van de redactie na om te zorgen dat artikelen die op How.com.vn te lezen zijn aan alle kwaliteitseisen voldoen. Dit artikel is 6.533 keer bekeken.
Categorieën: Programmeren
Deze pagina is 6.533 keer bekeken.

Was dit artikel nuttig?

⚠️ Disclaimer:

Content from Wiki How Nederlands language website. Text is available under the Creative Commons Attribution-Share Alike License; additional terms may apply.
Wiki How does not encourage the violation of any laws, and cannot be responsible for any violations of such laws, should you link to this domain, or use, reproduce, or republish the information contained herein.

Notices:
  • - A few of these subjects are frequently censored by educational, governmental, corporate, parental and other filtering schemes.
  • - Some articles may contain names, images, artworks or descriptions of events that some cultures restrict access to
  • - Please note: Wiki How does not give you opinion about the law, or advice about medical. If you need specific advice (for example, medical, legal, financial or risk management), please seek a professional who is licensed or knowledgeable in that area.
  • - Readers should not judge the importance of topics based on their coverage on Wiki How, nor think a topic is important just because it is the subject of a Wiki article.

Advertentie