✎ Помощь начинающим и профессиональным блоггерам, создание, поддержка сайтов и блогов e-mail siteblogger@inbox.ru icq 353-724-370

Главная ›› Уроки по HTML, HTML5 ›› Внешний вид текста HTML

Внешний вид текста HTML

В данном уроке мы поговорим о том, как оформить текст на веб-странице. Их урока Вы познакомитесь с базовыми тегами, которые отвечают за внешний вид текста на веб-странице, а также на примерах научитесь с этими тегами работать. Итак, давайте рассмотрим основные элементы веб-страницы:

1. Заголовки

При написании статей или постов на сайте, необходимо использовать заголовки. С помощью заголовков пользователь легко может понять структуру статьи. Всего существует шесть уровней заголовков: H1, H2, H3, H4, H5 и H6. Заголовок H1 является самым большим, а H6 – самый маленький. В общем, чем меньше цифра, тем больше заголовок.

Заголовки в HTML

Рассмотрим примеры написания заголовков в HTML:

<h1>Заголовок первого уровня<h1>
<h2>Заголовок второго уровня<h2>
<h3>Заголовок третьего уровня<h3>

Следует отметить, что размер шрифта заголовков можно задать с помощью таблиц стилей. Однако, не следует делать размер шрифта у заголовка более высокого уровня меньшим, чем у заголовка уровнем ниже. К примеру, размер шрифта у заголовка h1 должен быть больше, чем у заголовка h2.

При использовании заголовков на странице необходимо соблюдать иерархию. Сначала следует использовать заголовок верхнего уровня — h1, затем заголовок поменьше — h2, после этого уже заголовок третьего уровня — h3 и т.д. Это будет плюсом, как по отношению к читателю статьи, так и для поисковых систем, которые уделяют заголовкам большое внимание.

2. Абзацы

Абзацы — незаменимый элемент любой страницы. Каждый абзац в HTML начинается с тега <p> и должен иметь закрывающий тег</p>. Сам текст абзаца пишется между этими тегами. Пример написания абзаца:

<p>Привет, Мир! Теперь я знаю, как работать с абзацами в HTML!</p>

Для того, чтобы выравнивать текст абзаца предусмотрен атрибут "align", который может применять значения: «left», «center», «right», «justify». Выравнивание теста, соответственно, по левому краю, по центру, по правому краю и по ширине экрана.

<p align="center">Теперь я знаю, как работать с абзацами в HTML!</p>

За внешний вид текста HTML отвечает тег «font». Этот тег имеет атрибуты:

  • color — отвечает за цвет текста
  • face —  отвечает за то, какой тип шрифта будет использоваться
  • font size — отвечает за размер шрифта
<p><font color="green">Пример форматирования текста в HTML</font></p>

Для выделения текста также используются теги:

  • strong — выделение слова, абзаца или предложений жирным шрифтом
  • em — выделение слов или предложений курсивом
<p><strong><font color="green">Пример форматирования текста в HTML</font></strong></p>

Вот, пожалуй, и все, что хотелось затронуть в данном уроке. Вообще, существует множество способов форматирования внешнего вида текста, здесь перечислены лишь базовые знания.

Поделитесь ссылкой! Подпишитесь на обновления, чтобы получать новые публикации!

Оставить комментарий

Siteblogger.ru – проект, охватывающий достаточно широкий круг вопросов: создание сайтов и блогов на WordPress, поисковые системы, поисковая оптимизация и продвижение сайтов, способы заработка в сети, эффективные инструменты работы в Интернете и другое. Кроме того, мы оказываем услуги создания сайтов и блогов на WordPress с последующим их продвижением, а также занимаемся настройкой и ведением контекстной рекламы Яндекс.Директ и Google Adwords. По поводу сотрудничества просьба обращаться через контакты, все заявки и предложения будут обязательно рассмотрены. При использовании материалов данного сайта, пожалуйста, указывайте прямую индексируемую ссылку на Siteblogger.ru.

«Как создать и продвинуть свой сайт»

2011–2016 © Siteblogger.ru
Рейтинг@Mail.ru