Основные теги HTML.
HTML-тэги могут быть условно разделены на две категории:
· Парные (таких тегов большинство)
· Непарные
Все тэги HTML начинаются с "<" (левой угловой скобки) и заканчиваются символом ">" (правой угловой скобки).
Общая теговая структура любой HTML-страницы:
<HTML> - заключает в себе все содержимое web-страницы
<HEAD>
<!-- Этот раздел предназначен для заголовка страницы и технической информации -->
</HEAD>
<BODY>
<!-- А здесь надо размещать все, что хочется увидеть на странице -->
</BODY>
</HTML>
Данная структура содержит 3 самых главных парных тега, без которых не обходится не одна HTML-страница.
Большинство тегов имеют дополнительные параметры. Например, параметр тега <BODY> bgcolor цвет фона web-страницы. Для того, что бы получить цвет фона синим, необходимо написать HTML-текст:
<BODY bgcolor=”blue”>…</BODY>
Любой цвет на странице можно задавать не только словами, но и при помощи шеснадцатиричной кодировки цвета от #000000 (черный цвет) до #ffffff (белый цвет)
Таблица наиболее часто использующихся тегов и их основных параметров.
Тег | Описание | Параметры | Описание параметров |
<TITLE> | Парный, определяет заголовок документа, располагается за тегом <HEAD> | нет | |
<STYLE> | Парный, применяется для определения стилей элементов web-страницы, располагается за тегом <HEAD> | media type | Определяет устройство вывода, для работы с которым предназначена таблица стилей. Сообщает браузеру, какой синтаксис использовать, чтобы правильно интерпретировать стили. |
<BODY> | Парный, включает всё содержимое web-страницы | background bgcolor link text vlink | Задает фоновый рисунок на web-страницы. Цвет фона web-страницы. Цвет ссылок на веб-странице. Цвет текста в документе. Цвет посещенных ссылок. |
<TABLE> | Парный, служит контейнером для элементов, определяющих содержимое таблицы | align background bgcolor border bordercolor cellpadding cellspacing height width | Определяет выравнивание таблицы. Задает фоновый рисунок в таблице. Цвет фона таблицы. Толщина рамки в пикселях. Цвет рамки. Отступ от рамки до содержимого ячейки. Расстояние между ячейками. Высота таблицы. Ширина таблицы. |
<TD> | Парный, предназначен для создания одной ячейки таблицы. | align background bgcolor bordercolor colspan height nowrap rowspan valign width | Определяет выравнивание содержимого ячейки по горизонтали. Задает фоновый рисунок в ячейке. Цвет фона ячейки. Цвет рамки. Объединяет горизонтальные ячейки. Высота ячейки. Запрещает перенос строк. Объединяет вертикальные ячейки. Выравнивание содержимого ячейки по вертикали. Ширина ячейки. |
<TR> | Парный, служит контейнером для создания строки таблицы. | align bgcolor bordercolor valign | Определяет выравнивание содержимого ячеек по горизонтали. Цвет фона ячеек. Цвет рамки. Выравнивание содержимого ячеек по вертикали. |
<A> | Парный, предназначен для создания ссылок. | href name title | Задает адрес документа, на который следует перейти. Устанавливает имя якоря внутри документа. Добавляет всплывающую подсказку к тексту ссылки. |
<BR> | Непарный, устанавливает перевод строки в том месте, где этот тег находится. | clear | Сообщает браузеру, как обрабатывать следующую строку, если текст обтекает плавающий элемент. |
<IMG> | Непарный, предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG. | align alt border src | Определяет как рисунок будет выравниваться по краю и способ обтекания текстом. Альтернативный текст для изображения. Толщина рамки вокруг изображения. Путь к графическому файлу. |
Дата добавления: 2016-01-03; просмотров: 737;