Ако желимо да преместимо слику на различите локације на веб страници помоћу Хтмл ознаке, морамо да следимо кораке који су дати у наставку.
Корак 1: Прво, морамо да укуцамо Хтмл код у било ком уређивачу текста или да отворимо постојећу Хтмл датотеку у уређивачу текста у којој желимо да поравнамо слику:
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: Сада, поставите курсор унутар ознаку те слике коју желимо да поравнамо. А затим, морамо да користимо атрибут алигн ознаке имг за одређивање локације. Дакле, морамо да откуцамо атрибут алигн као што је описано у следећем блоку.
<img src="//techcodeview.com/img/html-tutorial/33/how-align-image-html.webp" alt>
Корак 3: Након што одредимо локацију, морамо да сачувамо Хтмл код и затим покренемо датотеку. Постоје следећи различити ХТМЛ кодови који приказују слику у параграфу на различитим локацијама:
1. Средњи
Ова вредност поравнања поставља слику у средину.
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>Тестирајте одмах
Излаз горњег Хтмл кода је приказан на следећем снимку екрана:
2. Врх
Ова вредност поравнања поставља слику на врх.
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>Тестирајте одмах
Излаз горњег Хтмл кода је приказан на следећем снимку екрана:
3. Дно
Ова вредност поравнања поставља слику на дну.
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>Тестирајте одмах
Излаз горњег Хтмл кода је приказан на следећем снимку екрана:
4 лево
Ова вредност поравнања поставља слику са леве стране.
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>Тестирајте одмах
Излаз горњег Хтмл кода је приказан на следећем снимку екрана:
5. Тачно
Ова вредност поравнања поставља слику са десне стране.
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>Тестирајте одмах
Излаз горњег Хтмл кода је приказан на следећем снимку екрана:
