- •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 |
Стиль маркированного списка |