| ||||||||||||
Форматирование текста в HTMLЕсли вы уже немного знакомы с языком разметки и научились создавать web страницы, то самое время перейти к работе с текстом в HTML. Стильно и качественно оформленный текст всегда положительно сказывается на посещаемости сайта. HTML теги для текста позволяют не только украшать статьи, но и разделять их на абзацы, создавать списки, выделять необходимые фрагменты, добавлять заголовки и управлять размерами, цветами и шрифтами текста, что способствует улучшению подачи информации. Вообразите себе веб-страницу, которая выглядит как исписанная на 100% страница книги, задержитесь ли вы на такой страничке? Большое количество пользователей сразу закроют такую страницу, ведь она слишком серая, монотонная и вообще не вызывает интерес. Поэтому не стоит пренебрегать тегами форматирования текста в HTML. Заголовки в HTMLРабота с текстом в HTML невозможна без заголовков, более того, заголовки имеют большой вес в глазах поисковых роботов, именно поэтому в заголовках лучше указывать ключевые поисковые фразы.
На практике, наиболее популярные уровни подзаголовков с 1-ого по 3-ий, остальные практически не встречаются. Ниже расставлены теги заголовков, по степени их значимости:
К данным тегам можно применить параметр align, который отвечает за горизонтальное выравнивание заголовков. У этого параметра могут быть следующие значения:
Значения параметров задаются с помощью символа = , а сами значения обязательно берутся в кавычки "". Для примера создадим страничку с заголовками различных уровней, также зададим заголовкам разные параметры горизонтального выравнивания. Открыв данную страницу в браузере, Вы должны получить следующий результат: Обратите внимание, все заголовки выделены жирным шрифтом без дополнительных html тегов для текста. С помощью CSS заголовкам можно задать любой размер и стиль, независимо от его уровня. Абзацы и перенос на новую строкуФорматирование текста в HTML невозможно без использования абзацев и переноса текста на новую строку. Кроме того абзацы проще стилизовать, добавив стили в соответствующий тег.
Как видите, после указания тега <br>, последующее содержимое(будь то текст, картинка, видео и т.д) автоматически переносится на новую строку. Если задать последовательно 2 тега, то перенос будет двойным. Вид текстаТеперь перейдём к тегам, которые непосредственно влияют на внешний вид текста. Работа с текстом в HTML подразумевает: изменение шрифта, цвета, размера, подчеркивание, зачеркивание и других способов изменить внешний вид текста.
Используем вышеперечисленные HTML теги для текста на примере:
Закрепим знания HTML тегов для текста и проработаем навыки на следующем примере: Нужно сказать что тег <font> устаревает, так как стилем текста лучше и удобнее управлять с помощью каскадных таблиц стилей CSS. Но всё-равно нужно знать и уметь пользоваться этим тегом. Вы ведь не хотите входить в ступор при изучении чужого кода? Устаревшие HTML теги для текстаЕсть несколько устаревших тегов, которые редко используются веб-программистами, но всё же они могут вам понадобиться. Лет 5 назад был слух, что браузеры перестанут их поддерживать, но они отлично работают по-прежднему.
Теперь вы умеете создавать HTML страницы со стильным текстовым контентом. Но помните, все хорошее в меру. Сухой скучный текст - это несомненно плохо, но если ваш текст будет переливаться всеми цветами радуги, вы рискуете показаться не серьёзной организацией. А вообще всё зависит от тематики сайта и от его целевой аудитории. Дата первой публикации: 06.07.2016
Дата последнего обновления: 06.07.2016
Рекомендовать друзьям:
| ||||||||||||
|