Каждый тег состоит из имени, за которым может следовать список необязательных атрибутов, все они находятся внутри угловых скобок < >. Содержимое скобок никогда не выводится в окне браузера. Имя тега, как правило, представляет собой аббревиатуру его функции, что облегчает его запоминание. Атрибуты являются свойствами, которые расширяют или уточняют функцию тега.
Контейнеры
Большинство тегов являются контейнерами. Это означает, что у них имеется открывающий или стартовый и закрывающий теги.
Конечный тег имеет то же имя, что и начальный, но перед ним стоит слеш (/). Конечный тег никогда не содержит атрибутов. Контейнерные теги обозначаются следующим образом:
< >...< / >. Текст, находящийся между тегами, будет выполнять содержащиеся в них инструкции.
Например:
Текст будет <u>подчеркнут</u>. Результат: Текст будет подчеркнут.
В некоторых случаях конечный тег не обязателен, и браузер определяет конец тега из контекста. Это разрешено не всем тегам, и не все браузеры прощают их отсутствие.
|
|
2. Форматирование тела HTML-документа
2.1. Форматирование текста
<font color=red>…</font> - цвет шрифта. Можно выделить предложение, слово, символ.
<font size=”+2”>… </font> - размер шрифта. +2 – величина, на которую отличается шрифт в сторону увеличения.
<font face=arial>…</font> - задается тип шрифта.
<b>…</b> - полужирный текст.
<i>…</i> - наклонный текст.
<u>…</u> - подчеркнутый текст.
<sup>…</sup> - надстрочный текст (1000).
<sub>…</sub> - подстрочный текст (хi).
К одному фрагменту текста может применяться сразу несколько тегов, например:
<b><i><font color=red size=”+1”> текст</ font > </i></b>
Название цвета на русском языке | Значение как название цвета |
черный | Black |
серебряный | Silver |
лимонный | Lime |
синий | Blue |
бирюзовый | Teal |
фуксия | Fuchsia |
голубой | Aqua |
бледно-зеленый | Ccffcc |
бледно-розовый | Ffccff |
зеленый | Green |
серый | Gray |
оливковый | Olive |
белый | White |
желтый | Yellow |
Maroon | |
красный | Red |
пурпурный | Purple |
Fuchsia |
Параметры тега <body>:
bgcolor =blue/green/yellow – цвет фона,
text =red/white – цвет текста
link =blue – цвет ссылки
vlink - цвет просмотренной ссылки.
Пример использования:
цвет фона – серебряный, цвет текста – пурпурный, цвет ссылок – черный.
<body bgcolor=silver text=purple link=black>
2.2.Структурирование текста
<p>…</p> - абзац (параграф). Имеет параметры: align=right/left/center/justify – задается выравнивание абзаца (параграфа) по правому краю, по левому, по центру, по ширине окна браузера.
<p align=justify>текст абзаца</p>
<blockquote>…</blockquote> - увеличенный отступ (8 позиций) у выбранного абзаца.
<Hn>…</Hn> - заголовок, где n - уровень заголовка (всего от 1 до 6).
|
|
<br> - разрыв строки.
<marquee>…</marquee> - бегущая строка
<hr size=4 width=80% align=center> - горизонтальная линия толщиной 4 пиксела, длиной – 80% от ширины окна браузера, с выравниванием по центру окна.
<center> ……</center> - выравнивание любого объекта по центру окна браузера
2.3. Списки
Форматирование для Списков определений
Пример: