Se vogliamo spostare l'immagine in diverse posizioni sulla pagina web utilizzando il tag Html, dobbiamo seguire i passaggi indicati di seguito.
Passo 1: Per prima cosa dobbiamo digitare il codice Html in un qualsiasi editor di testo oppure aprire il file Html esistente nell'editor di testo in cui vogliamo allineare un'immagine:
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">
Passo 2: Ora posiziona il cursore all'interno di tag di quell'immagine che vogliamo allineare. E poi, dobbiamo usare l'attributo align del tag img per specificare la posizione. Quindi, dobbiamo digitare l'attributo align come descritto nel blocco seguente.
<img src="//techcodeview.com/img/html-tutorial/33/how-align-image-html.webp" alt>
Passaggio 3: Dopo aver specificato la posizione, dobbiamo salvare il codice Html e quindi eseguire il file. Di seguito sono riportati vari codici Html che mostrano l'immagine nel paragrafo nelle diverse posizioni:
1. Medio
Questo valore di allineamento imposta l'immagine al centro.
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>Provalo adesso
L'output del codice HTML sopra è mostrato nella seguente schermata:
2. In alto
Questo valore di allineamento imposta l'immagine in alto.
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>Provalo adesso
L'output del codice HTML sopra è mostrato nella seguente schermata:
3. In basso
Questo valore di allineamento imposta l'immagine in basso.
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>Provalo adesso
L'output del codice HTML sopra è mostrato nella seguente schermata:
4 rimanenti
Questo valore di allineamento imposta l'immagine a sinistra.
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>Provalo adesso
L'output del codice HTML sopra è mostrato nella seguente schermata:
5. Giusto
Questo valore di allineamento imposta l'immagine a destra.
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>Provalo adesso
L'output del codice HTML sopra è mostrato nella seguente schermata:
