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).
stappen
Methode 1
Tekst uitlijnen
![Titel afbeelding Center an Image in HTML Step 1](https://cdn5.emkiset.ru/esw/cómo-centrar-una-imagen-en-html_1.jpg)
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](https://cdn5.emkiset.ru/esw/cómo-centrar-una-imagen-en-html_1_1.jpg)
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](https://cdn5.emkiset.ru/esw/cómo-centrar-una-imagen-en-html_2_1.jpg)
3
Voeg de afbeelding in door te typen.
. Voeg vervolgens een beschrijving toe van de afbeelding die wordt toegevoegd alt ="beschrijving van de afbeelding".
![](nombreImagen.jpg)
![Titel afbeelding Center an Image in HTML Step 4](https://cdn5.emkiset.ru/esw/cómo-centrar-una-imagen-en-html_4_1.jpg)
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](https://cdn5.emkiset.ru/esw/cómo-centrar-una-imagen-en-html_5_1.jpg)
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](https://cdn5.emkiset.ru/esw/cómo-centrar-una-imagen-en-html_7_1.jpg)
1
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](https://cdn5.emkiset.ru/esw/cómo-centrar-una-imagen-en-html_8_1.jpg)
2
Start een nieuwe regel code. Begin met het centreren van het element. schrijven .
![Titel afbeelding Center an Image in HTML Step 8](https://cdn5.emkiset.ru/esw/cómo-centrar-una-imagen-en-html_9_1.jpg)
3
Voeg de afbeeldingstag toe. schrijven
.
![danser hond](https://es.wikihow.com/imagenPerroBailarín.jpg)
![Titel afbeelding Center an Image in HTML Step 9](https://cdn5.emkiset.ru/esw/cómo-centrar-una-imagen-en-html_10_1.jpg)
4
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](https://cdn5.emkiset.ru/esw/cómo-centrar-una-imagen-en-html_11_1.jpg)
5
Sluit de tag met.. Het complete label zou er bijvoorbeeld als volgt uit moeten zien:
![danser hond](https://es.wikihow.com/imagenPerroBailarín.jpg)
.
![danser hond](https://es.wikihow.com/imagenPerroBailarín.jpg)
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
Hoe een hyperlink met HTML toe te voegen
Hoe het handelsmerksymbool in HTML toe te voegen
Tekst centreren in Photoshop
Een afbeeldingslink maken in HTML
Hoe te detecteren of jаvascript niet is ingeschakeld
Hoe een link in HTML te verbergen
Hoe de achtergrondkleur in HTML in te stellen
Hoe een achtergrondafbeelding in HTML te herstellen
Hoe de tekst in HTML kan flikkeren
Hoe een HTML-linkknop maken
Hoe maak je een vervangende afbeelding in jаvascript
Hoe een webpagina in HTML te maken
Spaties invoegen in HTML
Hoe digitale tijd in HTML kan worden weergegeven
Hoe tekst in HTML te onderstrepen
Hoe u jаvascript aan uw website kunt toevoegen met behulp van HTML
Tekst en afbeeldingen in HTML uitlijnen
Hoe de inhoud van een webpagina met CSS te centreren
Hoe een tekst in HTML-taal te centreren
Hoe te reageren in HTML
Een HTML-handtekening maken voor Gmail