- •Санкт – Петербургский Государственный Университет Аэрокосмического приборостроения
- •Тема 10. Карта сайта. 41
- •Тема 11. Таблицы стилей. 45
- •Введение.
- •Тема 1. СтруктураHtml-документов.
- •1.1. Границы документа.
- •1.2. Заголовок документа.
- •1.3. Тело документа.
- •Тема 2. ФорматированиеHtml-документов.
- •2.4. Предварительно отформатированный текст.
- •Тема 3. Форматирование текстаHtml-документов.
- •3.1. Логическое форматирование.
- •3.2. Физическое форматирование.
- •Тема 4. Использование графики вHtml-документах.
- •4.1. Выбор формата графического файла.
- •4.2. Вставка изображения в документ.
- •Тема 5. Ссылки вHtml-документах.
- •5.1. Гипертекст и гипермедиа.
- •5.2. Создание ссылок на документы и файлы.
- •5.3. Ссылки внутри документа.
- •Тема 6. Списки в html-документах.
- •6.6. Дополнительные возможности форматирования списков.
- •Тема 7. Таблицы вHtml-документах.
- •7.1. Основы построения таблиц.
- •7.2. Создание сложной таблицы.
- •7.3. Альтернативные способы представления табличных данных.
- •Тема 8. Кадры (фреймы) вHtml-документах.
- •8.1.Основы создания кадров.
- •8.2. Модификация внешнего вида кадров.
- •8.3. Организация ссылок в кадрах.
- •Тема 9. Формы вHtml-документах.
- •9.1. Что такое формы.
- •9.1.1. Типы управляющих элементов
- •9.2. Работа с формами.
- •9.3. Разработка форм.
- •9.3.1. Элемент input.
- •9.3.2. ЭлементButton.
- •9.3.3. Элементы select, optgroup и option
- •9.3.4. Заранее выбранные варианты
- •9.3.5. ЭлементTextarea
- •9.3.6. Метки.
- •9.3.6.1. Элемент label.
- •9.3.7. Переход фокуса на элемент.
- •9.3.7.1.Переход с помощью клавиши Tab.
- •9.3.7.2. Клавиши доступа.
- •9.3.8.Отправка формы.
- •9.3.8.1. Метод отправки формы.
- •9.3.8.2. Успешные управляющие элементы.
- •9.3.9.Обработка данных формы.
- •Тема 10. Карта сайта.
- •Тема 11. Таблицы стилей.
- •11.1. Псевдоклассы и псевдоэлементы:
- •11.2. Краткое описание языка css.
- •11.3. Некоторые хитрости управления стилями.
- •Приложение 1.Цвета.
3.1. Логическое форматирование.
Предназначено для расстановки логических ударений, выделения логических частей и подчеркивания сути высказываний.
<CITE>… </CITE> - цитата или название книги (курсив);
<CODE>…</CODE> - небольшой кусок программного кода (фиксированная ширина);
<EM>…</EM> - важный фрагмент текста (курсив);
<KBD>…</KBD> - текст, вводимый пользователем с клавиатуры (фиксированная ширина);
<SAMP>…</SAMP> - выделение нескольких символов шрифтом фиксированной ширины;
<STRONG>…</STRONG> - выделение важных фрагментов текста (полужирный);
<VAR>…</VAR> - отметка имен переменных (курсив).
<BLOCKQUOTE>… </BLOCKQUOTE> - выделяет цитату из основного текста.
Позволяет использование любых форматирующих тэгов.
3.2. Физическое форматирование.
<B>…</B> - полужирный;
<I>…</I> - курсив;
<TT>…</TT> - моноширинный;
<U>…</U> - подчеркнутый;
<STRIKE>…</STRIKE> - зачеркнутый;
<BIG>…</BIG> - шрифт большого размера;
<SMALL>…</SMALL> - маленький размер шрифта;
<SUB>…</SUB> - подстрочный текст (индекс);
<SUP>…</SUP> - надстрочный текст (степень).
3.3. Тэг <FONT>.
Специфицирует тип, размеры и цвет шрифта.
<FONT атрибуты…> текст </FONT>
Атрибуты тэга <FONT>:
FACE– тип шрифта;
SIZE– размер шрифта (цифра в диапазоне 1 - 7 либо целое со знаком, означающее увеличение/уменьшение размера шрифта относительно базового);
COLOR– цвет шрифта3.
3.4. Тэг <BASEFONT>.
Задает тип, размер и цвет шрифта для всего документа. Эти величины обязательны для всего документа, если не отменяются тэгом <FONT>. После закрытия тэга - </FONT> - значения элементов BASEFONTавтоматически восстанавливаются. Значения элементовBASEFONTмогут быть отменены другим тэгомBASEFONTв любом месте документа.
3.5. Тэг <MARQUEE>.
<marquee>…</marquee> - бегущая строка.
Атрибуты тэга <marquee>:
ALIGN(left,right,top,middle,bottom) – выравнивание текста бегущей строки по границе поля;
BEHAVIOR(scroll,slide,alternate) – тип движение текста бегущей строки;
BGCOLOR– цвет фона бегущей строки.
Параметры текста бегущей строки задаются в тэге <FONT>.
Тема 4. Использование графики вHtml-документах.
Поддержка изображений в HTML - путь в мир графики. Создание и манипулирование изображениями, графическими форматами и другим графическим материалом не является частью HTML. В частности, HTML спецификации не объявляют каких-либо требований или ограничений на графические форматы, поддерживаемые Web браузерами.
Допустим, что мы имеем некоторые графические изображения в некотором формате. Существуют два различных способа его использования в Web документе. Вы можете либо указать связь к нему,либовставитьего в Ваш документ. В первом случае, когда пользователь рассматривает Ваш документ, он видит символьную фразу, действующую, как связь, и активизация этой связи заставляет изображение появиться на экране, либо в том же самом окне, либо в другом, в зависимости от браузера и его установок. В другом случае, вставленное изображение является частью Вашего документа; когда пользователь обращается к Вашему документу, изображение загружается вместе с ним и выводится, как его часть.
Ссылка на графические объекты обычно допускается без специальных разрешений. Но при использовании авторских рисунков, фотографий и т.п. - автор должен упоминаться. (Смотрите Законы Web FAQ.) Однако, некоторые изображения настолько просты, что копирайт просто не нужен. Кроме того, есть большое количествоколлекций изображенийи среди них - коллекции общего пользования.