Sentrer et bilde i html

Bildejustering er en viktig ferdighet å lære når du koder nettsider. Dessverre, ettersom koden endres, gjenkjennes ikke lenger noen HTML-koder av alle nettlesere. Prøv disse metodene for å sentrere et bilde i HTML. Hvis de ikke fungerer, bør du vurdere å bruke CSS (Cascading Style Sheets).

Trinn

Metode 1 av 2: Juster i tekst

Bilde med tittelen Sentrer et bilde i HTML Trinn 1
1. Ikke bruk koden "senter" i taggene dine. I HTML-koding kan du sentrere tekst, men du må merke justeringen av bildet med `midt`. Et bilde er ikke et regelelement, så du angir dette i forhold til andre elementer.
Bilde med tittelen Sentrer et bilde i HTML Trinn 2
2. Start en ny kodelinje. Bruk en avsnittskode for å indikere at en tekstlinje begynner. Start taggen din med
Bilde med tittelen Sentrer et bilde i HTML Trinn 3
3. Sett inn bildet ved å skrive. Legg deretter til bildebeskrivelsen ved å alt=`bildebeskrivelse` å skrive.
  • `Src`-delen forteller nettsiden hva URL-en til bildet er.
  • `alt`-delen forteller nettsiden hva den skal kalles.
    Bilde med tittelen Sentrer et bilde i HTML Trinn 4
  • 4. Spesifiser justeringen av bildet ditt. type align=`midt`>. Dette er slutten av bildedelen av taggen din.
    Bilde med tittelen Sentrer et bilde i HTML Trinn 5
    5. Legg til mer tekst. Lukk deretter taggen med

    Metode 2 av 2: Juster inn en "senter"-tag

    Bilde med tittelen Sentrer et bilde i HTML Trinn 6
    1. Lag et nytt element og sentrer det elementet. Du kan ta bildet innenfor det sentrerte elementet. Det vil imidlertid skape ekstra plass rundt elementet ditt.
    Bilde med tittelen Sentrer et bilde i HTML Trinn 7
    2. Start en ny kodelinje. Begynn å sentrere elementet. type
    Bilde med tittelen Sentrer et bilde i HTML Trinn 8
    3. Legg til bildekoden din. type `dansende.
    Bilde med tittelen Sentrer et bilde i HTML Trinn 9
    4. Angi høyde og bredde på bildet. Skriv inn noe sånt som høyde=`200` width=`200`> eller hvilken som helst annen størrelse du ønsker. Dette er slutten av bildedelen av taggen.
    Bilde med tittelen Sentrer et bilde i HTML Trinn 10
    5. Lukk taggen din med For eksempel kan hele taggen din se slik ut:

    Advarsler

    Vær oppmerksom på at både justering og sentrering kan bli foreldet. Det betyr at de ikke lenger skal brukes i fremtiden. Selv om det ikke er noen eksakt dato når de ikke lenger skal brukes, vil til slutt nettlesere gjenkjenne dem og kodene må oppdateres til CSS eller HTML5.

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