 |
Горизонтальное выравнивание
|
|
|
|
<TD ALIGN=LEFT|CENTER|RIGHT>
<ТН ALIGN=LEFT|CENTER|RIGHT>
Вертикальное выравнивание
<TD VALIGN=TOP| MIDDLE|BOTTOM>
<ТН VALIGN=TOP|MIDDLE|BOTTOM>
Перекрывающиеся столбцы
<TD СОLSPAN=Число_столбцов>
<ТН СОLSPAN=Число_столбцов>
Перекрывающиеся строки
<TD ROWSPAN=Число_строк>
<TH ROWSPAN=Число_строк>
Расширение HTML
| Размер шрифта | <FONT SIZE=paзмер>Teкст</FONT> |
| Размер базового шрифта | <BASEFONT SIZE=размер> |
| Цвет текста | <BODY TEXT= «#nnnnnn»> |
| Стиль нумерованного списка | <OL ТУРЕ=тип> тип м.б. 1, a, A, i, I |
| Стиль маркированного списка | <UL TYPE=тип>, тип м.б. disc, circle, square |
| Размеры изображения | <IMG SRС= «имя_файла» WIDTH= х HEIGHT=y> |
| Рисунок как гиперссылка | <A HREF= «URL»><IMG SRC= «имя_файла»></A> |
| Цвет фона | <BODY BGCOLOR= «#nnnnnn»> Цвет м.б. yellow, green |
| Фоновое изображение | <BODY BACKGROUND= «имя_файла»> |
| Размер рамки таблицы | <TABLE ВОRDER=размер> |
| Ширина таблицы | <TABLE WIDTH=шиpинa> |
| Ширина клетки таблицы | <TD WIDTH=шиpинa> |
| Интервал клетки таблицы | <TABLE SPACING =интервал> |
| Заполнение клетки таблицы | <TABLE СЕLLPADDING=заполнение> |
| Центрирование абзацев | <CENTER> Здесь центрируемые заголовки, текст, графика </CENTER> |
Основные теги HTML
| Тег | Назначение | Атрибуты | Значения атрибутов |
| все теги | - | ID | Уникальный идентификатор объекта, используется динамическими сценариями и в качестве селектора CSS |
| NAME | Имя элемента. Используется при указании целевого кадра, создании закладок (якорей) и т.д. | ||
| CLASS | Указывает принадлежность элемента к классу, используется в CSS | ||
| TITLE | Всплывающая подсказка | ||
| <!--..—> | Комментарий -текст, который есть в документе, но не отображается при просмотре | ||
| А | Гиперссылка | HREF | Целевой документ ссылки |
| В | Полужирное начертание | - | - |
| BASE | Базовые свойства страницы | TARGET | Кадр назначения по умолчанию |
| HREF | Базовый адрес для всех относительных ссылок на странице | ||
| BODY | Секция тела документа, содержит отображаемую часть страницы | LINK | Цвет гиперссылок |
| ALINK | Цвет активных гиперссылок | ||
| VLINK | Цвет посещенных гиперссылок | ||
| TEXT | Цвет текста | ||
| BACKGROUND | Фоновое изображение | ||
| BGCOLOR | Цвет фона | ||
| BR | Перевод строки | - | - |
| DIV | Обобщенный тег блочной разметки | - | - |
| FONT | Параметры шрифта | COLOR | Цвет шрифта |
| FACE | Гарнитура шрифта | ||
| SIZE | Размер шрифта | ||
| FORM | Логическое объединение элементов | ACTION | Адрес сценария, обрабатывающего форму |
| METHOD | Метод отправки данных на сервер | ||
| FRAME | Задание свойств кадра | NORESIZE | Запрещение изменения размера кадра при просмотре |
| SCROLLING | Наличие полос прокрутки у кадра | ||
| SRC | Страница, открываемая в кадре | ||
| FRAMESET | Задание набора кадров и его свойств | BORDER | Толщина бордюра |
| BORDERCOLOR | Цвет бордюра | ||
| COLS | Количество кадров по горизонтали | ||
| FRAMEBORDER | Отображение бордюра у кадров | ||
| FRAMES PACING | Расстояние между кадрами | ||
| ROWS | Количество кадров по вертикали | ||
| Hn (n=1..6) | Заголовок уровня n | ALIGN | Выравнивание |
| HEAD | Секция заголовка -содержит служебную информацию документа | - | - |
| HTML | Содержит весь документ | - | - |
| I | Наклонное начертание | - | - |
| Тег | Назначение | Атрибуты | Значения атрибутов |
| IMG | Изображение | ALIGN | Выравнивание |
| HEIGHT | Высота | ||
| SRC | Адрес графического файла | ||
| WIDTH | Ширина | ||
| INPUT | Поле ввода | TYPE | Тип элемента формы. Он определяет внешний вид и функции элемента, и в зависимости от типа имеются различные атрибуты |
| LI | Элемент списка | VALUE | Значение элемента списка |
| NOFRAMES | Содержимое без кадров | - | |
| OL | Упорядоченный список | START | Начальное значение списка |
| TYPE | Тип нумерации: 1, a, A, i, I | ||
| P | Параграф | ALIGN | Выравнивание |
| PRE | Сохранение исходного форматирования | - | - |
| SPAN | Обобщенный тег строковой разметки | - | - |
| SUB | Верхний индекс | - | - |
| SUP | Нижний индекс | - | - |
| TABLE | Таблица | ALIGN | Выравнивание |
| BACKGROUND | Фоновое изображение | ||
| BGCOLOR | Цвет фона | ||
| BORDER | Толщина бордюра | ||
| BORDERCOLOR | Цвет бордюра | ||
| CELLPADDING | Расстояние от границы ячейки до содержимого | ||
| CELLSPACING | Расстояние между ячейками | ||
| HEIGHT | Высота | ||
| WIDTH | Ширина | ||
| TD | Ячейка таблицы | ALIGN | Выравнивание содержимого |
| BACKGROUND | Фоновое изображение | ||
| BGCOLOR | Цвет фона | ||
| BORDERCOLOR | Цвет бордюра | ||
| COLSPAN | Расширение на несколько столбцов | ||
| HEIGHT | Высота | ||
| NOWRAP | Запрещение сдвига текста | ||
| ROWSPAN | Расширение на несколько строк | ||
| VALIGN | Выравнивание содержимого по вертикали | ||
| WIDTH | Ширина | ||
| TEXTAREA | Текстовый блок | ALIGN | Выравнивание |
| COLS | Ширина (в символах) | ||
| ROWS | Высота (в строках) | ||
| TITLE | Заголовок документа | - | - |
| TR | Строка таблицы | ALIGN | Выравнивание содержимого |
| BGCOLOR | Цвет фона | ||
| BORDERCOLOR | Цвет бордюра | ||
| VALIGN | Выравнивание содержимого по вертикали | ||
| U | Подчеркнутое начертание | - | - |
| UL | Маркированный список | TYPE | Тип маркера списка: disc, circle, square. |
|
|
|
|
|
|
Закрывающие части тегов HTML
| Тег | Закрывающая часть | Тег | Закрывающая часть | Тег | Закрывающая часть |
| <i— —> | Запрещена | Нn | Обязательна | SPAN | Обязательна |
| А | Обязательна | HEAD | Обязательна | SUB | Обязательна |
| В | Обязательна | HTML | Обязательна | SUP | Обязательна |
| BASE | Обязательна | I | Обязательна | TABLE | Обязательна |
| BODY | Обязательна | IMG | Запрещена | TD | Обязательна |
| BR | Запрещена | INPUT | Запрещена | TEXTAREA | Обязательна |
| DIV | Обязательна | LI | Необязательна | TITLE | Обязательна |
| FONT | Обязательна | NOFRAMES | Обязательна | TR | Обязательна |
| FORM | Обязательна | OL | Обязательна | U | Обязательна |
| FRAME | Запрещена | P | Необязательна | UL | Обязательна |
| FRAMESET | Обязательна | PRE | Обязательна |
|
|
|
Данную таблицу нельзя считать полным справочником по HTML, но она содержит основные теги, с помощью которых можно создать полнофункциональную страницу HTML.
В случае, когда закрывающая часть тега необязательна, тег автоматически считается закрытым при встрече следующего открывающего тега (например, два параграфа подряд) или при встрече закрывающей части родительского тега (например, тег </OL> автоматически закрывает последний тег <LI>).
В случае, если закрывающая часть тега обязательна, ее отсутствие может привести как к некорректному отображению элементов (два подряд тега <DIV> будут восприниматься не как последовательные, а как вложенные), так и к потере содержимого (незакрытый тег <TITLE> может вызвать неотображение содержимого страницы, т.к. браузер будет считать, что это все еще заголовок документа).
Пример страницы HTML
<HTML>
<HEAD>
<TITLE>Пример Интернет-страницы</ТITLЕ>
</HEAD>
<BODY BGCOLOR= «yellow»>
<H1>Это заголовок. Он отображается крупным жирным шрифтом. Фон страницы задан желтым цветом</H1>
|
|
|
<P> Это новый абзац
<IMG SRC= «имя_файла_с_ картинкой.jpg»> Так мы помещаем картинку на страницу
<P>
<A HREF= «файл_другой_страницы.html»>Кликнув сюда, мы перейдем на другую страницу></A>
<P>
</BODY>
</HTML>
ПРИЛОЖЕНИЕ 3
|
|
|
