- •Основы html
- •Инструментарий
- •Теги (дескрипторы) в html
- •Структура html-документа
- •Атрибуты
- •Создание Web-страниц
- •Определение цветов
- •Расположение рисунков на странице.
- •Лабораторная работа №1 Знакомство с таблицами
- •Формирование таблиц
- •Лабораторная работа №2 Форматирование текста в html-документах
- •Заголовки
- •Текстовые абзацы
- •Принудительный разрыв строки
- •Изменение шрифта
- •Начертания шрифтов
- •Нижние и верхние индексы
- •Горизонтальные линии на html – странице
- •Бегущая строка
- •Маркированные и нумерованные списки
- •Лабораторная работа №3 Организация гиперссылок
- •Элементы привязки
- •Адрес гиперссылки
- •Внутренние и внешние гиперссылки
- •Задание цвета гиперссылок
- •Лабораторная работа №4 Создание фреймовой структуры html-страниц
- •Что такое фрейм?
- •Организация фреймов
- •Лабораторная работа №5 Использование иерархических стилевых спецификаций (css)
- •Применение css
- •Внешняя стилевая спецификация
- •Внедренные стилевые таблицы
- •Внутренние стили
- •Классы в стилевых спецификациях
- •Определение стиля для специфического элемента
- •Работа со специальными элементами
- •Лабораторная работа №6 Организация форм
- •Создание формы
- •Описание элементов формы
- •Лабораторная работа №7 Создание клиентских сценариев
- •Размещение сценария
- •Выполнение сценария
- •Функции JavaScript
- •Пример проверки заполнения обязательных текстовых полей
- •Пример обработки кнопок с зависимой фиксацией (radio)
- •Пример для элементов select (option)
Атрибуты
Многие теги, как парные, так и непарные, имеют атрибуты, изменяющие и уточняющие действие тега.
Например, текст, помещенный внутри тегов <H1 ALIGN=CENTER>Текст</H1>, будет выглядеть, как большой центрированный заголовок.
Пример:
<html>
<head>
<title>Пример: атрибуты тегов. </title>
</head>
<body>
<h1 align=center>Текст</h1>
</body>
</html>
На рис. 2 приведен вид этой HTML-страницы в броузере.
Рис.2. Пример использования атрибута align
Атрибут ALIGN указывает расположение текста. Возможны значения данного атрибута ALIGN=RIGHT, ALIGN=LEFT, ALIGN=CENTER, ALIGN=JUSTIFY, выравнивающие текст, соответственно, по правому, левому краю, по центру и по ширине страницы.
В большинстве случаев атрибуты являются необязательными, но в их отсутствие интерпретатор HTML должен использовать значения по умолчанию, заданные в стандарте языка. Кавычки вокруг значения атрибута обязательны в тех случаях, когда значение это содержит какие-либо символы, кроме букв, цифр, точки или дефиса, но с точки зрения совместимости с XML, лучше пользоваться кавычками всегда.
Все атрибуты тегов Вы можете более подробно рассмотреть в справочнике на компакт-диске.
Примечание: регистр букв в идентификаторах тегов и атрибутов (но не в значениях атрибутов) не учитывается.
Задание
В Блокноте создайте на основе вышеприведенного примера свою первую страницу. Сохраните ее под именем «first» с соответствующим расширением. Откройте ее в броузере. Теперь измените заголовок на «Мой первый HTML-документ», а основную часть оставьте пустой.
Примечание: для внесения изменений в документ необходимо выбрать в меню броузера пункт Вид / В виде HTML. Чтобы просмотреть, как выглядит Ваш HTML-документ в броузере после внесенных в него изменений, надо нажать в панели инструментов броузера кнопку «Обновить». Если изменений не видно, значит Вы ошиблись в коде или забыли сохранить документ.
Пригласите преподавателя и продемонстрируйте ему свою первую html-страницу.
Создание Web-страниц
Итак, Вы сумели создать свою первую работоспособную Web-страницу. Точнее, Вы составили работоспособный «скелет» HTML-файла, который смогли посмотреть, используя броузер. Правда, ничего примечательного Вы там не увидели. Теперь Вы научитесь наполнять Web-страницу текстом, изменять цвет фона Web-страницы и использовать в качестве фона рисунки.
Тело документа
Между тегами <BODY> и </BODY> размещается основная часть материала Вашего документа. Все, что идет после тега <BODY>, интерпретируется броузером в соответствии со строгим набором правил.
Атрибуты тега <BODY>
BACKGROUND |
Атрибут указывает URL изображения, которое следует использовать в качестве фона документа |
BGCOLOR |
Определяет цвет фона документа |
BGPROPERTIES |
Если этот атрибут имеет значение FIXED, то изображение фона не будет прокручиваться |
LEFTMARGIN |
Атрибут определяет ширину левого поля в пикселях |
TOPMARGIN |
Атрибут определяет ширину верхнего поля в пикселях |
TEXT |
Атрибут определяет цвет текста |
Примечание: в приведенной выше таблице указаны не все атрибуты тега <BODY>. Дело в том, что действие некоторых из них нам пока будет проверить непросто ввиду отсутствия необходимых знаний. Поэтому пока (!) мы ограничимся знакомством только с несколькими из используемых атрибутов. В справочнике на компакт-диске приведен полный перечень атрибутов тега <BODY>.