У ХТМЛ-у можемо лако додати хоризонталну линију у документ на следеће различите начине:
- Коришћење ХТМЛ ознаке
- Коришћење интерног ЦСС-а
Коришћење ХТМЛ
Ако желимо да додамо хоризонталну линију у Хтмл документ користећи Хтмл ознака , онда морамо да следимо кораке који су дати у наставку. Користећи ове кораке, лако можемо додати линију:
Корак 1: Прво, морамо да откуцамо Хтмл код у било ком уређивачу текста или да отворимо постојећу Хтмл датотеку у уређивачу текста у који желимо да додамо хоризонталну линију.
Add the Line using Html tags This page helps you to understand how to add the line in Html document. And, this section helps you to understand how to add the line using the Html tags.
Корак 2: Сада поставите курсор на место где желимо да додамо линију у ХТМЛ документ. И онда морамо да користимо
таг ХТМЛ-а у том тренутку.
<hr>
Корак 3: Сада морамо додати атрибуте
таг, који дефинише величину, боју и ширину линије. Дакле, морамо да откуцамо атрибут величине, ширине и боје унутар
таг.
<hr>
4. корак: И онда морамо навести вредности ових атрибута.
<hr>
5. корак: И, коначно, морамо да сачувамо Хтмл код, а затим да покренемо датотеку у претраживачу.
Add the Line using Html tags This page helps you to understand how to add the line in Html document. <hr> And, this section helps you to understand how to add the line using the Html tag.Тестирајте одмах
Излаз горњег Хтмл кода је приказан на следећем снимку екрана:
Коришћење интерног ЦСС-а
Ако желимо да додамо хоризонталну линију у Хтмл документ помоћу унутрашњег листа стилова, онда морамо да следимо кораке који су дати у наставку. Користећи ове кораке, лако можемо додати линију:
Корак 1: Прво, морамо да откуцамо Хтмл код у било ком уређивачу текста или да отворимо постојећу Хтмл датотеку у уређивачу текста у који желимо да додамо хоризонталну линију.
Add the Line using Internal CSS. This page helps you to understand how to add the line in Html document. And, this section helps you to understand how to add the line using the Internal Cascading Style Sheet.
Корак 2: Сада морамо да поставимо курсор одмах након затварања ознаке наслова у ознака главе ХТМЛ документа, а затим дефинише стилове унутар ознаку као што је приказано у следећем блоку. А онда морамо да откуцамо хр ЦСС ознаку за стилизовање хоризонталне линије.
Add the Line using Internal CSS. hr { } Корак 3: Сада морамо да дефинишемо атрибуте хр ЦСС ознаке. Дакле, ми ћемо дефинисати различите атрибуте у следећем блоку:
Add the Line using Internal CSS. hr { width: 80%; height: 2px; background-color: pink; margin-bottom: 7px; margin-right: auto; margin-left: auto; margin-top: 9px; border-width: 4px; border-color: blue; } 4. корак: Сада морамо да откуцамо
таг у телу Хтмл документа да би се приказала хоризонтална линија на веб страници. И, коначно, морамо да сачувамо Хтмл датотеку, а затим да покренемо датотеку у Интернет претраживачу.
Add the Line using Internal CSS. hr { width: 80%; height: 2px; background-color: pink; margin-bottom: 7px; margin-right: auto; margin-left: auto; margin-top: 9px; border-width: 4px; border-color: blue; } This page helps you to understand how to add the line in Html document. <hr> And, this section helps you to understand how to add the line using the Internal Cascading Style Sheet. Тестирајте одмах Излаз горњег Хтмл кода је приказан на следећем снимку екрана:
