HodTari.com

Sådan centrerer du et HTML-billede

Billedjustering er en vigtig del af websides programmering. Desværre, som programmeringsmetoder udvikler sig, falder nogle HTML-tags i disbrug og genkendes ikke længere af browsere. For at centrere et HTML-billede skal du prøve metoderne nedenfor. Hvis de ikke virker, kan det være en god ide at skifte til Cascading Style Sheets (CSS).

trin

Metode 1
Justering i tekst

Billede med titlen Center et billede i HTML Trin 1
1
Brug ikke ordet "center" i taggen. I HTML-programmering kan du justere tekster med "center", men for billeder skal du bruge ordet "middle". Da et billede ikke er et inlineelement, skal det identificeres ud fra forholdet til de andre elementer.

  • Video: #2 - Flere HTML tags

    Billede med titlen Center et billede i HTML Trin 2
    2
    Start en ny kode kode. Indtast et afsnitstegn for at angive begyndelsen af ​​en ny linje. Start tag med

    og indtast teksten.

  • Billede med titlen Center et billede i HTML Trin 3
    3
    For at indsætte billedet skal du skrive PictureName.gif. Skriv derefter alt = "billedbeskrivelse" for at indtaste beskrivelsen af ​​billedet.
    • "Src" -koden informerer webadressen for billedet til webstedet.
    • Afsnittet "alt" informerer billedets titel.
  • Billede med titlen Center et billede i HTML Trin 4
    4
    Angiv billedjusteringen. Indtast align = "middle"> i slutningen af ​​den del af tagget der henvises til billedet.
  • Billede med titlen Center et billede i HTML Trin 5

    Video: Indsæt billede (HTML)

    5
    Tilføj flere tekster. Luk derefter tagget med

    . Et helt tag ville se sådan ud:

    Vi lærer at bruge HTML. Eksemplet er færdigt.

    .

    • Metode 2
    Justering i et centreringsmærke



    Billede med titlen Center et billede i HTML Trin 6
    1
    Opret et nyt element og centrere det. Du kan indsætte billedet inde i det centrerede element, men dette vil skabe ekstra plads omkring elementet.
  • Billede med titlen Center et billede i HTML Trin 7
    2
    Start en ny kode kode. Centrér elementet tidligt. Indtast
    .
  • Billede med titlen Center et billede i HTML Trin 8

    Video: Marshmello ft. Bastille - Happier (Official Music Video)

    3
    Tilføj billedtaggen. Indtast danshund.
  • Billede med titlen Center et billede i HTML Trin 9
    4
    Angiv højden og bredden af ​​billedet. Indtast height = "200" width = "200">, eller angiv de ønskede værdier. Dette er den sidste del af tagget af billedet.
  • Billede med titlen Center et billede i HTML Trin 10
    5
    Afslut tagget med . Et helt tag ville se sådan ud:
    .

    • advarsler

    • Husk, at både justeringsmærket og centreringsmærket kan være forældet og ikke bruges i fremtiden. Selv om dette ikke har en rigtig god dato, ophører browsere til sidst med at genkende dem, og du skal opgradere dit websted til CSS eller HTML5.
    Del på sociale netværk:

    Relaterede
    © 2024 HodTari.com