Cum să centrați o imagine în HTML

Alinierea imaginii este o abilitate importantă pe care trebuie să o dobândiți atunci când învățați să codificați paginile web. Din păcate, pe măsură ce codul evoluează, unele etichete HTML au devenit caduce și nu toate browserele le recunosc. Încercați aceste metode pentru a centra o imagine în HTML. Dacă nu funcționează, va trebui să recurgeți la foile de stil cascadă (CSS).

pași

Metoda 1
Aliniați textul

Imaginea intitulată Centrează o imagine în HTML Pasul 1
1
Nu utilizați cuvântul "centru" (centru) de pe etichetă. În HTML, aveți posibilitatea să centrați textul, dar alinierea imaginilor este identificată cu cuvântul "mijloc" (Medie). Imaginile nu sunt elemente liniare, deci ele sunt identificate în raport cu alte elemente.
  • Imaginea intitulată Centrează o imagine în HTML Pasul 2
    2
    Porniți o nouă linie de cod. Utilizați o etichetă de paragraf pentru a indica faptul că începe o nouă linie. Porniți eticheta cu

    apoi scrieți textul.

  • Imaginea intitulată Centrează o imagine în HTML Pasul 3
    3
    Introduceți imaginea tastând.. Apoi includeți o descriere a adăugării imaginii alt ="descrierea imaginii".
  • Secțiunea "src" spune pagina web ce reprezintă adresa URL a imaginii.
  • Secțiunea "Alt" povestește paginii web ceea ce se numește.
  • Imaginea intitulată Centrează o imagine în HTML Pasul 4
    4
    Specifică alinierea imaginii. scrie aliniere ="mijloc">. Aceasta este ultima parte a etichetei.
  • Imaginea intitulată Centrează o imagine în HTML Pasul 5
    5
    Adăugați mai mult text Acum închideți eticheta . De exemplu, eticheta de cod final ar trebui să arate astfel:

    Învățăm să codificăm în HTML.câine dansator Aici concluzionăm exemplul nostru.

    .
  • Metoda 2
    Aliniați-vă în interiorul unei etichete



    Imaginea intitulată Centrează o imagine în HTML Pasul 6
    1
    Creați un element nou și centrați-l. Puteți conține imaginea într-un element centrat. Cu toate acestea, în jurul elementului vor fi create spații suplimentare.
  • Imaginea intitulată Centrează o imagine în HTML Pasul 7
    2
    Porniți o nouă linie de cod. Începeți prin centrarea elementului. scrie .
  • Imaginea intitulată Centrează o imagine în HTML Pasul 8
    3
    Adăugați eticheta pentru imagine. scrie câine dansator.
  • Imaginea intitulată Centrează o imagine în HTML Pasul 9
    4
    Specificați înălțimea și lățimea imaginii. scrie înălțime ="200" latime ="200"> modificând dimensiunea cu care preferați. Aceasta este ultima parte a etichetei de imagine.
  • Imaginea intitulată Centrează o imagine în HTML Pasul 10
    5
    Închideți eticheta cu.. De exemplu, eticheta completă ar trebui să arate astfel:
    câine dansator
    .
  • avertismente

    • Rețineți că atât eticheta "alinia" ca "centru" acestea au devenit caduce. Aceasta înseamnă că nu vor mai fi folosite în viitor. Deși nu există o dată exactă în care acestea vor înceta să existe, browserele nu vor reuși să le recunoască, iar codul trebuie să fie actualizat la CSS sau HTML5.
    Distribuiți pe rețelele sociale:

    înrudit
    Cum se adaugă simbolul mărcii comerciale în HTMLCum se adaugă simbolul mărcii comerciale în HTML
    Modificarea culorii textului în HTMLModificarea culorii textului în HTML
    Cum să centrați textul în PhotoshopCum să centrați textul în Photoshop
    Cum să centrați textul în Microsoft WordCum să centrați textul în Microsoft Word
    Cum se creează text în caractere aldine în HTMLCum se creează text în caractere aldine în HTML
    Cum se creează un link imagine în HTMLCum se creează un link imagine în HTML
    Cum de a crea un calculator folosind HTMLCum de a crea un calculator folosind HTML
    Cum se creează o listă drop-down în HTML fără JavaCum se creează o listă drop-down în HTML fără Java
    Cum se creează o pagină web simplă utilizând NotepadCum se creează o pagină web simplă utilizând Notepad
    Cum se detectează dacă jаvascript nu este activatCum se detectează dacă jаvascript nu este activat
    » » Cum să centrați o imagine în HTML

    © 2011—2020 ertare.com