Hvis vi ønsker å flytte bildet til de forskjellige stedene på nettsiden ved hjelp av HTML-koden, må vi følge trinnene som er gitt nedenfor.
Trinn 1: For det første må vi skrive inn HTML-koden i et hvilket som helst tekstredigeringsprogram eller åpne den eksisterende HTML-filen i tekstredigeringsprogrammet der vi vil justere et bilde:
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">
Steg 2: Plasser nå markøren inne i taggen til bildet som vi ønsker å justere. Og så må vi bruke align-attributtet til img-taggen for å spesifisere plasseringen. Så vi må skrive inn align-attributtet som det samme som beskrevet i den følgende blokken.
<img src="//techcodeview.com/img/html-tutorial/33/how-align-image-html.webp" alt>
Trinn 3: Etter å ha spesifisert plasseringen, må vi lagre HTML-koden og deretter kjøre filen. Det er følgende forskjellige HTML-koder som viser bildet i avsnittet på de forskjellige stedene:
1. Midt
Denne justeringsverdien setter bildet i midten.
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>Test det nå
Utdataene fra HTML-koden ovenfor vises i følgende skjermbilde:
2. Topp
Denne justeringsverdien setter bildet øverst.
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>Test det nå
Utdataene fra HTML-koden ovenfor vises i følgende skjermbilde:
3. Bunn
Denne justeringsverdien setter bildet nederst.
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>Test det nå
Utdataene fra HTML-koden ovenfor vises i følgende skjermbilde:
4 igjen
Denne justeringsverdien setter bildet til venstre.
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>Test det nå
Utdataene fra HTML-koden ovenfor vises i følgende skjermbilde:
5. Høyre
Denne justeringsverdien setter bildet til høyre.
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>Test det nå
Utdataene fra HTML-koden ovenfor vises i følgende skjermbilde:
