3.1 Установка цели по умолчанию для ссылок
Если во многих ссылках в документе используется одна и та же цель, можно указать ее один раз и использовать везде с помощью атрибута target каждого элемента. Это делается с помощью утсановки атрибута target элемента BASE.
Вернемся к предыдущему примеру и определим информацию о цели в элементе BASE и удалим ее из элементов A.
<HTML>
<HEAD>
<TITLE>Документ с определением цели в элементе BASE</TITLE>
<BASE href="http://www.mycom.com/Slides" target="dynamic">
</HEAD>
<BODY>
...начало документа...
<P>Теперь Вы можете перейти к <A href="slide2.html">слайду 2.</A>
...продолжение документа...
<P>Все отлично. Переходим к
<A href="slide3.html">слайду 3.</A>
</BODY>
</HTML>
Таблица основных тегов
БАЗИСНЫЕ ЭЛЕМЕНТЫ | ||
Тип документа(начало и конец файла) | <HTML></HTML> | |
Имя документа (должно быть в заголовке) | <TITLE></TITLE> | |
Заголовок (описание документа, например его имя) | <HEAD></HEAD> | |
Тело(содержимое страницы) | <BODY></BODY> | |
ОПРЕДЕЛЕНИЕ СТРУКТУРЫ | ||
Заглавие (стандарт определяет 6 уровней) | <H?></H?> | |
с выравниванием | <H? ALIGN=LEFT|CENTER|RIGHT></H?> | |
Секция | <DIV></DIV> | |
с выравниванием | <DIV ALIGN=LEFT|RIGHT|CENTER></DIV> | |
Выделение (обычно изображается курсивом) | <EM></EM> | |
Дополнительное выделение (обычно изображается жирным шрифтом) | <STRONG></STRONG> | |
Большой шрифт | <BIG></BIG> | |
Маленький шрифт | <SMALL></SMALL> | |
ВНЕШНИЙ ВИД | ||
Жирный | <B></B> | |
Курсив | <I></I> | |
Ширина (в символах) | <PRE WIDTH=?></PRE> | |
Центрировать (как текст, так и графика) | <CENTER></CENTER> | |
Размер шрифта (от 1 до 7) | <FONT SIZE=?></FONT> | |
Базовый размер шрифта (от 1 до 7; по умолчанию 3) | <BASEFONT SIZE=?>
| |
Цвет шрифта | <FONT COLOR="#$$$$$$"></FONT> | |
Многоколоночный текст | <MULTICOL COLS=?></MULTICOL> | |
Пробел между колонками (по умолчанию 10 точек) | <MULTICOL GUTTER=?></MULTICOL> | |
Ширина колонки | <MULTICOL WIDTH=?></MULTICOL> | |
Выравнивание | <SPACER ALIGN=left|right|center> | |
ССЫЛКИ И ГРАФИКА | ||
Ссылка | <A HREF="URL"></A> | |
Ссылка на закладку (в другом документе) | <A HREF="URL#***"></A> | |
(в том же документе) | <A HREF="#***"></A> | |
На другое окно | <A HREF="URL" TARGET="***| |_blank|_self|_parent|_top"></A> | |
Определить закладку | <A NAME="***"></A> | |
Графика | <IMG SRC="URL"> | |
Выравнивание | <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT> | |
Выравнивание | <IMG SRC="URL" ALIGN=TEXTTOP| ABSMIDDLE|BASELINE|ABSBOTTOM> | |
Альтернатива (выводится если картинка не изображается) | <IMG SRC="URL" ALT="***"> | |
Размеры (в точках) | <IMG SRC="URL" WIDTH=? HEIGHT=?> | |
Окантовка (в точках) | <IMG SRC="URL" BORDER=?> | |
Отступ (в точках) | <IMG SRC="URL" HSPACE=? VSPACE=?> | |
Включить объект (вставить объект в страницу) | <EMBED SRC="URL"> | |
Размер объекта | <EMBED SRC="URL" WIDTH=? HEIGHT=?> | |
ФОН И ЦВЕТА | ||
Фоновая картинка | <BODY BACKGROUND="URL"> | |
Цвет фона | <BODY BGCOLOR="#$$$$$$"> (порядок: красный/зеленый/синий) | |
Цвет текста | <BODY TEXT="#$$$$$$"> | |
Цвет ссылки | <BODY LINK="#$$$$$$"> | |
Пройденная ссылка | <BODY VLINK="#$$$$$$"> | |
Активная ссылка | <BODY ALINK="#$$$$$$"> | |
Таблицы | ||
Определить таблицу | <TABLE></TABLE> | |
Окантовка таблицы | <table border=?></TABLE> | |
Расстояние между ячейками | <TABLE CELLSPACING=?> | |
Желаемая ширина (в точках) | <TABLE WIDTH=?> | |
Ширина в процентах (проценты от ширины страницы) | <TABLE WIDTH="%"> | |
Строка таблицы | <TR></TR> | |
Выравнивание
| <TR ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM> | |
Ячейка таблицы (должна быть внутри строки) | <TD></TD> | |
Выравнивание
| <TD ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM> | |
Без перевода строки | <TD NOWRAP> | |
Растягивание по колонке | <TD COLSPAN=?> | |
Растягивание по строке | <TD ROWSPAN=?> | |
Желаемая ширина (в точках) | <TD WIDTH=?> | |
Ширина в процентах (проценты от ширины страницы) | <TD WIDTH="%"> | |
Цвет ячейки | <TD BGCOLOR="#$$$$$$"> | |
Заголовок таблицы (как данные, но жирный шрифт и центровка) | <TH></TH> | |
Выравнивание
| <TH ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM> | |
Растягивание по колонке | <TH COLSPAN=?> | |
Растягивание по строке | <TH ROWSPAN=?> | |
Желаемая ширина (в точках) | <TH WIDTH=?> | |
Ширина в процентах (проценты ширины таблицы) | <TH WIDTH="%"> | |
Цвет ячейки | <TH BGCOLOR="#$$$$$$"> | |
Заглавие таблицы | <CAPTION></CAPTION> | |
Выравнивание (сверху/снизу таблицы) | <CAPTION ALIGN=TOP|BOTTOM> | |
ФРЕЙМЫ | ||
Документ с фреймами (вместо <BODY>) | <FRAMESET></FRAMESET> | |
Высота строк (точки или %) | <FRAMESET ROWS=,,,></FRAMESET> | |
Высота строк (* = относительный размер) | <FRAMESET ROWS=*></FRAMESET> | |
Ширина колонок (точки или %) | <FRAMESET COLS=,,,></FRAMESET> | |
Ширина колонок (* = относительный размер) | <FRAMESET COLS=*></FRAMESET> | |
Ширина окантовки | <FRAMESET BORDER=?> | |
Окантовка | <FRAMESET FRAMEBORDER="yes|no"> | |
Цвет окантовки | <FRAMESET BORDERCOLOR="#$$$$$$"> | |
Определить фрейм (содержание отдельного фрейма) | <FRAME> | |
Документ | <FRAME SRC="URL"> | |
Имя фрейма | <FRAME NAME="***"|_blank|_self| parent|_top> | |
Ширина границы (правая и левая границы) | <FRAME MARGINWIDTH=?> | |
Высота границы (верхняя и нижняя границы) | <FRAME MARGINHEIGHT=?> | |
Скроллинг | <FRAME SCROLLING="YES|NO|AUTO"> | |
Постоянный размер | <FRAME NORESIZE> | |
Окантовка | <FRAME FRAMEBORDER="yes|no"> | |
Цвет окантовки | <FRAME BORDERCOLOR="#$$$$$$"> | |
Содержание без фреймов (для просмотрщиков не поддерживающих фреймы) | <NOFRAMES></NOFRAMES> |
Таблица основных цветов
Русское название | In English | Код / Сode |
Белоснежный | Snow | FFFAFA |
Призрачно-белый | Ghostwhite | F8F8FF |
Белый-антик | Antique White | FAEBD7 |
Кремовый | Cream | FFFBF0 |
Персиковый | Peachpuff | FFDAB9 |
Белый-навахо | Navajo White | FFDEAD |
Шелковый оттенок | Cornsilk | FFF8DC |
Слоновая кость | Ivory | FFFFF0 |
Лимонный | Lemon Chiffon | FFFACD |
Морская раковина | Seashell | FFF5EE |
Медовый | Honeydew | F0FFF0 |
Лазурный | Azure | F0FFFF |
Бледно-лиловый | Lavender | E6E6FA |
Голубой с красным отливом | Lavender Blush | FFF0F5 |
Тускло-розовый | Misty Rose | FFE4E1 |
Белый | White (*) | FFFFFF |
Черный | Black (*) | 000000 |
Тускло-серый | Dim Gray | 696969 |
Синевато-серый | Slate Gray | 708090 |
Грифельно-серый | Light Slate Gray | 778899 |
Серый | Gray | BEBEBE |
Светло-серый | Light Gray | C0C0C0 |
Серый нейтральный | Medium Gray | A0A0A4 |
Темно-серый | Dark Gray | 808080 |
Полуночно-синий | Midnight Blue | 191970 |
Темно-синий | Navy (*), Dark Blue | 000080 |
Васильковый | Cornflower | 6495ED |
Грифельно-синий | Slate Blue | 6A5ACD |
Светлый грифельно-синий | Light Slate Blue | 8470FF |
Голубой королевский | Royal Blue | 4169E1 |
Синий | Blue | 0000FF |
Небесно-голубой | Sky Blue | 87CEEB |
Небесно-голубой светлый | Light Sky Blue | 87CEFA |
Синий со стальным оттенком | Steel Blue | 4682B4 |
Голубой со стальным оттенком | Light Steel Blue | B0C4DE |
Светло-синий | Light Blue | A6CAF0 |
Синий с пороховым оттенком | Powder Blue | B0E0E6 |
Бледно-бирюзовый | Pale Turquoise | AFEEEE |
Бирюзовый | Turquoise | 40E0D0 |
Зеленовато-голубой | Cyan (*) | 00FFFF |
Светлый циан | Light Cyan | E0FFFF |
Темный циан | Dark Cyan | 008080 |
Серо-синий | Cadet Blue | 5F9EA0 |
Аквамарин | Aquamarine | 7FFFD4 |
Цвет морской волны | Seagreen | 54FF9F |
Цвет морской волны, светлый | Light Seagreen | 20B2AA |
Бледно-зеленый | Pale Green | 98FB98 |
Весенне-зеленый | Spring Green | 00FF7F |
Зеленая лужайка | Lawn Green | 7CFC00 |
Зеленый | Green (*) | 00FF00 |
Средне-зеленый | Medium Green | C0DCC0 |
Темно-зеленый | Dark Green | 008000 |
Зеленовато-желтый | Chartreuse | 7FFF00 |
Зелено-желтый | Green Yellow | ADFF2F |
Лимонно-зеленый | Lime Green | 32CD32 |
Желто-зеленый | Yellow Green | 9ACD32 |
Зеленый лесной | Forest Green | 228B22 |
Хаки | Forest Green | F0E68C |
Бледно-золотистый | Pale Goldenrod | EEE8AA |
Светло-желтый золотистый | Light Goldenrod Yellow | FAFAD2 |
Светло-желтый | Light Yellow | FFFFE0 |
Желтый | Yellow (*) | FFFF00 |
Темно-желтый | Dark Yellow | 808000 |
Золотой | Gold | FFD700 |
Светло-золотистый | Light Goldenrod | FFEC8B |
Золотистый | Goldenrod | DAA520 |
Желтоватый | Burly Wood | DEB887 |
Розово-коричневый | Rosy Brown | BC8F8F |
Кожано-коричневый | Saddle Brown | 8B4513 |
Охра | Sienna | A0522D |
Бежевый | Beige | F5F5DC |
Пшеничный | Wheat | F5DEB3 |
Рыжевато-коричневый | Tan | D2B48C |
Шоколадный | Chocolate | D2691E |
Кирпичный | Firebrick | B22222 |
Коричневый | Brown | A52A2A |
Сомон | Salmon | FA8072 |
Светлый сомон | Light Salmon | FFA07A |
Оранжевый | Orange | FFA500 |
Коралловый | Coral | FF7F50 |
Коралловый светлый | Light Coral | F08080 |
Оранжево-красный | Orange Red | FF4500 |
Красный | Red (*) | FF0000 |
Темно-красный | Dark Red | 800000 |
Теплый розовый | Hot Pink | FF69B4 |
Розовый | Pink | FFC0CB |
Светло-розовый | Light Pink | FFB6C1 |
Красно-фиолетовый бледный | Pale Violet Red | DB7093 |
Темно-бордовый | Maroon (*) | B03060 |
Красно-фиолетовый | Violet Red | D02090 |
Фуксин | Magenta (*) | FF00FF |
Фуксин темный | Dark Magenta | 800080 |
Фиолетовый | Violet | EE82EE |
Темно-фиолетовый | Plum | DDA0DD |
Орсель | Orchid | DA70D6 |
Фиолетово-синий | Blue Violet | 8A2BE2 |
Пурпурный | Purple | A020F0 |
- Лабораторная работа №1 html, dhtml, JavaScript
- 1. Фреймы
- 2. Расположение фреймов
- 2.1 Элемент frameset
- Строки и столбцы
- Вложенные наборы фреймов
- Разделение данных между фреймами
- 2.2 Элемент frame
- Задание исходного содержимого фрейма
- Визуальное представление фрейма
- 3. Определение цели фрейма
- 3.1 Установка цели по умолчанию для ссылок
- Dynamic html
- JavaScript
- Пример разработки Web-страницы с использованием dhtml:
- Menu.Htm:
- Test.Htm:
- Script.Htm: