Cum de a centra imaginea în html (cu ilustraţii)

Atribut Alinia Etichetă Razmatranje Capăt cu Apariţia html5. Deşi acest atribut Funcţionează înc în majoritatea web, se recomandă aliniebea Imaginilor utiljizâd mese de stil cascadă (CSS). În acest articol vă Vom Spune sperma Să Centraţi Imaginile cu etichetă css şi depăşită Alinia.

Pasi

Metoda 1 DIN 2:

CSS (recomandat)

un. Adăugaţi codul html pentru zamislite. Pentru A Alinia Imaginea, Veţi Folosi Foi de Stil Cascading (CSS), DAR VA Trebui Să o uvodi PE pagină utilizâb. URMătorul este exemplu de utilizare a etichetei Pentru predstaviti magginea în cod:

  Src ="Chine.Jpg" alt ="Aceara este o zamislite unui c -" clasa ="Centru">

U Loc de Chine.Jpg Potpontrold numele Fişierului Zamislite şi După "Alt" Cuntheaţi oortere -. Centru Pentru "Clasă" nu se schimbă deoarece veţi crea o clasă css cu acest nume.

2. Găsiţi CODUL CSS. Dacă postoji un fişier css separat pere, deschideţi-l. DACă NU, CODUL CSS ELE Cel Mai Probabil Localizat în Atea de Sus Fixirului html din interijer . Defilaţi în partiji des fişierului pentrua găsi etichete .

Dacă tagov Nu, adăugaţi-le. Citit Acest articol, Pentru a Obţine Mai Multi Informaţii.

3. Adăugaţi la codul css pentru a Alinia imaginea. În loc de "50%", puteţi predstaviti o Altă Valoare, Astfel încât Imaginea să Apartă PE Pagină. Kerater imaginea cu valoarea "100%" NU VA Funcţiona, astfel încât Acest Număr Ar Trebui să fie dicerit.

.Centar {afişaj: blokare-margine-stâng: auto-margine-dreapta: auto-lăţime: 50% -}

4. Salvaţi Modificările fă slatka. Salvaţi Fişierul Html şi Fişierul CSS (DACă EST). Deci, Centraţi Imaginea.

De asemenea, în internirul tagov Poete Adauga clasa ="Centru", Pentru acterge Alte Imagini.

Metoda 2 DIN 2:

Atributul "poravnaj" în html

un. Creaţi Un nou paragraf. Deşi acaastă metodă de centrare a imaginilor este u obzir, depăşită, încă. Cu zanatimati. Amintiţi-vă că atributul Alinia Centrat Imaginea Numai îN interijer Elentlului Care îl îconjoară (de Exemplu, în interijeru Etichetelor Sau ). CA Exemplu înttr-Un Fişier HTML, Vom Crea Un Nou Paragraf Prin adăugarea Ple o linie separată.

2. Adăugaţi codul html pentru zamislite. Upovediteţi URMătorul Cod După etichetă . Utilizaţi Acest Exemplu Cahid:


 Src ="Chine.Jpg" alt ="Zamisliti" poravnati ="Mijloc">

U Loc de Chine.Jpg Potpontrold numele Fişierului Zamislite şi După "Alt" Cuntheaţi oortere -.

Atributul "Middle" Informează Bromerul Că Imaginea Trebuie afişată în Centrul Paginii.

3. Închideţi eticheta de paragraf. Pentru lica acest dodatak După Arta Clibului de Etichete. CODUL FINIT AR Trebui Să arate Astfel:


 Src ="Chine.Jpg" alt ="Zamisliti" poravnati ="Mijloc">

4. Salvaţi Modificările fă slatka. Deci, Centraţi Imaginea.