Теги, атрибуты, значения
Тег может иметь атрибуты и значения атрибутов. Атрибуты добавляют в тег для расширения или модификации его действий. Наборы допустимых атрибутов для тега описаны в спецификации языка HTML. Правила записи атрибутов и значений:
после имени тега через пробел могут следовать атрибуты
атрибуты отделяют друг от друга пробелами
порядок следования атрибутов произволен
атрибуты не нужно повторно описывать в закрывающем теге
значения атрибутов записывают в кавычках "" после знака равенства
названия тегов не должны содержать пробелов
Спецификация html позволяет опускать кавычки, если значение атрибута состоит из одного слова (букв a—z) или числа (цифр 0—9)
Если значение содержит несколько слов, разделенных запятыми или пробелами, либо специальные символы, то кавычки обязательны
В языке HTML безразлично, в каком регистре вы записываете названия тегов и их атрибуты
Результат будет идентичен. Кроме того, в одном документе вы можете использовать для написания тегов и верхний, и нижний регистр
Чувствительными к регистру являются только некоторые значения атрибутов
Поэтому сразу возьмите за правило писать значения атрибутов в нижнем регистре
Структура html-документа
Любой html-документ (страница) заключается между тегами <html> и </html>, т.е. тег <html> открывает документ, а тег </html> закрывает его
Между этими двумя основными распологается головная часть документа и его тело
В головной части документа (между тегами <head> и </head>) описываются общие правила отображения документа в браузере и содержится вспомогательная информация о документе. В головной части документа всегда между парой тегов <title> и </title> располагается имя документа, которое показывается в заголовке окна браузера
Между тегами <body> и </body> (в теле документа) распологаются команды, следуя которым в окне браузера выводится текст, картинки, таблицы и т. д.
Например, могут использоваться команды:
<h1>...</h1> — заголовок
<hr> — горизонтальная линия
<p>...</p> — абзац
Таблица основных тегов языка HTML
|
ТЭГИ |
НАЗНАЧЕНИЕ |
|
<html></html> |
Указывает программе просмотра страниц, что это HTML документ. Данные тэги обрамляют документ |
|
<head></head> |
Определяет место, где помещается различная информация, не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин |
|
<title></title> |
Помещает название документа в оглавление программы просмотра страниц |
|
<body></body> |
Определяет видимую часть документа |
Для создания своей первой страницы недостаточно знать основные тэги. Необходимо научиться форматировать текст соответствующим образом. Для этого используются тэги для форматирования текста. Они представлены в следующей таблице:
Таблица тэгов для форматирования текста
|
ТЭГИ |
НАЗНАЧЕНИЕ |
|
<hl></hl> <h6x/h6> |
Задает размер заголовка |
|
<pre></pre> |
Обрамляет предварительно отформатированный текст |
|
<b></b> |
Жирное начертание шрифта |
|
<i></i> |
Начертание Курсив |
|
<tt></tt> |
Имитация стиля печатной машинки |
|
<cite></cite> |
Используется для цитат, обычно наклонный текст |
|
<strong></strong> |
Используется для выделения наиболее важных частей текста (наклонный или жирный текст) |
|
<p> |
Начало нового абзаца |
|
<p align=.. .> |
Выравнивает абзац относительно одной из сторон документа, значения: left, right, или center |
|
<br> |
Вставляет перевод строки |
|
<blockquote> </blockquote> |
Создает отступы с обеих сторон текста. |
|
<ol></ol> |
Создает нумерованный список |
|
<li> |
Определяет каждый элемент списка и присваивает номер |
|
<ul></ul> |
Создает ненумерованный список |
|
<a href="URL"></a> |
Создает гиперссылку на другие документы или часть текущего документа |
|
<font size=.. .></font> |
Устанавливает размер текста в пределах от 1 до 7 |
|
<font color=.. ></font> |
Устанавливает цвет текста, используя значение цвета в виде RRGGBB |
Тэги состоят из ключевых слов и могут быть дополнены атрибутами, разделенными пробелами. Описание атрибутов без использования ключевых слов не допускается.