logo

Kako poravnati sliku u HTML-u

Ako želimo premjestiti sliku na različita mjesta na web stranici pomoću Html oznake, moramo slijediti korake koji su navedeni u nastavku.

Korak 1: Prvo moramo utipkati Html kod u bilo kojem uređivaču teksta ili otvoriti postojeću Html datoteku u uređivaču teksta u kojem želimo poravnati sliku:

 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"> 

Korak 2: Sada postavite kursor unutar oznaku te slike koju želimo poravnati. Zatim, moramo upotrijebiti atribut align oznake img za određivanje lokacije. Dakle, moramo upisati atribut poravnanja kao što je opisano u sljedećem bloku.

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

Korak 3: Nakon što odredimo lokaciju, moramo spremiti Html kod i zatim pokrenuti datoteku. Postoje sljedeći različiti Html kodovi koji prikazuju sliku u odlomku na različitim mjestima:

1. Sredina

Ova vrijednost poravnanja postavlja sliku u sredinu.

 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> 
Testirajte sada

Izlaz gornjeg Html koda prikazan je na sljedećoj snimci zaslona:

Kako poravnati sliku u HTML-u

2. Vrh

Ova vrijednost poravnanja postavlja sliku na vrh.

 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> 
Testirajte sada

Izlaz gornjeg Html koda prikazan je na sljedećoj snimci zaslona:

Kako poravnati sliku u HTML-u

3. Dno

Ova vrijednost poravnanja postavlja sliku na dno.

 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> 
Testirajte sada

Izlaz gornjeg Html koda prikazan je na sljedećoj snimci zaslona:

Kako poravnati sliku u HTML-u

4. Lijevo

Ova vrijednost poravnanja postavlja sliku s lijeve strane.

 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> 
Testirajte sada

Izlaz gornjeg Html koda prikazan je na sljedećoj snimci zaslona:

Kako poravnati sliku u HTML-u

5. Točno

Ova vrijednost poravnanja postavlja sliku s desne strane.

 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> 
Testirajte sada

Izlaz gornjeg Html koda prikazan je na sljedećoj snimci zaslona:

Kako poravnati sliku u HTML-u