6. HTML - Форматування тексту за допомогою html-тегів
Зміст
Напівжирний чи жирний текст
Напівжирний шрифт або жирний шрифт HTML можна задати за допомогою двох тегів. і.. Все, що знаходиться в тегах.і. відображається в HTML жирним текстом (напівжирним), як показано нижче:
Отримаємо наступний результат:
Курсив - похилий текст або шрифт
Зробити в HTML курсивом текст можна за допомогою двох тегів. та.. Все, що в тегах курсива.і . відображається в HTML похилим текстом (шрифтом), як показано нижче:
Отримаємо наступний результат:
Підкреслений текст
Підкреслити текст у HTML можна за допомогою тега.. Все, що знаходиться всередині тега.відображається в HTML підкресленим текстом (шрифтом), як показано нижче:
Отримаємо наступний результат:
Закреслений текст
Закреслити текст у HTML можна за допомогою тега.. Все, що знаходиться всередині тега . відображається в HTML закресленим текстом (шрифтом), як показано нижче:
Отримаємо наступний результат:
Моноширинний шрифт
Вміст елемента. записується в HTML моноширинним шрифтом. Більшість шрифтів мають змінну ширину, тому що різні букви мають різну ширину (наприклад, буква «щ» ширша за букву «г»). Однак у моноширинному шрифті кожна літера має однакову ширину.
Отримаємо наступний результат:
Верхній індекс
Вміст тега. відображається у HTML у верхньому індексі. Тег верхнього індексу HTML має той же розмір шрифту, який використовують навколишні символи, але використовує він тільки половину їх висоти. Даний елемент добре підходить, коли необхідно, наприклад, написати в HTML ступінь числа.
Отримаємо наступний результат:
">
Нижній індекс
Вміст тега. відображається в HTML у нижньому індексі. Тег нижнього індексу HTML має той же розмір шрифту, який використовують навколишні символи, але використовує він тільки половину їх висоти.
Отримаємо наступний результат:
Вставлений текст
Вміст тега відображається в HTML як вставлений текст.
Отримаємо наступний результат:
Віддалений текст
Вміст теги. відображається в HTML як віддалений текст.
Отримаємо наступний результат:
">
Великий текст
Вміст тега. відображається в HTML великим текстом, на один розмір шрифту більше, ніж решта навколишнього тексту, як показано нижче:
Отримаємо наступний результат:
Маленький текст
Вміст усередині тега. відображається в HTML маленьким текстом, на один розмір шрифту менше, ніж решта навколишнього тексту, як показано нижче:
Отримаємо наступний результат:
Угруповання елементів та вмісту сторінки в HTML
Наприклад, Ви можете розмістити всі посилання на сторінці в тег
приклад з тегом
Отримаємо наступний результат:
">
З іншого боку, елемент може використовуватися лише для групування вбудованих елементів. Отже, якщо Ви маєте частину речення або абзацу (параграфа), який Ви хочете об'єднати, Ви можете використовувати елемент таким чином:
приклад з тегом
Отримаємо наступний результат:
">
Ці теги зазвичай використовуються з CSS, щоб ви могли встановити стиль до секції сторінки.