Щоб змінити вигляд тексту існує досить велика кількість різних тегів. Це й не дивно, адже текст найпопулярніший вигляд інформації.
Особливості тексту в HTML
Перш ніж редагувати код веб-сторінки, варто взяти до уваги деякі особливості, які притаманні HTML при роботі з текстом.
Будь-яка кількість прогалин йдуть підряд, в браузері відображається як один
Скільки б ви не поставили пробілів між словами, це ніяк не вплине на кінцевий вигляд тексту. Це ж правило відноситься до символів табуляції і переносу тексту. Тому не ставте зайвих прогалин, оскільки це лише збільшить загальний обсяг файлу, але ніяк не змінить вигляд документа в браузері. Наведені нижче рядки будуть відображатися на веб-сторінці однаково, незважаючи на їх різне написання.
<p> Виміряй мікрометрів. Відзначай крейдою. Відрубували сокирою. </p> <p> Виміряй мікрометрів. Відзначай крейдою. Відрубували сокирою. </p> <p> Виміряй мікрометрів. Відзначай крейдою. Відрубували сокирою. </p>
Винятком з цього правила є тег <pre> , усередині якого будь-яке число прогалин матиме такий самий вигляд, як воно зазначено в коді.
Немає переносів в тексті
HTML не підтримує розстановку переносів в словах, як це роблять текстові редактори, інакше кажучи, все слова пишуться цілком без їх розбиття. Ця умова несуттєво, поки не використовується вирівнювання тексту по ширині. У цьому випадку блок тексту вирівнюється по лівому і правому краю. Короткі рядки при цьому розтягуються за рахунок автоматичного додавання пробілів між словами. Іноді порожні блоки між словами настільки великі, що псують зовнішній вигляд сторінки і погіршують читабельність тексту.
Уявіть, що у вас в середині речення є яке-небудь довге слово, ось наприклад « Дегідроепіандростерон » . В текстовому редакторі це слово буде перенесено по складах так, щоб текст зайняв зазначену ширину, а на веб-сторінці подібне слово буде відображатися цілком, без переносів.
Текст займає ширину вікна браузера
якщо ви просто напишете одну довгу рядок в коді HTML, то в браузері вона буде відформатована, щоб текст помістився по ширині в вікно. Перенесення тексту будуть додані автоматично в місцях пропуску або дефіса. Що станеться, якщо в тексті немає ні того, ні іншого символу? Браузер не зможе створити переноси і відобразить текст одним рядком. Якщо вона ширше вікна браузера, то неминуче з'явиться горизонтальна смуга прокрутки.