Z reguły bloki tekstu oddzielane są akapitami (akapitami). Domyślnie między akapitami znajduje się niewielka pionowa przerwa, zwana spacją. Składnia tworzenia akapitów jest następująca.

Ustęp 1

Ustęp 2

Każdy akapit zaczyna się od tagu

I kończy się opcjonalnym tagiem zamykającym

W każdej książce wcięcie pierwszego wiersza, zwane także „czerwoną linią”, służy do wyróżnienia następnego akapitu. Dzięki temu czytelnik może łatwo szukać Nowa linia i tym samym zwiększa czytelność tekstu. Na stronie internetowej ta technika zwykle nie jest stosowana, ale do oddzielania akapitów stosuje się dopełnienie.

Przykład 7.1 pokazuje użycie akapitów do tworzenia wcięć między wierszami.

Przykład 7.1. Korzystanie z akapitów

W niektórych miejscach jest jeszcze luty, w innych już kwiecień.

Czas mija, wieczne odliczanie: rok po roku, wiek po stuleciu...

We wszystkim – w jego niespiesznym tempie, w jego czarnym jak smoła biegu.

W roku jest dwadzieścia pięć tygodni radości i smutku.

Minęło dwadzieścia pięć tygodni lutego i dwadzieścia pięć tygodni kwietnia.

Przez dwadzieścia pięć tygodni stulecia mijają we mgle.

Moja dźwięczna farsa leci gdzieś w stronę chmur.

M. Szczerbakow

Wynik ten przykład pokazany na ryc. 7.1.

Ryż. 7.1. Wcięcie na stronie internetowej podczas używania akapitów

Jak widać na rysunku, podczas korzystania z tagu

Pomiędzy akapitami jest ich za dużo duże wcięcia. Możesz się ich pozbyć, jeśli dodasz tag na końcach wierszy:
. W przeciwieństwie do akapitu, znacznik podziału wiersza
nie tworzy dodatkowych odstępów pionowych między wierszami i można go zastosować w prawie każdym tekście.

Zatem tekst przykładu 7.1, uwzględniając podziały wierszy, zostanie przekształcony w następujący sposób (przykład 7.2).

Przykład 7.2. Etykietka

W niektórych ogrodach kwitną migdałowce, w innych szaleją śnieżyce.
W niektórych miejscach jest jeszcze luty, w innych już kwiecień.
Czas mija, wieczne odliczanie: rok po roku, wiek po stuleciu...
We wszystkim – w jego niespiesznym tempie, w jego czarnym jak smoła biegu.
W roku jest dwadzieścia pięć tygodni radości i smutku.
Minęło dwadzieścia pięć tygodni lutego i dwadzieścia pięć tygodni kwietnia.
Przez dwadzieścia pięć tygodni stulecia mijają we mgle.
Moja dźwięczna farsa leci gdzieś w stronę chmur.

M. Szczerbakow

Wynik przykładu pokazano na ryc. 7.2. Można zauważyć, że odstępy między wierszami tekstu zmniejszyły się i zyskał on bardziej zwarty wygląd.

Aby nadać mu określony styl, należy umieścić tekst w odpowiednim pojemniku.

Wszystkie tagi formatujące można podzielić na trzy grupy:

1. Tagi tytułowe ( h1-h6).

2. Tagi projektu tekstu treści ( , , ,

, 
 itp.).
3. Grupowanie tagów ( 

, 

, 

)

Tagi tytułowe
Zamieniają zwykły tekst w nagłówek określonego poziomu.  Etykietka 

 tworzy nagłówek pierwszego poziomu – największy i najważniejszy (zazwyczaj tytuł artykułu na stronie), 

 odpowiada za nagłówek szóstego poziomu - najmniejszy i najbardziej niepozorny.  Tagi te są ważne zarówno dla użytkowników, jak i wyszukiwarek – obie uwielbiają nagłówki z podtytułami.  Należy przestrzegać hierarchii poziomów, tj. 

 muszę iść 

, a nie odwrotnie.

Aby zrozumieć jak to działa, wpisz następujący kod do pliku HTML:
 
Nagłówek pierwszego poziomu
Nagłówek drugiego poziomu
Nagłówek trzeciego poziomu
Nagłówek czwartego poziomu
Nagłówek poziomu 5
Nagłówek poziomu szóstego

