Centrera en bild i html

Bildjustering är en viktig färdighet att lära sig när man kodar webbsidor. Tyvärr, eftersom koden ändras, känns vissa HTML-taggar inte längre igen av alla webbläsare. Prova dessa metoder för att centrera en bild i HTML. Om de inte fungerar, överväg att använda CSS (Cascading Style Sheets).

Steg

Metod 1 av 2: Justera i text

Bild med titeln Centrera en bild i HTML Steg 1
1. Använd inte koden "center" i dina taggar. I HTML-kodning kan du centrera text, men du måste markera justeringen av bilden med `mitt`. En bild är inte ett regelelement, så du anger detta i förhållande till andra element.
Bild med titeln Centrera en bild i HTML Steg 2
2. Starta en ny kodrad. Använd en stycketagg för att indikera att en textrad börjar. Börja din tagg med
Bild med titeln Centrera en bild i HTML Steg 3
3. Infoga bilden genom att skriva. Lägg sedan till din bildbeskrivning genom alt=`bildbeskrivning` att skriva.
  • "Src"-sektionen talar om för webbsidan vad webbadressen till bilden är.
  • "Alt"-sektionen talar om för webbsidan vad den ska kallas.
    Bild med titeln Centrera en bild i HTML Steg 4
  • 4. Ange justeringen av din bild. typ align=`mitten`>. Detta är slutet av bilddelen av din tagg.
    Bild med titeln Centrera en bild i HTML Steg 5
    5. Lägg till mer text. Stäng sedan taggen med

    Metod 2 av 2: Rikta in en "center"-tagg

    Bild med titeln Centrera en bild i HTML Steg 6
    1. Skapa ett nytt element och centrera det elementet. Du kan fånga bilden inom det centrerade elementet. Det kommer dock att skapa extra utrymme runt ditt element.
    Bild med titeln Centrera en bild i HTML Steg 7
    2. Starta en ny kodrad. Börja centrera elementet. typ
    Bild med titeln Centrera en bild i HTML Steg 8
    3. Lägg till din bildtagg. typ `dansande.
    Bild med titeln Centrera en bild i HTML Steg 9
    4. Ange bildens höjd och bredd. Ange något liknande höjd=`200` width=`200`> eller valfri annan storlek. Detta är slutet på bilddelen av taggen.
    Bild med titeln Centrera en bild i HTML Steg 10
    5. Stäng din tagg med Hela din tagg kan till exempel se ut så här:

    Varningar

    Observera att både inriktnings- och centreringstaggarna kan bli föråldrade. Det innebär att de inte längre kommer att användas i framtiden. Även om det inte finns något exakt datum när de inte längre kommer att användas, kommer webbläsare inte längre att känna igen dem och koderna måste uppdateras till CSS eller HTML5.

    Оцените, пожалуйста статью