HTML Pre Tag

Tagi formatowania tekstu HTML obejmują bardzo szeroki zakres. Ważna znacznik formatowania tekstu w HTML jest znany jako znacznik „przed”. Ten znacznik służy do wyświetlania tekstu na stronie internetowej, tak jak został zapisany w skrypcie HTML. Oznacza to, że twój skrypt HTML lub przeglądarka nie sformatują twojego tekstu samodzielnie; Zamiast tego zachowa formatowanie, które prowadziłeś podczas pisania skryptu. Przechodząc do tego przewodnika, nauczysz się używać znacznika precyzyjnego w HTML.

Zastosowanie znacznika pre -w HTML:

Aby użyć znacznika przed HTML, możesz rozważyć następujące trzy przykłady:

Przykład nr 1: Wyświetlanie losowego tekstu wstępnie uformowanego na stronie internetowej:

W tym przykładzie zamierzamy wyświetlić losowy tekst wstępnie uformowany na stronie internetowej, korzystając z poziomu HTML. Skrypt HTML, który napisaliśmy do tego celu, pokazano na poniższym obrazku:

W tym skrypcie HTML użyliśmy znacznika „przed”, aby zamieścić w nim losowy akapit. Możesz zobaczyć, że ten akapit zawiera przestrzenie i przerwy w losowych miejscach. Naszym celem jest sprawienie, aby ten tekst pojawił się tak, jak na stronie internetowej. Właśnie dlatego skorzystaliśmy z tag.

Kiedy wykonaliśmy skrypt HTML pokazany powyżej z przeglądarką Google Chrome, nasz tekst pojawił się dokładnie tak, jak na stronie internetowej, jak widać z następującego obrazu. Oznacza to, że formatowanie tego tekstu, ja.mi., losowe przestrzenie i przerwy liniowe zostały ładnie zachowane z powodu użycia html pre -tag.

Przykład nr 2: Wyświetlanie obrazu na stronie internetowej:

W drugim przykładzie pójdziemy o krok dalej i spróbujemy narysować obraz, używając html Pre Tag. Zamierzamy wyświetlić krowę na naszej stronie internetowej, z czego użyliśmy skryptu HTML pokazanego poniżej:

W tym przykładzie narysowaliśmy krowę w naszym skrypcie HTML, używając różnych symboli. Chcieliśmy zachować formatowanie tego rysunku, ponieważ zamknęliśmy go w ramach HTML.

Kiedy wykonaliśmy ten skrypt HTML, nasz rysunek pojawił się, ponieważ znajduje się na stronie internetowej, jak pokazano na poniższym obrazie:

Przykład nr 3: Wyświetlanie obrazu bez znacznika przed HTML na stronie internetowej:

W tym przykładzie nieznacznie zmodyfikujemy nasz drugi skrypt, aby zobaczyć efekt usunięcia znacznika pre -z tego skryptu HTML. Jest to pokazane na poniższym obrazku:

Kiedy wykonaliśmy ten sam skrypt z przeglądarką Google Chrome po usunięciu znacznika przed HTML, formatowanie naszego rysunku zostało pomieszane i musimy zobaczyć tylko kilka rozproszonych symboli na stronie internetowej, jak pokazano na poniższym obrazku. Podkreśla to znaczenie używania znacznika Pre w HTML.

Wniosek:

Ten artykuł miał na celu dokładne zrozumienie tagu pre -tag w HTML. Aby właściwie przekazać tę koncepcję, udostępniliśmy Ci trzy szczegółowe przykłady, które korzystają z tego znacznika HTML. Po przejrzeniu tych przykładów szybko nauczysz się używać tego tagu w HTML.