Напівжирне накреслення
Накресленням тексту називають збільшення товщини ліній шрифту і відповідно контрасту. Зазвичай розрізняють чотири види накреслення:
- світле;
- нормальне;
- напівжирне;
- жирне.
Однак за допомогою HTML можна встановити тільки нормальне і жирне накреслення. Щоб зберегти текст жирного накреслення застосовується два тега: <b> і <strong> .
<b>Жирне накреслення шрифту</b> <strong>Сильне виділення тексту</strong>
Накреслення курсив
Курсивний шрифт являє собою не просто нахил окремих символів, для деяких шрифтів це повна переробка під новий стиль, що імітує рукописний. Курсив для тексту визначають два тега: <i> і <em> .
<i> Курсив шрифту </i> <em> Виділення тексту </em>
Теги фізичної і логічної розмітки
Варто зазначити, що теги <b> і <strong> , також як <i> і <em> хоча і схожі за своєю дією, є не зовсім еквівалентними і взаємозамінними.
Перший тег <b> — є тегом фізичної розмітки і встановлює жирне накреслення тексту, а тег <strong> — тегом логічної розмітки і виділяє позначений текст. Такий поділ тегів на логічне і фізичне форматування спочатку призначалося, щоб зробити HTML універсальним, в тому числі не залежних від пристрою виводу інформації. Теоретично, якщо скористатися, наприклад, мовним браузером, то текст, оформлений за допомогою тегів <b> і <strong>, буде відзначений по-різному. Однак вийшло так, що в популярних браузерах результат використання цих тегів рівнозначний.
У прикладі 7.5 показано використання тегів <em> і <strong> для оформлення текстів.
Приклад 7.5. Теги <em> і <strong>
<!DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Оформлення тексту </title> </head> <body> <p> <strong> А де ж печиво і чай?! </strong> - <em>вигукнув хлопчик</em>. </p> </body> </html>
Результат даного прикладу показано нижче на рис. 7.5.