HTML Linia Przerwy i odstępy | Wyjaśnione

HTML Linia Przerwy i odstępy | Wyjaśnione
Akapit składa się z sekwencji zdań, które definiują określony temat. Może składać się z przestrzeni liniowych i przerw linii. Akapity muszą być zorganizowane i spójne i związane z tematem. Kiedy kodujemy akapit w HTML, przestrzenie i przerwy linii nie pojawiają się na stronie internetowej. Aby tak się stało, kilka elementów HTML służy celowi.

Wyniki tego bloga to:

  • Jak dodać akapit w HTML?
  • Jak dodać przerwy i odstępy w HTML?
  • Jak wyświetlać preformatowany tekst w HTML?

Jak dodać akapit w HTML?

W HTML, wewnątrz elementu ciała, utwórz element div o nazwie klasy „główny". Ten element zawiera

Tag, aby dodać trochę treści do strony HTML.

Oto kod:


Witamy w Linuxhint


Zastosujmy właściwości stylizacji CSS do elementów HTML.

Styl Main Div

.główny
szerokość: 400px;
kolor tła: bisque;
Wysokość: 150px;
Margines: Auto;
Text-Align: Center;
Wyściółka: 60px;
Font-Family: Verdana, Genewa, Tahoma, Sans-Serif;
Rozmiar czcionki: 20px;
Font-Weight: Bold;

Właściwości zastosowane do głównego wyjaśniono poniżej:

  • "szerokość”Właściwość ustawia szerokość elementu DIV na 400px.
  • "kolor tła”Zestawy właściwości/Zastosuj kolor tła do Bisque.
  • "wysokość”Właściwość ustawia wysokość elementu DIV na 150px.
  • "margines”Z wartością„automatyczny„Umieszcza równą przestrzeń wokół Div Main.
  • "tekst-align”Właściwość wyrównuje tekst w środku lub w połowie elementu.
  • "wyściółka”Atrybut z wartością„60px”Dodaje/zawiera przestrzenie 60px wokół zawartości elementu.
  • "rodzina czcionek”Jest ustawiony jako Sans-Serif, Genewa, Verdana, Tahoma. Ta lista stylów jest dostarczana, aby upewnić się, że jeśli przeglądarka nie obsługuje pierwszego stylu, inne zostaną zastosowane.
  • "rozmiar czcionki”Właściwość dostosowuje rozmiar tekstu do 20px.
  • "grubość czcionki„Własność o wartości Bold sprawia, że ​​czcionka śmiała.

Wyjście

Tak więc obraz wyraźnie pokazuje, że nie ma przerwy w linii.

Jak dodać przerwy i odstępy w HTML?

HTML "
”Tag, znany jako„przerwanie linii”Element, dodaje przerwę między liniami akapitu.

Przeanalizuj poniższy przykład!

Przykład 1: Dodaj przerwy linii i odstępy w prostej linii
Powyższy kod HTML jest modyfikowany przez dostarczanie
tag w

element taki:

Witamy w
Linuxhint

W rezultacie przerwa linii zostanie dodana po pierwszych dwóch słowach akapitu:

W następnym przykładzie zobaczymy praktyczną implementację dodawania przerw linowych i odstępów w wierszu.

Przykład 2: Dodaj przerwy linii i odstępy w wierszu
Wiersz składa się z przerwy na linii, aby ustawić rytm wiersza. Przerwy na linii służą również funkcji reprezentowania, gdzie przyspieszyć, zwolnić i więcej. Użyliśmy więc wiersza jako przykładu.

Pierwsza część wyświetla tylko wiersz bez żadnych pęknięć i właściwości odstępów. W następnej sekcji dodamy właściwości, aby zobaczyć różnicę:


„Nadzieja” to pierzastka rzecz -
To siedzi w duszy -
I śpiewa melodię, nie mówiąc nic -
I nigdy nie przestaje -

Początkowo wiersz zostanie wyświetlony, jak pokazano poniżej:

Teraz, na końcu każdej linii, umieściliśmy
tagi, a także celowo dodały jedną przestrzeń linii między liniami.

Html

„Nadzieja” to pierzastka rzecz -

To siedzi w duszy -

I śpiewa melodię, nie mówiąc nic -

I nigdy nie przestaje -

Można zauważyć, że
Tag z powodzeniem przełamał linię. Mimo to nie dodano miejsca na jedną linię:

Aby poradzić sobie z tą konkretną sytuacją, HTML

 Tag można wykorzystać.

Jak wyświetlać preformatowany tekst w HTML?

HTML "

„Element jest wykorzystywany do określenia preformatowanego tekstu i wyświetlania treści, ponieważ jest napisany w HTML. Zawiera właściwości przestrzeni liniowych, a także przerw na linii. 

Teraz dodaj poprzedni kod HTML w ramach

 etykietka:


„Nadzieja” to pierzastka rzecz -
To siedzi w duszy -
I śpiewa melodię, nie mówiąc nic -
I nigdy nie przestaje -

Wyjście

W ten sposób możemy zapewnić przestrzenie i przerwy na naszej stronie HTML.

Wniosek

W HTML pomijane są przestrzenie i przerwy w linii. Aby dodać je do dokumentu, użyj przerw linii HTML i elementów kosmicznych. Przerwanie linii może być określone przez „
”Tag i wyświetlanie zawartości z odstępem od linii i przerwami, HTML”

”Tag jest używany. Ten blog oferował instrukcje dodawania przerw linowych i miejsca w dokumencie HTML.