Če želimo sliko premakniti na različna mesta na spletni strani z uporabo oznake Html, moramo slediti korakom, ki so navedeni spodaj.
Korak 1: Najprej moramo v kateri koli urejevalnik besedil vnesti kodo Html ali v urejevalniku besedil odpreti obstoječo datoteko Html, v kateri želimo poravnati sliko:
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">
2. korak: Zdaj postavite kazalec znotraj oznako tiste slike, ki jo želimo poravnati. In potem moramo uporabiti atribut align oznake img za določitev lokacije. Torej moramo vnesti atribut poravnave, kot je opisano v naslednjem bloku.
<img src="//techcodeview.com/img/html-tutorial/33/how-align-image-html.webp" alt>
3. korak: Ko določimo lokacijo, moramo shraniti kodo Html in nato zagnati datoteko. Obstajajo naslednje različne kode Html, ki prikazujejo sliko v odstavku na različnih lokacijah:
1. Sredina
Ta vrednost poravnave nastavi sliko na sredino.
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>Preizkusite zdaj
Rezultat zgornje kode Html je prikazan na naslednjem posnetku zaslona:
2. Vrh
Ta vrednost poravnave nastavi sliko 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>Preizkusite zdaj
Rezultat zgornje kode Html je prikazan na naslednjem posnetku zaslona:
3. Dno
Ta vrednost poravnave nastavi sliko 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>Preizkusite zdaj
Rezultat zgornje kode Html je prikazan na naslednjem posnetku zaslona:
4. Levo
Ta vrednost poravnave nastavi sliko na levi.
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>Preizkusite zdaj
Rezultat zgornje kode Html je prikazan na naslednjem posnetku zaslona:
5. Prav
Ta vrednost poravnave nastavi sliko na desni.
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>Preizkusite zdaj
Rezultat zgornje kode Html je prikazan na naslednjem posnetku zaslona:
