Cum să centrați o imagine HTML

Alinierea imaginilor este o parte importantă a programării paginilor web. Din nefericire, deoarece metodele de programare evoluează, unele etichete HTML cad în uz și nu mai sunt recunoscute de browsere. Pentru a centra o imagine HTML, încercați metodele de mai jos. Dacă nu funcționează, ar fi o idee bună să treceți la Foi de stil cascadă (CSS).

conținut

Pași
Metoda 1alinierea în text
Metoda 2alinierea într-o etichetă de centrare
Avertismente

pași

Metoda 1
Alinierea în text

Imaginea intitulată Centrează o imagine în HTML Pasul 1

Nu utilizați cuvântul "centru" în etichetă. În programarea HTML, puteți alinia textele cu "centru", dar pentru imagini, trebuie să utilizați cuvântul "mijloc". Deoarece o imagine nu este un element inline, trebuie identificată din relația cu celelalte elemente.

Imaginea intitulată Centrează o imagine în HTML Pasul 2

Porniți o nouă linie de cod. Introduceți o etichetă paragraf pentru a indica începutul unei linii noi. Începeți eticheta cu

și introduceți textul.

Imaginea intitulată Centrează o imagine în HTML Pasul 3

Pentru a introduce imaginea, introduceți PictureName.GIF. Apoi tastați alt = "descrierea imaginii" pentru a introduce descrierea imaginii.

Codul "src" informează site-ul cu adresa URL a imaginii.
Secțiunea "alt" informează titlul imaginii.

Imaginea intitulată Centrează o imagine în HTML Pasul 4

Specificați alinierea imaginii. Introduceți align = "middle"> la sfârșitul părții etichetei care se referă la imagine.

Imaginea intitulată Centrează o imagine în HTML Pasul 5

Adăugați mai multe texte. Apoi închideți eticheta cu

. O etichetă întreagă ar arăta astfel:

Învățăm să folosim codul HTML. Exemplul este terminat.

Metoda 2
Alinierea într-o etichetă de centrare

Imaginea intitulată Centrează o imagine în HTML Pasul 6

Creați un element nou și centrați-l. Puteți introduce imaginea în interiorul elementului centrat, dar acest lucru va crea spațiu suplimentar în jurul elementului.

Imaginea intitulată Centrează o imagine în HTML Pasul 7

Porniți o nouă linie de cod. Centrarea elementului din timp. Introduceți .

Imaginea intitulată Centrează o imagine în HTML Pasul 8

Adăugați eticheta pentru imagine. Introduceți câine de dans.

Imaginea intitulată Centrează o imagine în HTML Pasul 9

Specificați înălțimea și lățimea imaginii. Introduceți înălțime = "200" latime = "200">, sau introduceți valorile dorite. Aceasta este ultima parte a etichetei imaginii.

Imaginea intitulată Centrează o imagine în HTML Pasul 10

Finalizați eticheta cu . O etichetă întreagă ar arăta astfel:
.

avertismente

Rețineți că atât eticheta de aliniere, cât și eticheta de centrare pot fi depășite și nu vor fi utilizate în viitor. Deși acest lucru nu are o dată potrivită, eventual browserele vor înceta să le recunoască și va trebui să faceți upgrade site-ul dvs. la CSS sau HTML5.

Distribuiți pe rețelele sociale:

înrudit