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

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

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

Заголовки

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

Заголовки в HTML

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

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

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

Абзацы

Абзацы — незаменимый элемент любой страницы. Абзац в 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>

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

« 
 »

Читайте также:

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


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

2011–2017 © Siteblogger.ru
0,178 сек.
16+
Рейтинг@Mail.ru  
Наверх