Jeśli chcemy przenieść obraz w inne miejsce na stronie internetowej za pomocą znacznika HTML, musimy wykonać kroki podane poniżej.
Krok 1: Na początek musimy wpisać kod HTML w dowolnym edytorze tekstu lub otworzyć w edytorze tekstu istniejący plik HTML, w którym chcemy wyrównać obraz:
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">
Krok 2: Teraz umieść kursor wewnątrz znacznik tego obrazu, który chcemy wyrównać. Następnie musimy użyć atrybutu wyrównania znacznika img do określenia lokalizacji. Musimy więc wpisać atrybut wyrównania w taki sam sposób, jak opisano w następnym bloku.
<img src="//techcodeview.com/img/html-tutorial/33/how-align-image-html.webp" alt>
Krok 3: Po określeniu lokalizacji musimy zapisać kod HTML i następnie uruchomić plik. Istnieją następujące różne kody HTML, które pokazują obraz w akapicie w różnych lokalizacjach:
1. Środek
Ta wartość wyrównania ustawia obraz pośrodku.
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>Przetestuj teraz
Dane wyjściowe powyższego kodu HTML pokazano na poniższym zrzucie ekranu:
2. Góra
Ta wartość wyrównania ustawia obraz na górze.
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>Przetestuj teraz
Dane wyjściowe powyższego kodu HTML pokazano na poniższym zrzucie ekranu:
3. Dół
Ta wartość wyrównania ustawia obraz na dole.
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>Przetestuj teraz
Dane wyjściowe powyższego kodu HTML pokazano na poniższym zrzucie ekranu:
4. W lewo
Ta wartość wyrównania ustawia obraz po lewej stronie.
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>Przetestuj teraz
Dane wyjściowe powyższego kodu HTML pokazano na poniższym zrzucie ekranu:
5. Jasne
Ta wartość wyrównania ustawia obraz po prawej stronie.
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>Przetestuj teraz
Dane wyjściowe powyższego kodu HTML pokazano na poniższym zrzucie ekranu:
