- •2. Создание web-страниц и web-сайтов
- •2.1 Общие сведения о создании Web-страниц
- •2.2 Html-тэги и их атрибуты
- •2.3 Создание и оформление Web-страниц
- •2.4 Форматирование текста в html
- •2.5 Вставка иллюстраций
- •2.6 Создание списков
- •2.7 Создание форм
- •2.8 Вставка гипертекстовых ссылок
- •2.9 Создание таблиц
- •2.10 Создание фреймов
- •2.11 Анимация на Web-страницах
- •2.12 Мета теги
- •2.13 Контрольные вопросы к раздела 2.1-2.13
- •2.14 Размещение Web-страниц в Интернете
- •2.15 Регистрация в поисковых системах и каталогах
- •Контрольные вопросы к разделам 2.14-2.15
2.2 Html-тэги и их атрибуты
В табл. 2.1 представлены некоторые тэги и их атрибуты.
Таблица 2.1
|
Атрибут |
Краткое описание |
|
<A> - Гиперссылка | |
|
accesskey |
Определение "горячей клавиши" для гиперссылки |
|
href |
Определяет имя и местоположение объекта гиперссылки |
|
name |
Служит для именования области вэб-страницы |
|
tabindex |
Определяет порядок перехода по гиперссылкам |
|
target |
Определяет окно для отображения объекта гиперссылки |
|
<AREA> - Определяет информацию зоны карты ссылок | |
|
alt |
Задает текстовый ярлык для зоны карты ссылок |
|
coords |
Задает координаты характерных точек зоны карты ссылок |
|
href |
Задает имя и местоположение файла |
|
shape |
Задает форму зоны карты ссылок |
|
tabindex |
Задает порядок перехода по зонам карты ссылок |
|
<B> - Признак полужирного начертания текста | |
|
<BASEFONT> - Изменяет внешний вид всего текста | |
|
size |
Изменяет размер шрифта всего текста |
|
<BIG> - Укрупняет шрифт относительно размера соседнего текста | |
|
<BLOCKQUOTE> - Создает блок цитаты | |
|
<BODY> - Тело вэб-страницы - описывает ее содержимое | |
|
alink,link,vlink |
Опрделеляют цвет гиперссылок |
|
background |
Определяет графический фон |
|
bgcolor |
Изменяет цвет фона |
|
bgproperties |
Определяет возможность перемещения графического фона при пролистывании страницы |
|
bottommargin |
Изменяет высоту нижнего поля |
|
leftmargin |
Изменяет ширину левого поля |
|
marginheight |
Изменяет высоту верхнего и нижнего полей |
|
marginwidth |
Изменяет ширину левого и правого полей |
|
rightmargin |
Изменяет ширину правого поля |
|
text |
Изменяет цвет текста |
|
topmargin |
Изменяет высоту верхнего поля |
|
<BR> - Создает новую строку | |
|
clear |
Предотвращает перенос слов текста |
|
<CAPTION> - Снабжает таблицу заголовком | |
|
align |
Задает признак выравнивания заголовка таблицы |
|
<CENTER> - Центрирует элемент Web-страницы | |
|
<COL> - Создает неструктурную группу столбцов таблицы | |
|
align |
Задает признак выравнивания данных в ячейках группы по горизонтали |
|
bgcolor |
Задает цвет фона ячеек группы |
|
char |
Задает символ, определяющий порядок выравнивания данных в ячейках группы |
|
span |
Задает количество столбцов в группе |
|
valign |
Задает признак выравнивания данных в ячейках группы по вертикали |
|
<COLGROUP> - Создает структурную группу столбцов таблицы | |
|
align |
Создает признак выравнивания данных в ячейках группы по горизонтали |
|
bgcolor |
Задает цвет фона ячеек группы |
|
char |
Задает символ, определяющий порядок выравнивания данных в ячейках группы |
|
span |
Определяет количество столбцов в группе |
|
valign |
Задает признак выравнивания данных в ячейках группы по вертикали |
|
<DD> - Отмечает статью определения в списке определений | |
|
<DEL> - Снабжает текст признаком зачеркивания | |
|
<DIV> - Делит вэб-страницу на области с целью применения стилей | |
|
class |
Определяет стиль, применяемый для области вэб-страницы |
|
<DL> - Создает список определений | |
|
<DT> - Отмечает текст термина в списке определений | |
|
<EM> - Выделяет текст курсивом | |
|
<FIELDSET> - Создает группы элементов формы | |
|
<FONT> - Изменяет внешний вид текста | |
|
color |
Изменяет цвет текста |
|
face |
Изменяет шрифт текста |
|
size |
Изменяет размер шрифта |
|
<FORM> - Создает форму | |
|
accept-charset |
Задает формат кодировки данных |
|
action |
Задает место назначения данных формы |
|
enctype |
Определяет формат передаваемых данных формы |
|
method |
Задает способ пересылки данных формы по сети |
|
target |
Определяет место отображения сообщения о доставке данных формы |
|
<FRAME> - Определяет набор данных фрейма | |
|
bordercolor |
изменяет цвет линий рамки фрейма |
|
frameborder |
Обеспечивает сокрытие рамки фрейма |
|
marginheight |
Изменяет высоту верхнего и нижнего полей фрейма |
|
marginwidth |
Изменяет ширину левого и правого полей фрейма |
|
name |
Служит для именования фрейма |
|
noresize |
Предотвращает возможность изменения размеров фрейма |
|
scrolling |
Обеспечивает сокрытие или отображение полос прокрутки фрейма |
|
src |
Определяет имя и местоположение файла данных, отображаемых фреймом |
|
<FRAMESET> - Создает набор фреймов | |
|
border |
Изменяет толщину линий рамок фреймов |
|
bordercolor |
изменяет цвет линий рамок фреймов |
|
cols |
Создает столбцы рамок фреймов |
|
frameborder |
Скрывает рамки фреймов |
|
framespacing |
Задает толщину линий рамок фреймов |
|
rows |
Создает строки фреймов |
|
<H1>..<H6> - Заголовки разных уровней | |
|
align |
Признак выравнивания заголовка |
|
<HEAD> - Определяет раздел заголовка вэб-страницы | |
|
<HR> - Создает горизонтальную линейку | |
|
align |
Признак выравнивания линейки |
|
noshade |
Эффект объемности горизонтальной линейки |
|
size |
Задает толщину линейки |
|
width |
Задает ширину линейки |
|
<HTML> - Определяет данные как документ HTML | |
|
<I> - Курсивное начертание текста | |
|
<IFRAME> - Создает плавающий фрейм | |
|
<IMG> - Вставляет графическое изображение в текст вэб-страницы | |
|
align |
Задает признаки выравнивания текста относительно изображения |
|
alt |
Отображает альтернативный текст при отсутствии графики |
|
border |
Заключает изображение в рамку |
|
dynsrc |
Создает внедренный объект видео |
|
height, width |
Задает высоту и ширину графического изображения |
|
hspace, vspace |
Обрамляет графическое изображение полосами чистого пространства |
|
ismap |
Создает карту ссылок |
|
lowsrc |
Указывает имя и расположение файла изображения низкого разрешения |
|
name |
Именует изображение |
|
src |
Определяет имя и местоположение файла графического изображения |
|
tabindex |
Определяет порядок перехода по изображениям |
|
usemap |
Определяет имя карты ссылок |
|
<INS> - Подчеркивает вставленный фрагмент текста | |
|
<KBD> - Выделяет текст, который необходимо ввести | |
|
<LAYER> - Позиционирует слой (группу элементов) страницы | |
|
height, width |
Задает высоту и ширину слоя |
|
left |
Координата слоя относительно левой кромки окна |
|
top |
Координата слоя относительно верхней кромки окна |
|
z-index |
Задает приоритет воспроизведения перекрывающихся элементов слоя |
|
<LI> - Определяет элемент списка | |
|
type |
Стиль маркирования элемента списка |
|
value |
Устанавливает номер элемента списка |
|
<LINK> - Ссылка на файл внешнего листа стилей | |
|
href |
Определяет имя и местоположение файла внешнего листа стилей |
|
rel |
Тип отношения внешнего листа стилей к Вэб-странице |
|
type |
Формат внешнего листа стилей |
|
<MAP> - Создает карту ссылок | |
|
name |
Именование карты ссылок |
|
<MARQUEE> - Создает объект бегущей строки | |
|
behavior |
Способ поведения бегущей строки |
|
bgcolor |
Задает цвет фона бегущей строки |
|
direction |
Направление перемещения бегущей строки |
|
height, width |
Высота и ширина бегущей строки |
|
hspace, vspace |
Обрамление бегущей строки полосами чистого пространства |
|
loop |
Число циклов перемещения бегущей строки |
|
scrollamount |
Шаг единовременного перемещения бегущей строки |
|
scrolldelay |
Величина задержки между отдельными тактами перемещения текста бегущей строки |
|
truespeed |
Определяет минимальное значение интервала задержки scrolldelay |
|
<META> - Служебная информация о вэб-странице для поисковых роботов | |
|
<NOBR> - Запрет перехода текста на новую строку | |
|
<NOFRAMES> - Отображает альтернативный текст при невозможности показа фреймов | |
|
<NOSCRIPT> - Отображает альтернативный текст при невозможности исполнения сценариев JavaScript | |
|
<OL> - Создает нумерованный список | |
|
start |
Задает начальный номер элементов списка |
|
type |
Определяет стиль нумерации списка |
|
<P> - Создает новый абзац | |
|
align |
Признак выравнивания текста абзаца |
|
<PRE> - Возможность сохранения признаков предварительного форматирования | |
|
<Q> - Краткий блок цитаты | |
|
<SAMP> - Выделяет текст примеров | |
|
<SCRIPT> - Создает объект сценария JavaScript | |
|
<SMALL> - Уменьшает шрифт относительно размера соседнего текста | |
|
<SPACER> - Добавляет блок чистого пространства | |
|
align |
Признак обтекания блока текстом |
|
height, width |
Высота и ширина блока чистого пространства |
|
type |
Тип блока |
|
<STRIKE> - Признак зачеркивания текста | |
|
<STRONG> - Полужирный текст | |
|
<STYLE> - Создает определение внутреннего листа стилей | |
|
<SUB> - Преобразует текст в подстрочный индекс | |
|
<SUP> - Преобразует текст в надстрочный индекс | |
|
<TABLE> - Создает таблицу | |
|
align |
Признак обтекания таблицы текстом |
|
background |
Графический фон таблицы |
|
bgcolor |
Цвет фона таблицы |
|
border |
Задает толщину линии рамки |
|
bordercolor |
Цвет линий рамки |
|
cellpadding |
Определяет размер полос чистого пространства, отделяющего содержимое ячеек таблицы от ее границ |
|
callspacing |
Определяет размеры полос чистого пространства, разделяющих ячейки таблицы. |
|
frame |
Определяет набор линий рамки таблицы, которые будут показаны |
|
height, width |
Высота и ширина таблицы |
|
rules |
Определяет набор внутренних линий таблицы, которые будут показаны |
|
<TBODY> - Группа строк данных таблицы | |
|
align |
Способ выравнивания данных по горизонтали |
|
bgcolor |
Цвет фона группы |
|
char |
Задает символ, определяющий порядок выравнивания данных в ячейках группы |
|
valign |
Способ выравнивания данных по вертикали |
|
<TD><TH> - Определяют ячейку данных и ячейку заголовка таблицы | |
|
align |
Способ выравнивания по горизонтали |
|
background |
Графический фон ячеек |
|
bgcolor |
Цвет фона ячеек |
|
char |
Задает символ, определяющий порядок выравнивания данных в ячейках |
|
colspan |
Объединяет соседние ячейки одной строки таблицы |
|
height, width |
Высота и ширина ячейки |
|
nowrap |
Запрещает перенос слов внутри ячейки на новую строку |
|
rowspan |
Объединяет соседние ячейки одного столбца |
|
valign |
Способ выравнивания данных по вертикали |
|
<TFOOT> - Создает группу строк итоговых данных таблицы | |
|
align |
Способ выравнивания данных по горизонтали |
|
bgcolor |
Цвет фона |
|
char |
Задает символ, определяющий порядок выравнивания данных в ячейках группы |
|
valign |
Способ выравнивания данных по вертикали |
|
<THEAD> | |
|
align |
Способ выравнивания данных по горизонтали |
|
bgcolor |
Цвет фона |
|
char |
Задает символ, определяющий порядок выравнивания данных в ячейках группы |
|
valign |
Способ выравнивания данных по вертикали |
|
<TITLE> - Заголовок вэб-страницы | |
|
<TR> - Создает строку таблицы | |
|
align |
Способ выравнивания данных по горизонтали |
|
bgcolor |
Цвет фона |
|
char |
Задает символ, определяющий порядок выравнивания данных в ячейках строки |
|
valign |
Способ выравнивания данных по вертикали |
|
<TT> - Воспроизведение текста моноширинным шрифтом | |
|
<U> - Подчеркивание текста | |
|
<UL> - Создает маркированный список | |
|
type |
Стиль маркированного списка |