Правилно използване на нови редове и интервали в HTML

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

Най-важни Erkenntnisse

• HTML игнорира излишни празнини и прекъсвания на реда в изходния код.
• За прекъсвания на реда ти е необходим
  -тег, за да ги покажеш действително.
• Твърде много празнини се редуцират от HTML до една единствена.

• ---

  -тег може да бъде използван за добавяне на разделителни линии в документите ти.

Ръководство стъпка по стъпка

За да разбереш по-добре използването на празнини и прекъсвания на реда в HTML, следвай следните стъпки стъпка по стъпка.

1. Създаване на нов HTML документ

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

2. Проста структуриране на текстовете

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

3. Въвеждане на прекъсвания на реда

За да използваш ефективно прекъсванията на реда, трябва да използваш <br>-тега. Този тег се използва, за да се направи внезапно прекъсване на реда. Можеш да го вмъкнеш лесно в текста си, където желаеш прекъсване на реда.

4. Добавяне на празнини

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

5. Използване на <hr>-тега за разделителни линии

В допълнение към прекъсванията на реда, има и възможност да добавиш разделителни линии в документа си. Това се постига с <hr>-тега. Тази разделителна линия прави визуалните секции в HTML документа ти ясно разпознаваеми. Можеш лесно да тестваш изпълнението на <hr>-тега в HTML документа си и по-късно да го настройваш с CSS.

Резюме – Основи на празнините и прекъсванията на реда в HTML

В това ръководство научи как да приложиш празнини и прекъсвания на реда в HTML. HTML може да бъде често объркващ, особено що се отнася до представянето на текст. Сега знаеш, че трябва да използваш
<br>-тега за да генерираш прекъсвания на реда и че HTML намалява излишните празнини до една единствена. Също така, ти стана известна функцията на <hr>-тега за създаване на разделителни линии.