Dacă dorim să mutăm imaginea în diferite locații de pe pagina web folosind eticheta Html, trebuie să urmam pașii care sunt dați mai jos.

Pasul 1: În primul rând, trebuie să introducem codul HTML în orice editor de text sau să deschidem fișierul HTML existent în editorul de text în care dorim să aliniem o imagine:

 Align an Image Hello User! This page helps us to understandhow to specify an image at a particular position in a pargraph using the Html tag. <img src="//techcodeview.com/img/html-tutorial/33/how-align-image-html.webp"> 

Pasul 2: Acum, plasați cursorul în interiorul eticheta acelei imagini pe care vrem să o aliniem. Și apoi, trebuie să folosim atributul align al etichetei img pentru a specifica locația. Deci, trebuie să introducem atributul align așa cum este descris în blocul următor.

 <img src="//techcodeview.com/img/html-tutorial/33/how-align-image-html.webp" alt> 

Pasul 3: După ce am specificat locația, trebuie să salvăm codul Html și apoi să rulăm fișierul. Există următoarele coduri HTML care arată imaginea din paragraf în diferite locații:

1. Mijloc

Această valoare de aliniere setează imaginea în mijloc.

 Align an Image at middle Hello User! <p>This page helps us to understand how to align an image in Html. <img src="//techcodeview.com/img/html-tutorial/33/how-align-image-html.webp" alt> It is first section in this page which describes how to specify an image at middle in a pargraph using the Html tag.</p> 

Ieșirea codului HTML de mai sus este afișată în următoarea captură de ecran:

2. Sus

Această valoare de aliniere setează imaginea în partea de sus.

 Align an Image at Top Hello User! <p>This page helps us to understand how to align an image in Html. <img src="//techcodeview.com/img/html-tutorial/33/how-align-image-html.webp" alt> It is Second section in this page which describes how to specify an image at top in a paragraph using the Html tag.</p> 

Ieșirea codului HTML de mai sus este afișată în următoarea captură de ecran:

3. De jos

Această valoare de aliniere setează imaginea în partea de jos.

 Align an Image at bottom Hello User! <p>This page helps us to understand how to align an image in Html. <img src="//techcodeview.com/img/html-tutorial/33/how-align-image-html.webp" alt> It is third section in this page which describes how to specify an image at bottom in a paragraph using the Html tag.</p> 

Ieșirea codului HTML de mai sus este afișată în următoarea captură de ecran:

4 ramase

Această valoare de aliniere setează imaginea la stânga.

 Align an Image at left Hello User! <p>This page helps us to understand how to align an image in Html. <img src="//techcodeview.com/img/html-tutorial/33/how-align-image-html.webp" alt> It is fourth section in this page which describes how to specify an image at left side of a paragraph using the Html tag.</p> 

Ieșirea codului HTML de mai sus este afișată în următoarea captură de ecran:

5. Corect

Această valoare de aliniere setează imaginea la dreapta.

 Align an Image at Right Hello User! <p>This page helps us to understand how to align an image in Html. <img src="//techcodeview.com/img/html-tutorial/33/how-align-image-html.webp" alt> It is fifth section in this page which describes how to specify an image at right side of a paragraph using the Html tag.</p> 

Ieșirea codului HTML de mai sus este afișată în următoarea captură de ecran: