HTML є основою Інтернету.
Керуйте вертикальним проміжком між рядками тексту в абзаці на веб-сторінці, щоб покращити візуальну презентацію. Якщо вам потрібно трохи додаткового простору, заповненого текстом, або потрібно втиснути трохи зайвого тексту в певний простір, ви можете використовувати теги HTML і CSS, щоб змінити міжрядковий інтервал відповідно до розміру. За допомогою кількох рядків коду ви можете налаштувати висоту міжрядкового інтервалу або «висота рядка» на своїй веб-сторінці.
Строгий HTML
Щоб створити відстань між рядками, яка виглядає правильно, або щоб розділ тексту ідеально вписувався в текстову область на сайті, використовуйте строгий HTML. Використовуйте тег "font", щоб створити такий код:
Відео дня
«150%» — це частина, яка збільшує відстань між рядками тексту. Замініть інші значення, щоб збільшити або зменшити інтервал.
Тег Span
Використовуйте теги span, щоб застосувати зміну висоти рядка до тексту, введеного між відкриттям і закриттям тегу. Кодування виглядає так само:
Текст сюди...
Використовуйте кількість пікселів, щоб встановити розмір шрифту замість відносних розмірів великого, середнього або малого. Використання точних вимірів розміру шрифту дає вам кращий контроль над текстом і дозволяє краще працювати міжрядковий інтервал.
Альтернативи CSS
Міжрядковий інтервал також можна встановити за допомогою каскадної таблиці стилів (CSS). CSS контролює будь-який елемент, до якого ви вирішите його застосувати, будь то ідентифікатор діапазону, який ви встановлюєте для окремого розділу тексту на сторінці, або цілого класу часто використовуваних елементів. Наприклад, якщо ви працюєте з сайтом блогу, ви можете створити клас для записів у блозі та встановити висоту рядка таблиці стилів для класу на 135%. Кожен запис у блозі матиме однакову висоту рядка. Код для встановлення "висоти рядка" в CSS такий:
{line-height: 150%;}
Контроль міжрядкового інтервалу WYSIWYG
Багато з цих проблем із кодуванням можна обійти за допомогою веб-редактора WYSIWYG або створення сайтів із онлайн-програм, таких як WordPress і Joomla, або безкоштовні інструменти для створення веб-сайтів, такі як Weebly, Wix і Місячний фрукт. Усі ці інструменти забезпечують текстові редактори, які позбавляють від здогадок і головоломок. Просте натискання кнопки миші і міжрядковий інтервал збільшуються так само, як якщо б ви писали документ у своєму улюбленому текстовому процесорі.
Більшість веб-редакторів, незалежно від того, наскільки WYSIWYG їхній інтерфейс, набагато легше використовувати, якщо ви вмієте кодувати, навіть якщо ви вважаєте, що кодуєте набагато менше, ніж раніше.
