HTML Pre Tag

HTML Pre Tag
Pisząc dowolną treść na stronie HTML, używamy różnych elementów, takich jak

etykietka,

,

,

tagi i więcej. Jednak te znaczniki często pomijają przestrzenie i przerwy w linii wymienione w zdaniach. HTML zapewnia nam obiekt do dodawania przerw linowych za pomocą
I


tagi, ale czas na dodanie
tag w każdym wierszu jeden po drugim. Tak więc, aby wyświetlać przestrzenie w tekście, na przykład w wierszach lub blokach kodu, HTML
 Tag jest wykorzystywany. 

Ten przewodnik wyjaśni HTML

 etykietka. A więc zacznijmy!

Co to jest tag html?

HTML "

”Tag, znany również jako preformatowany element tekstowy, wyświetla tekst preformatowany na stronie internetowej. Mówiąc dokładniej, preformated oznacza, że ​​tekst będzie wyświetlany zgodnie z kodem na stronie HTML i nie pominie żadnych przerw przestrzeni i linii z tekstu.

Składnia

 

W powyższej składni, pierwszym przed-tagiem jest znacznik otwierający, podczas gdy drugi to znacznik zamykający.

Przykład: Jak dodać znacznik pre -tag w HTML?
Wyświetlmy zapytanie SQL na stronie internetowej. Przed zanurzeniem się w przykładzie pokazującym działanie HTML

 tag, najpierw zobaczymy, jak 

Tag wyświetli zapytanie.

Najpierw w HTML dodaj

tag do nagłówka. Następnie dodaj

Tag, który zawiera przykładowy kod zapytania SQL, jak wspomniano w poniższym kodzie HTML:

Zapytanie SQL w celu utworzenia tabeli



Utwórz Tabela Table_name (
Kolumna_1 BataType,
Kolumna_2 danych,
Kolumna_3 DataType
);

Obecnie strona internetowa wygląda tak:

Z powyższego obrazu widać, że przestrzenie i przerwy linii zostały pominięte w kodzie. Aby wyświetlić tekst taki, jaki jest, HTML zapewnił nam

 etykietka.

W HTML dodaj element DIV z nazwą klasy „główny". Wewnątrz elementu div, dodaj

tag dla nagłówka i „

„Tag, który zawiera zapytanie SQL:


Zapytanie SQL w celu utworzenia tabeli



Utwórz Tabela Table_name (
Kolumna_1 BataType,
Kolumna_2 danych,
Kolumna_3 DataType
);

Podając wyżej wymieniony kod, otrzymamy wynik w następujący sposób:

Teraz zastosuj style zgodnie z wyborem.

Styl Main Div

.główny
Rozmiar czcionki: 15px;
Szerokość: 90%;
Wysokość: 150px;
Margines: Auto;
Wyściółka: 8px;
kolor tła: RGB (245, 183, 27);
Border: 3px przerywany turkusowy;

Wyjaśnienie właściwości CSS podanych powyżej znajduje się poniżej:

  • "rozmiar czcionki„Właściwość jest wykorzystywana do ustawienia rozmiaru czcionki elementu.
  • "szerokość”Ustawia szerokość elementu DIV.
  • "wysokość”Właściwość określa wysokość elementu.
  • "margines”Właściwość dodaje przestrzenie wokół elementu DIV.
  • "wyściółka„Właściwość dodaje przestrzeń wokół zawartości elementu lub wewnątrz granicy.
  • "kolor tła„Właściwość dodaje kolor tła elementu.
  • "granica„Obiekt ustawia granicę wokół elementu z szerokością granicy, stylem granicy i kolorem granicy.

Podając wyżej wymieniony kod, element DIV będzie wyglądał tak:

Z powodzeniem nauczyliśmy się HTML

 tag za pomocą przykładu.

Wniosek

HTML

 Tag jest wykorzystywany do wyświetlania preformatowanego tekstu na stronie internetowej. Utrzymuje właściwość, aby dodać przestrzeń i przerwy linii na stronie HTML. Aby lepiej zrozumieć, ten post zawierał przewodnik związany z wykorzystaniem HTML 
 Tag z praktycznym przykładem.