Ak chceme presunúť obrázok na rôzne miesta na webovej stránke pomocou značky Html, musíme postupovať podľa krokov, ktoré sú uvedené nižšie.
Krok 1: Najprv musíme zadať Html kód v ľubovoľnom textovom editore alebo otvoriť existujúci Html súbor v textovom editore, v ktorom chceme zarovnať obrázok:
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 umiestnite kurzor dovnútra tag toho obrázku, ktorý chceme zarovnať. A potom musíme použiť atribút align značky img na určenie polohy. Takže musíme zadať atribút align rovnako, ako je popísané v nasledujúcom bloku.
<img src="//techcodeview.com/img/html-tutorial/33/how-align-image-html.webp" alt>
Krok 3: Po zadaní umiestnenia musíme uložiť Html kód a následne spustiť súbor. Existujú nasledujúce rôzne Html kódy, ktoré zobrazujú obrázok v odseku na rôznych miestach:
1. Stred
Táto hodnota zarovnania nastaví obrázok do stredu.
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>Vyskúšajte to
Výstup vyššie uvedeného kódu Html je zobrazený na nasledujúcej snímke obrazovky:
2. Hore
Táto hodnota zarovnania nastaví obrázok na vrch.
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>Vyskúšajte to
Výstup vyššie uvedeného kódu Html je zobrazený na nasledujúcej snímke obrazovky:
3. Spodná časť
Táto hodnota zarovnania nastaví obrázok na spodok.
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>Vyskúšajte to
Výstup vyššie uvedeného kódu Html je zobrazený na nasledujúcej snímke obrazovky:
4. Vľavo
Táto hodnota zarovnania nastaví obrázok vľavo.
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>Vyskúšajte to
Výstup vyššie uvedeného kódu Html je zobrazený na nasledujúcej snímke obrazovky:
5. Správne
Táto hodnota zarovnania nastaví obrázok vpravo.
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>Vyskúšajte to
Výstup vyššie uvedeného kódu Html je zobrazený na nasledujúcej snímke obrazovky: