W HTML możemy łatwo dodać linię poziomą do dokumentu na różne sposoby:
- Korzystanie z tagu HTML
- Korzystanie z wewnętrznego CSS
Korzystanie z HTML
Jeśli chcemy dodać linię poziomą w dokumencie HTML za pomocą Znacznik HTML , następnie musimy wykonać kroki podane poniżej. Wykonując te kroki, możemy łatwo dodać linię:
Krok 1: Na początek musimy wpisać kod HTML w dowolnym edytorze tekstu lub otworzyć w edytorze tekstu istniejący plik HTML, w którym chcemy dodać poziomą linię.
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.
Krok 2: Teraz umieść kursor w miejscu, w którym chcemy dodać linię w dokumencie HTML. A potem musimy skorzystać z
tag HTML w tym momencie.
<hr>
Krok 3: Teraz musimy dodać atrybuty
znacznik, który określa rozmiar, kolor i szerokość linii. Musimy więc wpisać atrybut rozmiaru, szerokości i koloru w pliku
etykietka.
<hr>
Krok 4: Następnie musimy określić wartości tych atrybutów.
<hr>
Krok 5: I na koniec musimy zapisać kod HTML, a następnie uruchomić plik w przeglądarce.
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.Przetestuj teraz
Dane wyjściowe powyższego kodu HTML pokazano na poniższym zrzucie ekranu:
Korzystanie z wewnętrznego CSS
Jeśli chcemy dodać linię poziomą w dokumencie HTML przy użyciu wewnętrznego arkusza stylów, musimy wykonać kroki podane poniżej. Wykonując te kroki, możemy łatwo dodać linię:
Krok 1: Na początek musimy wpisać kod HTML w dowolnym edytorze tekstu lub otworzyć w edytorze tekstu istniejący plik HTML, w którym chcemy dodać poziomą linię.
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.
Krok 2: Teraz musimy umieścić kursor zaraz po zamknięciu tagu tytułu w pliku etykieta na głowę dokumentu HTML, a następnie zdefiniuj style w pliku tag, jak pokazano w następnym bloku. Następnie musimy wpisać znacznik CSS hr, aby nadać styl linii poziomej.
Add the Line using Internal CSS. hr { } Krok 3: Teraz musimy zdefiniować atrybuty tagu hr CSS. Zatem zdefiniujemy różne atrybuty w następującym bloku:
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; } Krok 4: Teraz musimy wpisać
znacznik w treści dokumentu HTML, aby pokazać poziomą linię na stronie internetowej. I na koniec pozostaje nam zapisać plik HTML, a następnie uruchomić go w przeglądarce internetowej.
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. Przetestuj teraz Dane wyjściowe powyższego kodu HTML pokazano na poniższym zrzucie ekranu:
