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
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.
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.
3
Introduceți imaginea tastând.. Apoi includeți o descriere a adăugării imaginii alt ="descrierea imaginii".
4
Specifică alinierea imaginii. scrie aliniere ="mijloc">. Aceasta este ultima parte a etichetei.
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. Aici concluzionăm exemplul nostru.
.Metoda 2
Aliniați-vă în interiorul unei etichete
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.
2
Porniți o nouă linie de cod. Începeți prin centrarea elementului. scrie .
3
Adăugați eticheta pentru imagine. scrie .
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.
5
Închideți eticheta cu.. De exemplu, eticheta completă ar trebui să arate astfel:
.
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ă un hyperlink cu HTML
- Cum se adaugă simbolul mărcii comerciale în HTML
- Modificarea culorii textului în HTML
- Cum să centrați textul în Photoshop
- Cum să centrați textul în Microsoft Word
- Cum se creează text în caractere aldine în HTML
- Cum se creează un link imagine în HTML
- Cum de a crea un calculator folosind HTML
- Cum se creează o listă drop-down în HTML fără Java
- Cum se creează o pagină web simplă utilizând Notepad
- Cum se detectează dacă jаvascript nu este activat
- Cum se trimite un raport HTML programat de la un server SQL
- Cum să remediați o imagine de fundal în HTML
- Cum se face flickerul textului în HTML
- Cum se face un buton pentru link-ul HTML
- Cum se face o imagine de substituție în jаvascript
- Cum se face o pagină web în HTML
- Cum se introduc spațiile în HTML
- Cum să inserați imagini
- Cum se introduc imagini cu HTML
- Modificarea dimensiunii unei iframe în HTML