logo

A kép igazítása HTML-ben

Ha a képet a HTML címkével a weboldal különböző helyeire szeretnénk mozgatni, akkor az alábbi lépéseket kell követnünk.

1. lépés: Először is be kell írnunk a HTML kódot bármelyik szövegszerkesztőbe, vagy meg kell nyitnunk a meglévő HTML-fájlt a szövegszerkesztőben, amelyben egy képet szeretnénk igazítani:

 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. lépés: Most helyezze a kurzort a címkéje annak a képnek, amelyet igazítani szeretnénk. Ezután az img címke align attribútumát kell használnunk a hely megadásához. Tehát az align attribútumot a következő blokkban leírtak szerint kell beírnunk.

 <img src="//techcodeview.com/img/html-tutorial/33/how-align-image-html.webp" alt> 

3. lépés: A hely megadása után el kell mentenünk a HTML kódot, majd futtatnunk kell a fájlt. A következő különféle HTML-kódok a bekezdésben lévő képet a különböző helyeken jelenítik meg:

1. Közép

Ez az igazítási érték középre állítja a képet.

 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> 
Tesztelje most

A fenti HTML-kód kimenete a következő képernyőképen látható:

A kép igazítása HTML-ben

2. Felső

Ez az igazítási érték a képet a tetejére állítja.

 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> 
Tesztelje most

A fenti HTML-kód kimenete a következő képernyőképen látható:

A kép igazítása HTML-ben

3. Alul

Ez az igazítási érték a képet alul állítja be.

 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> 
Tesztelje most

A fenti HTML-kód kimenete a következő képernyőképen látható:

A kép igazítása HTML-ben

4 maradt

Ez az igazítási érték a képet a bal oldalon állítja be.

 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> 
Tesztelje most

A fenti HTML-kód kimenete a következő képernyőképen látható:

A kép igazítása HTML-ben

5. Helyes

Ez az igazítási érték a jobb oldali képet állítja be.

 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> 
Tesztelje most

A fenti HTML-kód kimenete a következő képernyőképen látható:

A kép igazítása HTML-ben