Элементы форматирования текста
Для отображения разных стилей текста в HTML были созданы теги форматирования. Эти элементы используются для отображения разных стилей текста.
! На разных браузерах и на разных устройствах HTML страницы отображаются по-разному
Жирный шрифт
или тег <b>
Сделать шрифт жирным можно разными способами, но самый простой из них - это использование тега <b>:
...
5. <p><b>Жирный текст, </b></p>
6. <b><p>Тоже жирный текст, </p></b>
Курсив
или тег <i>
7. <i>Текст курсивом, </i>
Крупный и мелкий текст
или теги <big> и <small>
8. <big>Крупный текст, </big>
9. <small>Мелкий текст, </small>
10. <big><small>Текст среднего размера, </small>
11. <big>Большой текст, </big></big>
Как видно в вышеуказанном коде, можно смешивать теги форматирования текста для получения смешанных результатов.
! Если Вы путаетесь в иерархии HTML страницы и плохо её понимаете, то советую больше заниматься практикой и всё обязательно получится!
Важный текст
Тег <strong>
На новых браузерах этот тег - почти тоже самое, что и тег <b> , он делает текст жирным, но с одним отличием. При поиске страницы в браузере, поисковик будет искать по заголовкам и важному тексту.
12. <strong>Важный текст , </strong>
Тег <em>
Также важный текст, но в отличии от тега <strong> выделяет курсивом.
Надстрочный и подстрочный текст
или теги <sub> и <sup>
<sub> немного поднимает текст над строкой, а <sup> - наоборот.
13. <sub>Надстрочный текст, </sub>
14. <sup>Подстрочный текст, </sup>
! После того как Вы изучите CSS, эти теги Вы вряд ли будете использовать
Зачёркнутый и подчёркнутый текст
Перечёркнутый линией текст или тег <del> и подчёркнутый - <ins>
15. <del>Перечёркнутый текст,</del>
16. <ins>Подчёркнутый текст.</ins>
...
На этом с тегами мы закончим. Вот так они выглядят в действии:
Практика
Куда же без неё? На ней заключается более 70% времени обучения программированию! Попробуйте поработать с приведёнными в этом уроке тегами и "поиграть" ими. Откройте HTML код страницы в Wikipedia и полистайте её, а можете даже переделать по своему вкусу - это только пойдёт на пользу (сама Wikipedia от этого не пострадает, так что дерзайте!).