Cum să centrați o imagine utilizând programarea HTML

click fraud protection
...

Utilizați CSS pentru a specifica aspectul paginii Web.

Un codificator de pagini Web folosește Hypertext Markup Language pentru a spune browserului Web scopul funcțional al fiecărui element dintr-o pagină, cum ar fi un paragraf, un titlu sau o listă. Începând cu HTML 4, foile de stil în cascadă au oferit codificatorului o modalitate de a spune browserului cum ar trebui să arate fiecare dintre aceste elemente, separat de definirea a ceea ce sunt. O pagină poate avea diferite stiluri CSS pentru diferite tipuri de dispozitive, cum ar fi telefoanele mobile și computerele desktop, permițând modificarea aspectului paginii fără ca codificatorul să fie nevoie să schimbe codul HTML. Utilizați proprietăți CSS pentru a centra o imagine.

Pasul 1

Plasați eticheta „img” în fișierul HTML unde doriți să fie afișată imaginea dvs. pe pagina Web. Trebuie să fie între etichetele „body” și după etichetele „h1”. De exemplu,

Videoclipul zilei

Acesta este textul tău.

O descriere a imaginii

definește o imagine numită photo.jpg care are 170 pixeli lățime și 50 pixeli înălțime. Este primul lucru de pe pagină după titlul de sus.

Pasul 2

Utilizați atributul CSS „margină” pentru a defini spațiul din jurul elementelor paginii, cum ar fi imaginile. Valoarea „auto” pentru atributul margine îi spune browserului web să determine automat cantitatea de spațiu. Asa de, O descriere a imaginii definește că spațiul din jurul imaginii este determinat de browser.

Pasul 3

Utilizați proprietatea „display” pentru a defini modul în care este afișat un element de pagină. Valoarea „bloc” pentru proprietatea de afișare îi spune browserului web să afișeze elementul pe propria linie, cu spațiu deasupra și dedesubt. Asa de, O descriere a imaginii definește aceeași imagine, dar adăugarea de „display: block;” acum îl plasează pe propria linie.

Pasul 4

Vizualizați pagina Web în mai multe browsere diferite pentru a verifica dacă imaginea este centrată corect.

Bacsis

Includeți descrierea imaginii într-o etichetă „alt”. Acest lucru face pagina dvs. mai accesibilă pentru cititorii cu deficiențe de vedere și vă asigură că codul dvs. respectă standardele. O descriere a imaginii