logo

Kā izlīdzināt attēlu HTML

Ja mēs vēlamies pārvietot attēlu uz dažādām tīmekļa lapas vietām, izmantojot HTML tagu, mums ir jāveic tālāk norādītās darbības.

1. darbība: Pirmkārt, mums ir jāievada HTML kods jebkurā teksta redaktorā vai jāatver esošais HTML fails teksta redaktorā, kurā vēlamies līdzināt attēlu:

 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. darbība: Tagad novietojiet kursoru iekšpusē attēla tagu, kuru vēlamies līdzināt. Un tad mums ir jāizmanto img taga atribūts align, lai norādītu atrašanās vietu. Tātad mums ir jāievada līdzināšanas atribūts, kā aprakstīts nākamajā blokā.

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

3. darbība: Pēc atrašanās vietas norādīšanas mums ir jāsaglabā HTML kods un pēc tam jāpalaiž fails. Ir šādi dažādi HTML kodi, kas parāda attēlu rindkopā dažādās vietās:

1. Vidējais

Šī līdzinājuma vērtība iestata attēlu vidū.

 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> 
Izmēģiniet to tūlīt

Iepriekš minētā HTML koda izvade ir parādīta šajā ekrānuzņēmumā:

Kā izlīdzināt attēlu HTML

2. Augšpuse

Šī līdzinājuma vērtība iestata attēlu augšpusē.

 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> 
Izmēģiniet to tūlīt

Iepriekš minētā HTML koda izvade ir parādīta šajā ekrānuzņēmumā:

Kā izlīdzināt attēlu HTML

3. Apakšā

Šī līdzinājuma vērtība iestata attēlu apakšā.

 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> 
Izmēģiniet to tūlīt

Iepriekš minētā HTML koda izvade ir parādīta šajā ekrānuzņēmumā:

Kā izlīdzināt attēlu HTML

4. Pa kreisi

Šī līdzinājuma vērtība iestata attēlu kreisajā pusē.

 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> 
Izmēģiniet to tūlīt

Iepriekš minētā HTML koda izvade ir parādīta šajā ekrānuzņēmumā:

Kā izlīdzināt attēlu HTML

5. Pareizi

Šī līdzinājuma vērtība iestata attēlu labajā pusē.

 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> 
Izmēģiniet to tūlīt

Iepriekš minētā HTML koda izvade ir parādīta šajā ekrānuzņēmumā:

Kā izlīdzināt attēlu HTML