Hoe de afbeelding in HTML te centreren (met illustraties)

Attribuut Uitlijnen Label beschouwd als verouderd met de komst van HTML5. Hoewel dit kenmerk nog steeds werkt in de meeste webbrowsers, wordt het aanbevolen om foto`s uit te lijnen met behulp van cascading-stijltafels (CSS). In dit artikel zullen we u vertellen hoe u afbeeldingen kunt centreren met CSS en verouderde tag Uitlijnen.

Stappen

Methode 1 van 2:

CSS (aanbevolen)

een. Voeg HTML-code toe voor afbeelding. Om de afbeelding uit te lijnen, gebruikt u Cascading Style Sheets (CSS), maar het zal het op de pagina moeten plaatsen met behulp van HTML. Het volgende is een voorbeeld van het gebruik van de tag Om de afbeelding in de code in te voegen:

  SRC ="Hond.JPG" alt ="Dit is een foto van een hond" klasse ="Centrum">

In plaats van Hond.JPG De naam van het afbeeldingsbestand en na "ALT" Voer de beeldbeschrijving in. Betekenis Centrum Wijzig voor "klasse" niet omdat u een CSS-klasse met deze naam maakt.

2. Zoek CSS-code. Als er een afzonderlijk CSS-bestand op de site is, open het dan. Zo niet, dan is de CSS-code waarschijnlijk bovenaan het HTML-bestand in de tags . Blader naar de bovenkant van het bestand om tags te vinden .

Als Tagov Nee, voeg ze toe. Lezen Dit artikel, Om meer informatie te krijgen.

3. Toevoegen aan CSS-code om de afbeelding uit te lijnen. In plaats van "50%" kunt u een andere waarde invoeren, zodat de afbeelding op de pagina verschijnt. Ceratter Het beeld met de waarde "100%" werkt niet, dus dit aantal zou anders moeten zijn.

.Centrum {DISPLAY: BLOK-MARGIN-LINKER: Auto-margin-rechts: Auto-breedte: 50% -}

4. Bewaar de gemaakte wijzigingen. Sla het HTML-bestand en CSS-bestand op (als het is). Dus je midden het beeld.

Ook in TAGOV kan toevoegen klasse ="Centrum", Om andere afbeeldingen te verwijderen.

Methode 2 van 2:

Attribuut "uitlijnen" in HTML

een. Maak een nieuwe paragraaf. Hoewel deze methode voor het centreren van beelden wordt beschouwd als verouderd, werkt het nog steeds in veel browsers. We raden u echter aan om CSS te gebruiken om te functioneren wanneer de browsers stoppen met het onderhouden van het opgegeven attribuut. Onthoud dat het kenmerk Uitlijnen Centreer de foto alleen in het element dat het omringt (bijvoorbeeld in de tags of ). Als een voorbeeld in een HTML-bestand, maken we een nieuwe paragraaf door toe te voegen Op een aparte lijn.

2. Voeg HTML-code toe voor afbeelding. Voer de volgende code na de tag in . Gebruik dit voorbeeld als een gids:


 SRC ="Hond.JPG" alt ="afbeelding" align ="Midden">

In plaats van Hond.JPG De naam van het afbeeldingsbestand en na "ALT" Voer de beeldbeschrijving in.

Het kenmerk "MIDDEN" informeert de browser die de afbeelding in het midden van de pagina moet worden weergegeven.

3. Close-up paragraaf tag. Om dit toe te voegen Na de tag-clipart. De voltooide code moet er als volgt uitzien:


 SRC ="Hond.JPG" alt ="afbeelding" align ="Midden">

4. Bewaar de gemaakte wijzigingen. Dus je midden het beeld.

Deel in het sociale netwerk:

Hoe het beeld in html te centreren

Stappen