Добавлен: 21.10.2018
Просмотров: 4821
Скачиваний: 9
51
VALIGN=вертикальное>
или <ТН VALIGN=вертикальное>, где
вертикальное может быть TOP, MIDDLE или BOTTOM.
8. Чтобы клетка перекрывала несколько столбцов, применяется метка <TD
COLSPAN=столбцы>, где столбцы показывают число перекрываемых
столбцов. Чтобы клетка перекрывала несколько строк, используется метка
<TD ROWSPAN=строки>, где строки показывает число перекрываемых
строк.
9. Расширения действуют с меткой <TABLE> и включают в себя атрибуты
BORDER (для изменения размера рамки), WIDTH (для определения
ширины таблицы), CELLSPACING (для изменения промежутка между
каждой клеткой) и CELLPADDING (для изменения промежутка между
содержимым клетки и ее рамкой).
Бланк
1. Бланк представляет собой страницу, заполненную разновидностями
диалоговых боксов — текстовыми боксами, контрольными боксами и
командными кнопками, которые применяются для получения информации
от читателя.
2. Базовый бланк обрамлен метками <FORM> и </FORM>, причем в метке
<FORM> имеются атрибуты ACTION и METHOD.
3. Чтобы пользователь мог послать данные бланка, применяется кнопка
submit:
<INPUT TYPE=SUBMIT VALUE= «Отметка»>
4. Для очистки данных бланка и нового его заполнения применяется кнопка
reset:
<INPUT TYPE=RESЕT VALUE= «Отметка»>
5. Ввод читателем простого текста производится в текстовые боксы:
<INPUT TYPE=TEXT NАМЕ= «Имя_поля»>
52
6. Для ввода длинного или многострочного текста применяется текстовая
область:
<TEXTAREA NАМЕ=«Имя_поля» ROWS=Всего_строк СОLS =
Всего_столбцов WRAP> </TЕХТАRЕА>
7. Для ввода информации типа Да/Нет или Истина/Ложь предназначены
контрольные боксы:
<INPUT TYPE=CHECKBOX NАМЕ=«Имя_поля»> Отметка
8. Радиокнопки предоставляют читателю несколько опций:
<INPUT TYPE=RADIO NАМЕ=«Имя_поля» VАLUЕ=Значение»> Отметка
9. Для большого числа опций применяется список выбора:
<SELECT NАМЕ=«Имя_поля» SIZЕ=Элементы>
<ОРТION>Текст первого элемента</ОРТION>
<OPTION>Текст второго элемента</ОРТION>
<OPTION> и т.д. </OPTION>
</SELECT>
СПРАВОЧНИК ЯЗЫКА HTML
Скелет страницы Web
<HTML>
<HEAD>
<TITLE>Название окна страницы сайта</ТITLЕ>
</HEAD>
<BODY>
Все наполнение страницы сайта (тело)
</BODY>
</HTML>
Метки для абзацев и др.
Новый абзац
<Р>
Горизонтальная линия <HR>
Конец строки
<BR>
Заголовки
<Н1> (наибольший) <Н6> (наименьший)
Форматирующие метки
Жирный
<В>Текст будет жирным</В>
Курсив
<I>Текст будет курсивным</I>
Подчеркивание
<U>Текст будет подчеркнутым</U>
Моноширинный
<ТТ>Текст будет похож на печать пишущей машинки</ТТ>
53
Форматированный <PRE>Текст сохраняет все пробелы и табуляции</РRЕ>
Маркированный список
<UL>
<LI>Первый элемент
<LI>Второй элемент
и т.д.
</UL>
Нумерованный список
<OL>
<LI>Первый маркер
<LI>Второй маркер
и т.д.
</OL>
Список определений
<DL>
<DТ>Первый термин
<DD>Первое определение
<DT>Второй термин
<DD>Второе определение и т.д.
Метки связей
Внешняя связь
<А HREF= «URL»>Teкст связи</А>
Якорь
<А NАМЕ= «Имя якоря»>Текст якоря</А>
Внутренняя связь
<А НRЕF= «#Имя якоря»>Текст связи</А>
Электронная почта
<А HREF= «mailto: Ваш адрес»>Текст связи</А>
FTP (каталог)
<А НRЕF= «ftp://хост/каталог/»>Текст связи</А>
FTP (файл)
<А НRЕF= «ftp:/хост/каталог/имя»>Текст связи</А>
Метки изображений
Базовое изображение
<IMG SRС= «имя_файла»>
Изображение, выровненное с верхом текста
<IMG SRС= «имя_файла» ALIGN=TOP>
Изображение, выровненное с серединой текста
<IMG SRС= «имя_файла» ALIGN=MIDDLE>
Изображение, выровненное с низом текста
<IMG SRС= «имя_файла» ALIGN=BOTTOM>
Изображение с альтернативным текстом
<IMG SRС= «имя_файла» ALT= «Альт. текст»>
Метки таблицы
<TABLE BORDER>
<CAPTION ALIGN=TOP | BOTTOM>Teкст надписи.</САРТION>
<TR>
<ТD>Первая строка, первый столбец</TD>
<ТD>Первая строка, второй столбец</TD>
<TD>Первая строка, третий столбец</TD>
</TR>
<TR>
<ТD>Вторая строка, первый столбец</TD>
<ТD>Вторая строка, второй столбец</TD>
<ТD>Вторая строка, третий столбец</TD>
</TR>
и т.д.
</TABLE>
Заголовки
<TR>
<ТН>Заголовок первого столбца</TН>
<ТН>Заголовок второго столбца</TН>
<ТН>И так далее до конца</TН>
</TR>
54
Горизонтальное выравнивание
<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
Цвет гиперссылок
55
содержит
отображаемую часть
страницы
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
Верхний индекс
-
-