W przeglądarce będzie to wyglądać następująco:
Tagi projektu tekstu treści
Umożliwia formatowanie na poziomie znaku.  Przyjrzyjmy się, co można z nimi zrobić.
Pogrubiona czcionka
Trzeba było skupić uwagę na tekście.  Jest to również ważne dla wyszukiwarek, które mogą wyróżniać słowa kluczowe.
Odpowiedzialny za odważne tagi stylu 
 I .

Indeks górny i dolny
Można je stosować we wzorach, równaniach i oznaczaniu niektórych wielkości.
Tag odpowiada za tworzenie indeksów dolnych 
, dla tych najwyższych używany jest tag 
.
X 1=32 m 2
Redukcja
Jeśli chcesz, aby tekst był o jeden mniejszy niż ustawiona wartość na całej stronie, musisz użyć tagu 

Zwykły tekst. Zredukowany tekst.
Podkreślać
Tego typu wyróżnianie można wykorzystać do wskazania zmian dokonanych w dokumencie lub po prostu zwrócenia uwagi na tekst.
Zwykły tekst. Podkreślony tekst.
Przekreślenie
Możesz przekreślić informacje, jeśli straciły już na znaczeniu.  To jest tag do tego 
.
Kursywa
Jest potrzebny, aby skupić uwagę na tekście i można go utworzyć za pomocą tagu 
 Lub 
.

Komputerowe wprowadzanie tekstu
Zdarza się, że trzeba dodać na stronę WWW kod źródłowy programu i wyniki jego pracy.  Aby ułatwić wizualne odróżnienie od siebie poszczególnych części tekstu, twórcy języka HTML wprowadzili znaczniki tej grupy.
Do pojemnika 
 zawiera kod programu, a jego zmienne są wyróżnione znacznikiem 
, a wynikiem wykonania jest 
.  Pojemnik 
 zawiera tekst, który użytkownik musi wpisać z klawiatury podczas pracy z programem oraz wszystko, co jest ujęte w znaczniki 
, oszczędza oryginalny format, w tym dodatkowe spacje i podziały linii.

  Zatem a, b, c, Tutaj wynik wykonania programu , a to jest użytkownik wprowadził tekst 
wyświetliło coś takiego
.

Cytaty i definicje
Kod programu będzie wyglądał 
 Zatem 
, zmienne są oznaczone w następujący sposób: 
 a, b, c 
, Tutaj 
 wynik wykonania programu 
, a to jest 
 użytkownik wprowadził tekst 
.  Zachowaj oryginalne formatowanie 
 wyświetliło coś takiego 

.

 
Cytat w tagu blockquote.
Cytat w pojemniku z cytatami.Krótki cytat oznaczony tagiem q.Dedykowana definicja.Skrót (NPO, IP).

Ogólny przykład
Aby lepiej zrozumieć za co odpowiada każdy tag i jak działa, spójrz na poniższy kod i wynik jego wykonania.
 
Tłuszczowy tekst można przekształcić w znaczniki mocny I B.  Za kursywa odpowiedź oni I I.
Tagi pod I pić małymi łykami używany do tworzenia niżej(X 1…X N) I górny (42=16) indeksy. Del przekreśla, w - podkreśla.
Tagi kod, kbd, odm I kukurydzianka są rzadko używane i są potrzebne do wyświetlania list programów
 skrócone potrzebne do wskazania skrótów ( HTML).  Tagi blockquote, cite i q służą do formatowania cudzysłowów ( Niebo oddychało już jesienią)
Znacznik wstępny zachowuje oryginalne formatowanie tekstu bez usuwania spacji i łamania wierszy.

Przeglądarka interpretuje ten kod w następujący sposób:

Grupowanie tagów
Konieczne jest, aby tekst nie płynął w jednej ciągłej linii, ale był podzielony na logiczne elementy.
Wewnątrz tagów znajduje się akapit.
 
Pierwszy paragraf
Akapit drugi


Etykietka 

 dokonuje przejścia do następna linia wewnątrz akapitu (przed wierszem nie będzie wcięcia).

 pozwala rysować linia pozioma.  Można go użyć do wyraźniejszego oddzielania tekstu.  Atrybuty szerokość, rozmiar, kolor, wyrównywać I noszak ustaw odpowiednio szerokość, grubość, kolor, wyrównanie i brak efektu 3D linii.
 
Linia nad linią. 
Linia pod linią.

