Jei norime perkelti vaizdą į skirtingas tinklalapio vietas naudodami HTML žymą, turime atlikti toliau nurodytus veiksmus.
1 žingsnis: Pirmiausia turime įvesti HTML kodą bet kuriame teksto rengyklėje arba atidaryti esamą HTML failą teksto rengyklėje, kurioje norime sulygiuoti vaizdą:
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 žingsnis: Dabar padėkite žymeklį viduje to vaizdo, kurį norime sulygiuoti, žymą. Tada, norėdami nurodyti vietą, turime naudoti img žymos atributą align. Taigi, turime įvesti lygiavimo atributą taip, kaip aprašyta kitame bloke.
<img src="//techcodeview.com/img/html-tutorial/33/how-align-image-html.webp" alt>
3 veiksmas: Nurodę vietą, turime išsaugoti HTML kodą ir paleisti failą. Yra šie įvairūs HTML kodai, kurie rodo vaizdą pastraipoje skirtingose vietose:
1. Vidurys
Ši lygiavimo reikšmė nustato vaizdą viduryje.
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>Išbandykite dabar
Aukščiau pateikto HTML kodo išvestis rodoma šioje ekrano kopijoje:
2. Viršus
Ši lygiavimo reikšmė nustato vaizdą viršuje.
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>Išbandykite dabar
Aukščiau pateikto HTML kodo išvestis rodoma šioje ekrano kopijoje:
3. Apačia
Ši lygiavimo reikšmė nustato vaizdą apačioje.
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>Išbandykite dabar
Aukščiau pateikto HTML kodo išvestis rodoma šioje ekrano kopijoje:
4. Kairė
Ši lygiavimo reikšmė nustato vaizdą kairėje.
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>Išbandykite dabar
Aukščiau pateikto HTML kodo išvestis rodoma šioje ekrano kopijoje:
5. Teisingai
Ši lygiavimo reikšmė nustato vaizdą dešinėje.
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>Išbandykite dabar
Aukščiau pateikto HTML kodo išvestis rodoma šioje ekrano kopijoje:
