Hoe een afbeelding in HTML te centreren

Beelduitlijning is een belangrijke vaardigheid die u moet verwerven wanneer u leert webpagina`s te coderen. Helaas zijn sommige HTML-tags, omdat de code evolueert, verouderd en niet alle browsers herkennen deze. Probeer deze methoden om een afbeelding in HTML te centreren. Als ze niet werken, moet je gebruik maken van cascading style sheets (CSS).

Inhoud

Stappen

Methode 1tekst uitlijnen
Methode 2breng een label naar binnen

Waarschuwingen

stappen

Methode 1
Tekst uitlijnen

Titel afbeelding Center an Image in HTML Step 1

Gebruik het woord niet "centrum" (midden) op het etiket. In HTML kunt u tekst centreren, maar de uitlijning van afbeeldingen wordt geïdentificeerd met het woord "midden" (Gemiddelde). Afbeeldingen zijn geen lineaire elementen, dus worden ze geïdentificeerd in relatie tot andere elementen.

Titel afbeelding Center an Image in HTML Step 2

Start een nieuwe regel code. Gebruik een alinealabel om aan te geven dat een nieuwe regel begint. Start het label met

en schrijf dan de tekst.

Titel afbeelding Center an Image in HTML Step 3

Voeg de afbeelding in door te typen.. Voeg vervolgens een beschrijving toe van de afbeelding die wordt toegevoegd alt ="beschrijving van de afbeelding".

De sectie "src" vertelt de webpagina wat de URL van de afbeelding is.

De sectie "alt" vertelt de webpagina hoe het wordt genoemd.

Titel afbeelding Center an Image in HTML Step 4

Specificeert de uitlijning van de afbeelding. schrijven align ="midden">. Dit is het laatste deel van het label.

Titel afbeelding Center an Image in HTML Step 5

Voeg meer tekst toe Sluit nu het label met . Het uiteindelijke codelabel zou er bijvoorbeeld als volgt uit moeten zien: We leren coderen in HTML. Hier concludeert ons voorbeeld..

Methode 2
Breng een label naar binnen

Titel afbeelding Center an Image in HTML Step 6

Maak een nieuw element en centreer het. U kunt de afbeelding binnen een gecentreerd element plaatsen. Er worden echter extra spaties rondom het element gemaakt.

Titel afbeelding Center an Image in HTML Step 7

Start een nieuwe regel code. Begin met het centreren van het element. schrijven .

Titel afbeelding Center an Image in HTML Step 8

Voeg de afbeeldingstag toe. schrijven .

Titel afbeelding Center an Image in HTML Step 9

Geef de hoogte en breedte van de afbeelding op. schrijven hoogte ="200" breedte ="200"> het aanpassen van de maat waarmee u de voorkeur geeft. Dit is het laatste deel van het afbeeldinglabel.

Titel afbeelding Center an Image in HTML Step 10

Sluit de tag met.. Het complete label zou er bijvoorbeeld als volgt uit moeten zien:
.

waarschuwingen

Houd in gedachten dat zowel het label "richten" als "centrum" ze zijn verouderd. Dit betekent dat ze in de toekomst niet meer zullen worden gebruikt. Hoewel er geen exacte datum is waarop ze zullen verdwijnen, zullen browsers ze op een gegeven moment niet herkennen en moet de code worden bijgewerkt naar CSS of HTML5.

Delen op sociale netwerken:

Verwant