Można ustawić czerwoną linię HTML 4 różne sposoby.  Choć jednocześnie pewne standardy dla tego zjawiska dany język nie zapewnia programowania, więc nie ma żadnych ograniczeń w tym zakresie.  W tym artykule użyjemy niestandardowego zestawu narzędzi do stworzenia czerwonej linii.
Pierwsza metoda
Warto zacząć od najpopularniejszej metody.  Tylko w tym przypadku konieczne jest zastosowanie tabel kaskadowych, ponieważ CSS jest nierozerwalnie związany z językiem znaczniki hipertekstowe.  Czerwoną linię HTML można ustawić za pomocą właściwości „text-indent”.  Wystarczy wskazać wymagany element oraz odległość, która zostanie zastosowana do wcięcia lewej strony dokumentu.  Na przykład wpisanie: „p (wcięcie tekstu: 20px;)” oznacza, że ​​w każdym akapicie zostanie umieszczona czerwona linia o długości 20 pikseli.  Jako element, dla którego określasz wartość, możesz użyć dowolnego bloku tekstu.  Faktycznie ta nieruchomość nie ustawia czerwonej linii, ale po prostu wskazuje wcięcie pierwszej linii wybranego elementu.  Ale kto zauważy różnicę?  Właściwość „text-indent” może przyjmować trzy wartości różne rodzaje wartości:
Dowolna ogólnie przyjęta jednostka miary, na przykład px (piksele), in (cale), pt (punkty) i inne.
Wartość procentowa.  W w tym przypadku brana jest pod uwagę odległość od elementu macierzystego.
Dziedziczyć.  Kiedy określono podana wartość właściwość zostanie odziedziczona z elementu nadrzędnego.
2. metoda
W HTML-czerwony linię można ustawić bez łączenia tabel kaskadowych.  Wystarczy umieścić go przed pierwszym znakiem kod źródłowy strony z kilkoma spacjami.  Wystarczy użyć znaków specjalnych, a mianowicie „ ”, ponieważ jeśli wstawisz zwykłą spację, pod uwagę zostanie wzięta tylko jedna.  I używanie tego symbolu możesz ustawić wymagane wcięcie.  Taka czerwona linia HTML nie będzie miała zastosowania globalnego i będziesz musiał ręcznie dodać wszystkie spacje.  Ten minus znacznie Cię obciąży podczas pracy duża ilość dokumenty.  Ta metoda spowoduje również stwierdzenie, że kod strony jest nieprawidłowy.
Trzecia metoda
Wniosek
Podsumowując, możemy powiedzieć, że HTML wraz z CSS pozwala na tworzenie szerokiej gamy efektów.  Czasami właściwości i elementy nie są wykorzystywane zgodnie z ich przeznaczeniem, ale nie należy od nich zbytnio odstępować wartość standardowa tagi
Jeść różne sposoby Ustawienia HTML wcięcie przed tekstem.  Ale dla kompatybilności z różne przeglądarki i dostępność, omówimy najpopularniejsze metody:

Aby uzyskać wcięcie przed tekstem lub akapitem, lepiej użyć CSS.  Poniżej znajdują się przykłady odsuwania etykiet przy użyciu kaskadowych arkuszy stylów.  Wklej każdy z poniższych przykładów kodu pomiędzy tagami HTML .
Poniższy kod tworzy „zakładkę” klasy CSS, która przesuwa znaki i akapity o 40 pikseli od lewej krawędzi:

Wklejając powyższy kod do sekcji , możesz go wykonać w dowolnym miejscu, dodając go do znaczników akapitu ( 
) jak pokazano niżej:
Zakładka Próbka

Jeśli planujesz zastosować ten styl na wielu stronach, lepiej utworzyć plik .css i połączyć go ze wszystkimi stronami internetowymi.  Aby wciąć HTML, dodaj następujący wiersz pomiędzy tagami i utwórz łącze do pliku.  Nazwaliśmy to” podstawowy.css«:

Po utworzeniu pliku CSS otwórz go do edycji i dodaj ten sam kod oprócz tagu

Jadąc przez las, książę Andriej kilka razy spoglądał wstecz na ten dąb.  Pod dębem rosły kwiaty i trawa, a on wciąż stał pośrodku nich, ponury, nieruchomy, brzydki i uparty. 


Wynik:
Jadąc przez las, książę Andriej kilka razy spoglądał wstecz na ten dąb.  Pod dębem rosły kwiaty i trawa, a on wciąż stał pośrodku nich, ponury, nieruchomy, brzydki i uparty.
Teraz możesz z łatwością zrób czerwoną linię na swojej strony HTML
.  Do zobaczenia!