Тег, те́ги (иногда тэг, англ. tag — именованная метка, читается /tæg/; более правильное название — дескриптор). В SGML ( HTML, WML, AmigaGuide, языках семейства XML) — элемент У тега могут быть свойства, называемые атрибутами, дающие дополнительные возможности форматирования текста. Справочное пособие по HTML для начинающих. Проект Романа Адова. Задает цвет шрифта в теге Font; используются числовые или следующие именные значения цвета: Red, Green, Blue, Black, White, Maroon, Olive, Navy. Теги располагаются в HTML -документе в соответствии с правилами Практически все теги имеют атрибуты (глобальные, применяемые для всех.
В этом разделе рассматриваются основные теги HTML и их свойства. Все обязательные HTML теги и что нужно знать для их правильного.
HTML Теги и атрибуты. Теги и атрибуты:. Существует два типа тегов HTML - контейнерные и одиночные, которые всегда заключаются в угловые скобки <.
>. Контейнерные теги состоят из пары - открывающий и закрывающий тег <. >.
Html Теги И Атрибуты Картинки В Таблице
</. >. Перед именем закрывающего тега необходимо ставить косую черту (слэш) "/". В закрывающем теге не нужно писать атрибуты присутствующие в открывающем теге. Одиночные теги менее распространены и состоят лишь из открывающего тега. Пример: <br>. Тег может иметь атрибуты и значения атрибутов.
Пример: <тег имя_атрибута_1="значение" имя_атрибута_2="значение">. </тег>. Атрибуты добавляют в тег для расширения или модификации его действий. Теги и атрибуты. Указывает программе просмотра страниц что это HTML документ. В нём содержатся обязательные теги <head>.
<body>. Определяет место, где помещается различная информация не отображаемая в теле документа.
В нём распологаются теги: <title>. <meta>. <link>. <style>. <base>. Определяет видимую часть документа. Атрибуты:.
<body bgcolor=". "> Цвет фона. Работает так же и в тегах <td> и <tr>.
<body text=". "> Устанавливает цвет текста. <body link=". "> Устанавливает цвет гиперссылок. <body alink=". "> Устанавливает цвет гиперссылок при нажатии.
<body vlink=". "> Устанавливает цвет гиперссылок, на которых вы уже побывали. <body background=". "> Фоновое изображение.
<body top-margin=". "> Задаёт расстояние от границы браузера до основной таблицы. Примеры:. top-margin — отступ сверху.
От 0 до. right-margin — отступ справа. От 0 до. bottom-margin — отступ снизу. От 0 до.
left-margin" — отступ слева. От 0 до. Помещает название документа в оглавление программы просмотра страниц. <base href=".
"> Указание браузеру от какого базового адреса все ссылки (кроме ссылок явно прописанных полностью). <base target=". "> Указание браузеру от какого базового окна открываются все ссылки (кроме ссылок с отдельным указанием данного параметра). Значения атрибута target=. "_blank" — откроет документ в новом окне.
"_parent" — откроет документ во фрейме-родителе. Если такого нет, откроет в текущем окне. "_top" — отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов нет, откроет в текущем окне.
"_self" — откроет в текущем окне (по умолчанию для ссылок). Метаинформация. Служит в основном для поисковых роботов.
Атрибуты и значения:. <meta name="description" content=". "> Описание документа. <meta name="keywords" content=". "> Ключевые слова. <meta name="robots" content=". "> Управление процессом индексации.
Возможные варианты:. "index" — возможность индексирования данного документа. Наоборот - "noindex" "follow" — возможность индексировать все документы, на которые есть ссылки в данном HTML-файле. Наоборот - "nofollow" "all" — одновременное условие 2-ух вышеперечисленных. "none" — одновременное условие 2-ух первоперечисленных. Наоборот.
<meta http-equiv="content-type" content="text/html; charset=windows-1251"> Кодировка документа. <meta http-equiv="refresh" content="30"> Указывает, что документ следует перезагружать через 30 с.
Указывает на таблицу стилей (CSS). Записывается в теге <head>. Есть 3 способа применения:. 1] <link rel="stylesheet" type="text/css" href=".
"> — Таблица связанных стилей. В href=". " указывается путь к таблице. 2] <style> h1 </style> — Таблица глобальных стилей.
Пишется в теге <head>. 3] <i style="color:red; font-family:arial"> пример </i> — Таблица внутренних стилей. Прописывается в теге. Создаёт таблицу. Обязательные теги: <td>.
<tr>. Пример:. <table> <tr> <td> Пример </td> </tr> </table>.
Возможные атрибуты тега:. Создаёт строку в таблице. Допустимые атрибуты:. <tr align=". "> Задаёт горизонтальное выравнивание ячеек в таблице. Допустимые значения:.
"left" — выравнивание по левому краю. "center" — выравнивание по центру. "right" — выравнивание по правому краю. "justify" — выравнивание теста на всю строчку.
<tr valign=". "> Задаёт вертикальное выравнивание ячеек в таблице.
Допустимые значения:. "top" — выравнивание по верхнему краю. "middle" — выравнивание по центру. "bottom" — выравнивание по нижнему краю. <tr bgcolor=". "> Задаёт цвет фона. Создаёт ячейку в таблице.
Допустимые атрибуты: <align>. <valign>. <bgcolor>. <width>. <height>.
<td colspan=". "> Указывает кол-во столбцев, которое объединено в одной ячейке. От 1 до.
<td rowspan=". "> Указывает кол-во строк, которое объединено в одной ячейке. От 1 до. Определяет заголовок таблицы. Нормальная ячейка с отцентрованным жирным текстом.
Создает новый параграф. Встречая этот тег, браузер продолжает текст с новой строки. Возможные атрибуты: <align>. Задаёт заголовок. <h1>. </h1> - самый большой заголовок.
<h6>. </h6> - самый маленький заголовок. Возможные атрибуты: <align>. Переносит текст на новую строку.
Запрещает перевод строки. Создает жирый текст. <b> пример </b>. Создаёт подчёркнутый текст. <u> пример </u>. Создаёт наклонный текст. <i> пример </i>.
Создаёт текст - имитирующий стиль печатной машинки. <tt> пример </tt>. Создаёт текст - имитирующий стиль печатной машинки.
<kbd> пример </kbd>. Наклонный текст (воспринимается посковыми роботами как выделение). Жирный текст (воспринимается посковыми роботами, как особо сильное выделение). Добавляет в HTML документ горизонтальную линию.
Возможные атрибуты:. Задаёт в тексте нижний индекс. Пример: Н <sub> 2 </sub> O [H 2 O].
Задаёт в тексте верхний индекс. Пример c 2 =a 2 +b 2. Используется для форматирования текста.
Не действует без атрибутов. Возможные атрибуты:. Создает гиперссылку на другие сайты.
Возможные атрибуты:. <a href="URL"> Указывает путь на другую страницу. <a target=". "> Указывает в каком окне открывать гиперссылку. <a title=".
"> Выскакивает подсказка при наведении на ссылку. <a href="mailto:EMAIL"> Открывает почтовую программу с указанным EMAIL.
<a name=". "> Отмечает часть текста, как метку для гипперссылок на странице.
Служит якорем. <a href="#name"> Указывает путь к якорю. Добавляет изображение в HTML документ. Обязательный атрибут - <img src="URL">. Атрибуты:.
<img src="URL" align=". "> Выравнивает изображение к одной из сторон документа. <img src="URL" border=". "> Устанавливает толщину рамки вокруг изображения. <img src="URL" vspace=". "> Устанавливает поля сверху и снизу. От 0 до.
<img src="URL" hspace=". "> Устанавливает поля слева и справа. От 0 до. <img src="URL" alt=". "> Всплывающая подсказка при наведении на картинку.
Создаёт маркированный список. В нём содержатся элементы списка <li>.
Допустимые атрибуты:. <ul type=". "> Задаёт тип маркера. Допустимые значения:.
"disk" — маркер в виде закрашенного кружка. "circle" — маркер в виде кружка. "square" — маркер в виде закрашенного крадрата. Создаёт нумерованный список. В нём содержатся элементы списка <li>. Допустимые атрибуты:. <ol type=".
"> Задаёт тип маркера. <ol start=".
"> Определяет с какого значения начинать список. Создает список определений. Содержат термины <dt> [одиночный] и определения <dd> [одиночный]. Отображает примеры кода.