Обяснение на това какво е предварително форматиран текст в HTML

Когато добавяте текст към HTML кода за уеб страница, да речем в елемент на абзац, нямате почти никакъв контрол върху това къде ще се счупят тези редове текст или разстоянието, което ще се използва. Това е така, защото уеб браузърът ще предава текста, както е необходимо, въз основа на областта, която го съдържа. Това включва отзивчиви уебсайтове който ще има много плавно оформление, което се променя въз основа на размер на екрана се използва за преглед на страницата. HTML текстът ще прекъсне ред, където е необходимо, след като достигне края на съдържащата си област. В крайна сметка браузърът играе по-голяма роля за определяне на начина, по който текстът се счупва, отколкото вие.

По отношение на добавянето на интервал за създаване на определен формат или оформление, HTML не разпознава интервала, който се добавя към кода, включително връщане на интервал, раздел или карета. Ако поставите двадесет интервала между една дума и думата, която идва след нея, браузърът ще изобрази само едно пространство там. Това е известно като колапс на бялото пространство и всъщност е една от концепциите на HTML, с която първоначално се борят много нови за индустрията. Те очакват HTML интервалите да работят по начина, по който го правят в програма като Microsoft Word, но изобщо не става така като HTML интервалите.

В повечето случаи нормалното боравене с текст във всеки HTML документ е точно това, от което се нуждаете, но в други В действителност може да искате по-голям контрол върху това как точно се разнася текстът и къде се прекъсва линии. Това е известно като предварително форматиран текст (с други думи вие диктувате формата). Можете да добавите предварително форматиран текст към вашите уеб страници с помощта на HTML.

 Използвайки 
 Етикет 

Преди много години беше обичайно да се виждат уеб страници с блокове с предварително форматиран текст. Използвайки 
 таг за дефиниране на раздели на страницата, както е форматиран от самото въвеждане, беше бърз и лесен начин за уеб дизайнерите да накарат текста да се показва така, както те искаха. Това беше преди появата на CSS за оформление, когато уеб дизайнерите наистина бяха останали, опитвайки се да принудят оформлението с помощта на таблици и други само HTML методи. Това (доста) работи обратно, защото предварително форматираният текст се дефинира като текст, в който структурата се определя от типографски конвенции, а не от HTML изобразяване. 

Днес този маркер не се използва толкова много, защото CSS ни позволява да диктуваме визуални стилове по много по-ефективен начин от опитите да принудим появата в нашия HTML и защото уеб стандартите диктуват ясно разделяне на структурата (HTML) и стиловете (CSS). И все пак може да има случаи, в които предварително форматиран текст има смисъл, като за пощенски адрес, където искате да принудите прекъсванията на редове или за примери за поезия, където прекъсванията на редове са от съществено значение за четенето и цялостния поток на съдържание. 

Ето един начин за използване на HTML 
 етикет: 

Типичният HTML свива празното пространство в документа. Това означава, че връщането на каретката, интервалите и символите на табулатори, използвани в този текст, ще бъдат свити в едно пространство. Ако сте въвели горния цитат в типичен HTML таг като маркера p (абзац), ще получите един ред текст, като този: 

Twas brillig и хлъзгавите бухалки направиха извивка и бъркотия в wabe. 

Предмаркировката оставя символите за празно пространство, както е Така че прекъсванията на редове, интервалите и разделите се поддържат при изобразяването на това съдържание в браузъра. Поставяне на цитата в a 
 етикет за същия текст би довел до този дисплей: 
Twas brillig и хлъзгавите бухалки
Направих вихрушка
в
на
wabe
 По отношение на шрифтовете 

The 
 tag не само поддържа интервалите и прекъсванията за текста, който пишете. В повечето браузъри той е написан с монопространствен шрифт. Това прави символите в текста еднакви по ширина. С други думи, буквата i заема толкова място, колкото буквата w. 

Ако предпочитате да използвате друг шрифт вместо този по подразбиране, който се показва в браузъра, можете да промените това с стилови листове и изберете всяка друга шрифт искате да се визуализира текстът. 
 HTML5 

Едно нещо, което трябва да имате предвид, е, че в HTML5 атрибутът "width" вече не се поддържа за 
 елемент. В HTML 4.01 ширината определя броя на символите, които даден ред ще съдържа, но това е отпаднало за HTML5 и по-нататък.