Розрив рядка в html: використовуємо тег br
Під час форматування тексту часто виникає потреба додати новий абзац, але без порожнього рядка, яку вставляє тег абзацу
. Крім того, іноді потрібно в точності зберегти форматування попереднього тексту, яке тег
"категорично" скасовує. Нерідко доводиться розбивати один абзац на кілька частин, пов`язаних між собою логічно.
Для деяких фрагментів тексту прийняті для абзаців стандартні інтервали просто недоречні. Це можуть бути написи під картинками і в таблицях, вірші, цитати, виноски та примітки.
Для примусового перенесення рядків передбачений спеціальний тег, функція якого закладена в його назві br (break row - "розірвати ряд, рядок"). тег
мови гіпертекстової розмітки html означає, що все йде за ним вміст повинен починатися з нового рядка. Якщо потрібно, можна проставити кілька тегів поспіль, щоб домогтися необхідного інтервалу.
тег
не чутливий до регістру і не вимагає закриває тега, тому що це порожній елемент, але краще звикати закривати всі теги. У XHTML тег розриву повинен бути "наглухо закритий" на зворотний слеш.
Відео: HTML для початківців. Урок 5. Перенесення рядка html.
Приклад використання тега розриву
Відео: Що таке теги HTML? Теги p і br
Відео: Урок 4. Теги форматування тексту (b, strong, i, u, br, strike, h1-h6, sub, sup.)
lt; рgt; Прогул на службі
Ще ніде і ніколи
Я не був настільки поганим
Начальства жадібна орда
Гризе мене живим
Прогул на службі
Ще ніде і ніколи
Я не був настільки поганим.
Начальства жадібна орда
Гризе мене живим.
Атрибут тега
Єдиний атрибут, яким володіє html тег
, називається Clear ("очистити"). Він вказує браузеру, як вчинити з яку переносять рядком, якщо тексту доведеться обтікати так званий плаваючий елемент, яким може бути, наприклад, зображення з атрибутом вирівнювання align, що використовують значення right / left, або блок в CSS, якому прописано властивість float.
У специфікаціях по XHTML 1.0 / HTML 4.01 атрибут clear можна використовувати тільки з Transitional, Frameset і , інакше код буде неробочим.
Властивості атрибута тега
Ефект від застосування атрибута clear залежить від його значення і розташування обтічного текстом плаваючого елементу. Атрибут може приймати 4 значення:
Відео: Як зробити таблицю в HTML? Атрибути colspan, rowspan та інші. # 44.
Значення left забороняє обтікання елемента, вирівняного по лівому краю, тому текст, "спіткнувшись" про тег
, розташується нижче зображення або іншого плаваючого елементу.
Точно такий результат вийде від використання аргументу all, який ні за що не дозволить тексту обтікати картинку ні праворуч, ні ліворуч.
Значення right забороняє тексту обтікання елемента, вирівняного по правому краю, тому після тега
тексту не залишиться нічого іншого, як обійти зображення, огинаючи його справа.
Значення none ("ні вашим, ні нашим") Взагалі знімає всі повноваження з атрибута clear, і тег
мовчки переносить рядок вниз.
Значення за замовчуванням, як таке, у атрибута clear тега відсутній.
тег
- це варіант переносу
Тег розриву рядка дуже зручний для створення необхідних інтервалів між абзацами, всередині яких він використовується як варіант переносу, але не як засіб для поділу тексту на абзаци.
Не слід занадто захоплюватися тегом розриву рядків для форматування тексту, тому що результати його застосування не завжди відрізняються витонченістю.
Наприклад, якщо використовувати тег
для розриву рядків усередині абзацу, це може привести до появи "гребінки" у вікні користувача, якщо воно менше вікна, на яке орієнтувався веб-майстер.
