– этот непарный тег используется, если необходимо перейти на новую строку, не прерывая абзаца.

---

– позволяет вывести горизонтальную разделительную линию.

Возможные атрибуты тега

SIZE – определяет толщину линии в пикселах (SIZE=4).

WIDTH – задает размах линии по ширине экрана. Ширина может быть задана в абсолютных единицах – пикселах (WIDTH=400) или относительных – в процентах от ширины экрана (WIDTH=75%).

COLOR – цвет разделительной линии.

Форматирование шрифта

Существует два основных подхода к шрифтовому выделению фрагментов: логическое и физическое форматирование.

Теги физического форматирования указывают браузеру как нужно отображать тот или иной фрагмент текста (подчеркнутым, наклонным и т.д.) независимо от его смысловой нагрузки. Если необходимо показать, что фрагмент текста является, например, кодом программы или цитатой, можно использовать теги логического форматирования текста.

Теги физического форматирования

Теги логического форматирования

Для форматирования шрифта также может использоваться парный тег …, который позволяет настроить начертание, размер и цвет шрифта. Этот тег имеет следующие атрибуты:

SIZE= – задает размер шрифта (от 1 до 7, 1 – самый мелкий, 7 – самый крупный);

COLOR= – определяет цвет шрифта;

FACE= – задает начертание шрифта (“Arial”, “Courier”, “Tahoma” и т.д.).

Предварительно отформатированный текст и текст с отступом

Тег-контейнер предварительно отформатирован-ного текста

,

например, при отображении фрагментов программного кода "как есть", без его интерпретации браузером.

Визуально результат действия тега

Выглядит как текст,
набранный моноширинным шрифтом.
Парный тег

позволяет оформить текст, заключенный
в нем, с отступом от начала строки. Этот
тег удобно использовать для длинных
цитат (в отличие от элемента CITE), при
этом цитируемый текст отображается
отдельным абзацем с увеличенным отступом.
Например:
Редакция газеты
благодарит Иванова Ивана Ивановича за
его присланное очередное поздравление:
С прекрасным
праздником весны
Я вас поздравляю.
Добра, сердечной
теплоты 
И счастья вам
желаю.

Размер шрифта на сайте можно задать как при помощи HTML, так и с помощью CSS. Рассмотрим оба варианта.
Задание размера шрифта с помощью HTML
Размер шрифта на странице можно определить при помощи тега font
 HTML. В статье мы уже рассматривали тег font
 и его атрибуты. Одним из атрибутов этого тега является size
, который и позволяет установить размер шрифта. Применяется он следующим образом:
Конструктор сайтов "Нубекс"
Size
 может принимать значения от 1 до 7 (по умолчанию равен 3, что соответствует 13,5 пунктам для шрифта Times New Roman). Другой вариант задания атрибута - “+1” или “-1”. Это означает, что размер будет изменен относительно базового на 1 пункт больше или меньше, соответственно.
Приведенный способ довольно прост в использовании и незаменим при необходимости изменения размера шрифта небольшого куска текста. В остальных случаях рекомендуется определять стиль текста с помощью CSS.
Устанавливаем размер шрифта при помощи CSS
В CSS для изменения размера шрифта применяется свойство font-size
, которое применяется следующим образом:

 
 
 
 
 
 
 
Шрифты HTML-блока div класса nubex получают размер 14px при помощи свойства font size.
 

В приведенном примере размер шрифта устанавливается в пикселях. Но существуют и другие способы задания размера:
large, small, medium
 - задают абсолютный размер (маленький, средний, большой). Также могут применяться значения экстра-маленький (x-small, xx-small), экстра-большой (x-large, xx-large).
larger, smaller
 - задают относительный размер (меньше или больше относительно родительского элемента).
100%
 - задается относительный размер (в процентах относительно родительского). Например:
 h1 {
 font-size: 180%;
}
Это означает, что размер тега H1
 будет составлять 180% от базового размера шрифта.
Другие варианты задания относительного размера:

5ex
 - означает, что размер составит 5 высот буквы x
 от базового шрифта;
14pt
 - 14 пунктов;
22px
 - 22 пикселя;
1vw
 - 1% от ширины окна браузера;
1vh
 - 1% от высоты окна браузера;



