Alinierea ceva în HTML

Corectarea corectă necesită utilizarea CSS (Cascading Style Sheets) pentru a alinia lucrurile în HTML, dar nu toate site-urile vă permit să personalizați foile de stil pentru a alinia modul corect părți ale paginii dvs. web. Aflați cum să aliniați ceva în HTML pentru a apărea așa cum doriți, chiar dacă nu puteți adăuga o foaie de stil site-ului pentru a face acest lucru. Această tehnică se numește CSS inline.

conținut

Pași
Metoda 1aliniați textul cu html
Metoda 2aliniați imaginile cu html
Sfaturi
Surse și cotatii

pași

Metoda 1
Aliniați textul cu HTML

Imagine intitulată Alinierea a ceva în HTML Pasul 1

Înconjurați fiecare secțiune care va avea alinierea modificată cu eticheta "div". Aceasta înseamnă că este necesar să se adauge "div" în simbolurile "mai puțin de" (<) e "maior que" (>) înainte de primul marker HTML care va avea alinierea sa schimbată.

Imaginea intitulată Alinierea ceva în HTML Pasul 2

Determinați cum trebuie să modificați alinierea textului pe "div".

Imagine intitulată Alinierea ceva în HTML Pasul 3

Dacă trebuie să aliniați textul spre stânga, schimbați eticheta "div" astfel încât următorul text să fie între "<>„: div style = `text-align: left`.

Dacă trebuie să aliniați textul spre dreapta, schimbați eticheta "div" în "div style = `text-align: right" "în interiorul simbolurilor"<>“.
Dacă trebuie să aliniați textul la mijloc, schimbați eticheta "div" în "div style = `text-align: center" "în interiorul simbolurilor"<>“.
Dacă trebuie să justificați textul, schimbați eticheta "div" în "div style = `text-align: justify`" în interiorul simbolurilor "<>“.

Imaginea intitulată Aliniați ceva în HTML Pasul 4

Salvați modificările.

Imaginea intitulată Aliniați ceva în HTML Pasul 5

Verificați aspectul conținutului dvs. pentru a vă asigura că alinierea a funcționat.

Dacă nu a funcționat, atunci site-ul are o codificare specifică în foaia de stil care înlocuiește "div". Înlocuiți foaia de stil pentru site-ul respectiv adăugând versiunea corespunzătoare "style =" text-align: right "" în interiorul etichetei de deschidere a fiecărui element, astfel încât alinierea sa să fie modificată. De exemplu, o etichetă "p" ar deveni "p style =" text-align: right "" în interiorul simbolurilor "<>“.

Imagine intitulată Alinierea a ceva în HTML Pasul 6

Distrează-te că te-ai arătat exact așa cum ți-ai dori.

Metoda 2
Aliniați imaginile cu HTML

Imagine intitulată Alinierea a ceva în HTML Pasul 7

Găsiți codul HTML pentru imaginea pe care doriți să o aliniați.

Imaginea intitulată Alinierea ceva în HTML Pasul 8

Editați eticheta "img" pentru a adăuga la ea proprietatea "float" corespunzătoare.

Dacă aveți nevoie de imaginea care urmează să fie lăsată, adăugați tag-ul "style = `float: left`" astfel încât acesta să fie "img style = `float: left"<>“.
Dacă aveți nevoie ca imaginea să fie pe partea dreaptă, adăugați "tag = float: right" la etichetă, astfel încât "img style = `float: right"<>“.
Dacă aveți nevoie ca imaginea să fie în centru, codul este un pic mai complicat. Nu există niciun element float: proprietatea centrală, deci trebuie să adăugați tag-ul "style =" align: center-text-align: center "astfel încât să rămână" center-text-align: center "", din nou cu simbolurile "<>“.

Imaginea intitulată Aliniați ceva în HTML Pasul 9

Salvați codul.

Imagine intitulată Alinierea a ceva în HTML Pasul 10

Bucurați-vă de imaginile aliniate!

sfaturi

Este posibil să fi văzut eticheta "p align = `center`" (în cadrul <>) pentru a modifica alinierea textului. Evitați-l pentru că este depășit și este doar o chestiune de timp înainte ca browserele majore să nu mai accepte acest lucru.
Instrucțiunile privind modul de aliniere a imaginilor cu HTML vă vor permite, de asemenea, să aliniați secțiunile cu HTML. Înconjurați secțiunea cu marcaje div, ca și în instrucțiunile privind modul de aliniere a textului cu HTML. Adăugați proprietatea "float" atât în etichetele "div", cât și în etichetele "img" din direcțiile de aliniere a imaginii.
Dacă codul nu este afișat corect în nici un fel, este posibil ca site-ul să aibă un filtru, să ia orice codare HTML. Cu toate acestea, este de asemenea posibil să lipsească o punct și virgulă, un semn "mai mare decât" sau "mai puțin decât" sau coduri de referință în codare, iar orice care lipsește va împiedica funcționarea codului. Verificați acest lucru, mai ales dacă un anumit cod este aplicat corect în anumite locuri și nu în altele.