Основы создания страниц на HTML Урок 4

Элементы форматирования текста

Для отображения разных стилей текста в 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. _{Надстрочный текст,}

14. ^{Подстрочный текст,}

! После того как Вы изучите CSS, эти теги Вы вряд ли будете использовать

Зачёркнутый и подчёркнутый текст

Перечёркнутый линией текст или тег <del> и подчёркнутый - <ins>

15. <del>Перечёркнутый текст,</del>

16. <ins>Подчёркнутый текст.</ins>

...

На этом с тегами мы закончим. Вот так они выглядят в действии:

Пример. Как Вы могли заметить, при использовании нового параграфа, строка автоматически переносится.

Практика

Куда же без неё? На ней заключается более 70% времени обучения программированию! Попробуйте поработать с приведёнными в этом уроке тегами и "поиграть" ими. Откройте HTML код страницы в Wikipedia и полистайте её, а можете даже переделать по своему вкусу - это только пойдёт на пользу (сама Wikipedia от этого не пострадает, так что дерзайте!).