В основе языка HTML лежит понятие «тэг» (англ.: tag
-ярлычок, этикетка). Тэги заключаются в угловые скобки (< >) и образуют пары – контейнеры (открывающий тэг и закрывающий). Например, контейнером HTML документа является пара тэгов  и . В web-странице включены контейнеры, отвечающие за заголовок документа (голова) и содержат дополнительную информацию, а также контейнеры, отвечающие за само содержание документа (тело). Они представлены на рисунке.
Итак HTML документ заключается в контейнер , заголовок в контейнер , а содержание документа в контейнере . Контейнер , расположенный в заголовке (контейнере ) содержит текст, отображающийся в верхней строке окна браузера. В контейнер заголовка также могут быть добавлены тэги, содержащие кодировку, ключевые слова web-страницы, а также код для подключения файлов каскадных таблиц стилей CSS, языка программирования jаvascript, VBScript и т.д.
Пример простейшей HTML странички, содержащей только основные тэги:
Содержание простейшей странички
Результат работы указанного кода изображен на рисунке.
Как видно из примера текст «Содержание простейшей странички» отображается обычным текстом. Для того чтобы произвести форматирование этого текста, необходимо использовать специальные тэги. Пример использования тэгов форматирования представлен на рисунке.
Для изменения шрифта, его цвета и размера используется тэг  с параметрами “face”, “color” и “size”. Например для того чтобы задать шрифт “arial” красного цвета и 14 размера необходимо написать следующий код:
Форматируемтекст
Для выделения абзаца в тексте используется тэг 
В контейнер которого как правило помещается каждый абзац текста. Для создания заголовка используются тэги 
, 
, 
, 
, 
, 
.
Для формирования списков в теле документа используются контейнеры ,  и . Причем тэг 
 формирует нурмерованный список, тэг 
 - маркированный список, а в тэгах 
 помещаются элементы списка. Пример кода отображения списков, представленный в виде нумерованного и маркированного списков представлен на рисунке.
Для связи двух и более Web-страниц между собой используются гиперссылки, для создания которых используется тэг . Причем в тэгах гиперссылок используются дополнительные атрибуты, позволяющие либо перейти к другой web-странице, либо переместиться внутри данной страницы. Второй способ желательно использовать в большом документе, имеющем несколько смысловых разделов.
Пример использования гиперссылок представлен на рисунке.
При указании URL адреса другой страницы необходимо указывать либо полный абсолютный путь к странице «полный путь/папка/страница» либо относительный (относительно данной страницы) «папка/страница». Параметр “target” позволяет открыть web-страницу в новом или существующем окне браузера.
Для вставки изображения на web-страницу используется тэг  с параметрами src (путь к изображению), width (ширина изображения), height (высота изображения), border (рамка вокруг рисунка). Пример кода вставки изображения:
Часто при создании Web-страниц необходимым является задание фонового цвета или фонового изображения. Для этого используются атрибуты тэга  «bgcolor» или «background-image». Пример вставки фонового цвета:
Пример вставки фонового изображения:
Указанные атрибуты могут быть использованы не только для тэга , но и для тэгов таблицы , области и других, которые будут рассмотрены в следующих темах.
CSS (Cascading Style Sheets), или каскадные таблицы стилей
, используются для описания внешнего вида веб-документа, написанного языком разметки. CSS устанавливает стилевые правила, которые изменяют внешний вид элементов, размещенных на веб-страницах, выполняют тонкую настройку их деталей, таких как цвет, шрифт, размер, границы, фон и местоположение в документе.
Вы можете встроить CSS-код непосредственно в элемент разметки в виде значения атрибута style
. Этот атрибут доступен для всех элементов HTML. С помощью CSS можно указать ряд свойств стиля для данного HTML-элемента. Каждое свойство имеет имя и значение, разделенные двоеточием (:). Каждое объявленное свойство отделяется точкой с запятой (;).
 
Вот как это выглядит для элемента 
:

Способы добавления CSS стилей
Стандарт CSS предлагает три варианта применения таблицы стилей к веб-странице:
Внешняя таблица стилей — определение правил таблицы стилей в отдельном файле.css, с последующим подключением этого файла в HTML-документ с помощью тега 
Внутренняя таблица стилей — определение правил таблицы стилей с использованием тега 
Пример: Внутренняя таблица стилей
Попробуй сам »
Заголовок
Текст первый
Текст второй
Текст третий
 






 
 
Заголовок
 
Текст первый
 
Текст второй
 
Текст третий
 

В данном примере мы с помощью CSS установили цвет фона для элемента 
: background-color:palegreen
, цвет и тип шрифта для заголовков 

: color: blue; font-family:verdana
, а также размер шрифта, цвет и выравнивание текста по центру для параграфов 

: font-size:20px; color:red; text-align:center
.
Встроенный стиль
Когда необходимо отформатировать отдельный элемент HTML-страницы, описание стиля можно расположить непосредственно внутри открывающего тега при помощи уже специализированного атрибута style. Например:

 
Параграф
Такие стили называют встроенными (inline), или внедренными.
Правила, определенные непосредственно внутри открывающего тега элемента перекрывают правила, определенные во внешнем файле CSS, а также правила, определенные в элементе 

 
 
Заголовок
 
Текст первый
 
Текст второй
 
Текст третий
 


 Задачи
Выравнивание текста по центру
Используя встроенный стиль к параграфу выровняйте текст по центру.