В HTML можем лесно да добавим хоризонталната линия в документа, като използваме следните различни начини:
- Използване на Html таг
- Използване на вътрешния CSS
Използване на Html
Ако искаме да добавим хоризонталната линия в Html документа, използвайки Html таг , тогава трябва да следваме стъпките, дадени по-долу. Използвайки тези стъпки, можем лесно да добавим реда:
Етап 1: Първо, трябва да напишем Html кода във всеки текстов редактор или да отворим съществуващия Html файл в текстовия редактор, в който искаме да добавим хоризонталната линия.
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: Сега поставете курсора в точката, където искаме да добавим реда в Html документа. И тогава трябва да използваме
етикет на Html в този момент.
<hr>
Стъпка 3: Сега трябва да добавим атрибутите на
таг, който определя размера, цвета и ширината на линията. Така че трябва да напишем атрибута размер, ширина и цвят в рамките на
етикет.
<hr>
Стъпка 4: И тогава трябва да посочим стойностите на тези атрибути.
<hr>
Стъпка 5: И накрая, трябва да запазим Html кода и след това да стартираме файла в браузъра.
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.Тествайте сега
Резултатът от горния Html код е показан на следната екранна снимка:
Използване на вътрешния CSS
Ако искаме да добавим хоризонталната линия в Html документа с помощта на вътрешния стилов лист, тогава трябва да следваме стъпките, дадени по-долу. Използвайки тези стъпки, можем лесно да добавим реда:
Етап 1: Първо, трябва да напишем Html кода във всеки текстов редактор или да отворим съществуващия Html файл в текстовия редактор, в който искаме да добавим хоризонталната линия.
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: Сега трябва да поставим курсора точно след затварящия етикет за заглавие в етикет за глава на Html документа и след това дефинирайте стиловете вътре в етикет, както е показано в следващия блок. След това трябва да напишем CSS тага hr за стилизиране на хоризонталната линия.
Add the Line using Internal CSS. hr { } Стъпка 3: Сега трябва да дефинираме атрибутите на hr CSS тага. И така, ще дефинираме различните атрибути в следния блок:
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: Сега трябва да напишем
таг в тялото на Html документа, за да покаже хоризонталната линия на уеб страницата. И накрая, трябва да запазим Html файла и след това да стартираме файла в интернет браузъра.
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. Тествайте сега Резултатът от горния Html код е показан на следната екранна снимка:
