Общее представление

Основным форматом представления документов в сети Интернет является язык гипертекстовой

Текстовый файл, в котором хранятся теги, обязательно должен иметь расширение html

Работа с HTML-документом

Структура HTML-документа

Начало HTML-документа

Конец

Теги для работы со структурой документа

Границы документа

Основным тегом языка HTML является тег (пара тэгов)
…

Следующим тегом, который относится к разметке структуры документа, является тег заголовка

Пример

Название
документа, указывается
с помощью пары тегов

Примечание:
если тег не содержит иных параметров, кроме , то

Тег
…
содержит тело документа, которое отображается браузером на экране.

Тело

Подготовка к работе

На Рабочем столе создать папку с названием “HTML”.
Примечание:

Задание

Создать HTML-документ
Сохранить его в папке “HTML” под названием proba.html

Порядок создания документа

1. Запустите программу Блокнот
Пуск -> Программы ->Стандартные -> Блокнот

Порядок создания документа

2. Наберите в окне программы Блокнот следующий текст:



Привет

Порядок создания документа

3. Сохраните файл документа в папке “HTML” на Рабочем

Порядок создания документа

4. Для просмотра HTML-документа запустите программу Internet Explorer, которая

Тег
…
имеет несколько параметров. Некоторые из них:
bgcolor – цвет фона

Пример

Примечания:
1) если параметры цвета фона у данного тега

Фон документа - рисунок

Фон документа - цвет

В HTML цвета можно задавать непосредственно названиями, а можно в шестнадцатеричной

Теги для форматирования текста

HTML предполагает, что автор документа ничего не знает о компьютере пользователя.

Тег абзаца имеет важный параметр
align
Данный параметр может иметь значения:
left – выравнивание

Одной из важных возможностей HTML является полный контроль облика создаваемого документа,

Тег font имеет следующие параметры
size
Служит для указания размера шрифта в условных

Параметр
color
Устанавливает цвет шрифта, который может быть указан как в формате RGB,

Заголовки имеют важное значение в структурировании HTML-документа и являются одними из

… - начало-конец оформления фрагмента текста курсивом;
… -

Для того, чтобы перейти на новую строку в любом месте текущей

Еще одним методом разделения документа является использование разделительных линий. Для проведения

Задание № 1

Выполнить Задание №1.
Сохранить его в файле с названием text.html

Оформление рисунков

Существует достаточно много форматов графических документов: GIF, BMP, JPEG (JPG), PCX,

По умолчанию после вставки изображения следующая строка оказывается после рисунка. Если

В некоторых случаях возникает необходимость выровнять объект по центру документа, но

Верхний / нижний регистр

Для перевода фрагмента текста в верхний регистр используется

Задание 1

Выполнить задание № 1.
Файл с заданием находится на рабочем

Таблицы

Для оформления таблиц в документе используется несколько тегов:

Параметры тега TABLE

Вместе с тегом table обычно используют параметры:
border – определение

Простая таблица

Указание ширины таблицы

Тег tr, может иметь параметр align (‘center’, ‘left’, ‘right’), который определяет

В случае сложной структуры таблицы возникает необходимость горизонтального или вертикального объединения

Размерность таблицы (без объединения) – 3 х 3

Пример

Задание 2

Выполнить задание 2.
Файл с заданием находится на рабочем столе

Ссылки

Гипертекстовый документ – это документ, содержащий ссылки на другие документы, позволяющие

Указатели могут быть текстовые (слово, группа слов) или графические (изображение).
При отображении

Адресная часть

Указатель

Адресная часть

Указатель

Указатель

Указатель

внешние ссылки- указывающие на другие html-документы, хранящиеся на Вашем жестком диске;
внутренние

Достаточно часто возникает необходимость включить ссылки на разные части текущего документа.

Для создания внешней ссылки (на другой локальный html-документ) используют только одну

Для создания ссылки на Интернет-источник используется точно такой же механизм, как

Для создания ссылки на электронную почту используется зарезервированное слово mailto, которое

Фреймы (кадры)

Кадры являются удобным способом логического разбиения HTML-документа на отдельные независимые панели,

Самый простой способ разделения - два кадра: кадр для оглавления учебника

Структура из трех фреймов: верхний – для первого уровня меню, левый

Взаимосвязь между файлами, объединенными посредством кадров можно представить следующим образом

Кадровая структура определяется только один раз в основном файле, в котором

Тег используется вместо тега . Т.е. можно сказать, что в

Тег имеет два основных параметра rows и cols. Общий вид

Например,

приведет к созданию трех кадров по 25%,50%

После того как с помощью тега было определено общее количество

Основными параметрами тега являются
src - который определяет путь к

В качестве примера рассмотрим создание простейшей структуры, состоящей из двух кадров.

content.html

main.html

left_frame
(25%)

right_frame
(75%)

Пример

Поскольку левый кадр в нашем случае используется как элемент навигации -