Текст, разстояния и нови редове

Как браузърът интерпретира текст, интервали и нови редове

Браузърът не зачита автоматично нов ред и множество интервали, написани в HTML кода. Всички последователни интервали се свеждат до един, а натискането на Enter не създава нов ред при визуализация. Ако искате реален нов ред или повече разстояние, трябва изрично да го укажете със специални HTML елементи или символи.

Как да повторите показаното в урока

1. Напишете текст на два реда в HTML файла (например име и професия) и го отворете в браузър – ще се покаже на един ред.
2. Добавете много интервали между две думи – браузърът отново ще ги сведе до един.
3. За нов ред добавете таг br на мястото, където искате пренасяне.
4. За повече разстояние използвайте няколко пъти специалния символ   (non-breaking space).
5. Ако искате да изпишете триъгълни скоби в текст, използвайте < за < и > за >.

Използвани HTML елементи и символи

• br – създава нов ред (self-closing таг без съдържание).
•   – добавя интервал, който не се слива с други и не се пренася.
• < – визуализира лява триъгълна скоба <.
• > – визуализира дясна триъгълна скоба >.

Разбирането на това поведение е ключово, за да контролирате точно как текстът изглежда в уеб страницата.

Инструкция за гледане на уроците:

1. Изгледайте видеоурока.
2. Повторете показаното в урока.
3. Решете тестовете към урока (това отключва следващия урок).
4. Задайте въпрос, ако имате такъв.
5. Преминете към следващият урок.