- •Лабораторная работа Создание Web-страницы
- •Лабораторная работа
- •1. Структура документа html
- •2. Элементы html
- •3. Функциональные блочные элементы
- •4. Гипертекстовые ссылки
- •6. Форматирование текста
- •7. Списки
- •8. Таблицы
- •9. Отображение нескольких документов
- •10. Интерактивные Web-страницы
- •11. Таблица наиболее часто используемых тегов
- •Задание
- •Задание 2. Изучение приемов форматирования абзацев.
- •Задание 3. Создание гиперссылок.
- •Задание 5. Приемы форматирования текста.
- •Форма отчетности
- •Контрольные вопросы:
Лабораторная работа Создание Web-страницы
(HTML)
Содержание:
Лабораторная работа 3
1. Структура документа HTML 3
2. Элементы HTML 4
3. Функциональные блочные элементы 4
4. Гипертекстовые ссылки 5
5. Web-графика 6
6. Форматирование текста 7
7. Списки 8
8. Таблицы 8
Таблица, ячейка 9
Высота 9
Ячейка 9
9. Отображение нескольких документов 9
10. Интерактивные Web-страницы 10
11. Таблица наиболее часто используемых тегов 12
Табл.2. Основные теги 12
Структура документа 12
Функциональные блочные элементы 12
Гипертекстовые ссылки 12
Графика 12
Форматирование текста 13
должен содержать хотя бы один из атрибутов: 13
см. <FONT> 13
Задание 15
Форма отчетности 20
Контрольные вопросы: 20
Лабораторная работа
Тема: язык разметки гипертекста (HTML).
Цель работы: создание веб-страницы с помощью текстового редактора
Блокнот.
Краткие сведения об HTML
1. Структура документа html
Все документы HTML имеют одну и ту же структуру, определяемую фиксированным набором тегов структуры. Документ HTML всегда должен начинаться с тега <HTML> и заканчиваться соответствующим закрывающим тегом (</HTML>). Внутри документа выделяются два основных раздела: раздел заголовков и тело документа, - идущие именно в таком порядке. Раздел заголовков содержит информацию, описывающую документ в целом, и ограничивается тегами <HEAD> и </НЕАD>. Раздел заголовков должен содержать общий заголовок документа, ограниченный парным тегом <TITLE>. Основное содержание размещается в теле документа, которое ограничивается парным тегом <BODY>.
Простейший правильный документ HTML, содержащий все теги, определяющие структуру, выглядит следующим образом:
<HTML>
<НЕАD>
<TITLE>Заголовок документа</TITLE></НЕАD>
<BODY>
Текст документа
</BODY>
</HTML>
Комментарии в HTML оформляются следующим образом:
<!--Текст внутри комментария-->
Четыре символа - знак меньше (<), знак больше (>), амперсанд (&) и двойные кавычки (") имеют специальное значение внутри HTML и, следовательно, не могут быть использованы в тексте в своем обычном значении. Для использования одного из этих символов в HTML-документе Вы должны ввести вместо него escape-последовательность:
< для "<"
> для ">"
& для "&"
" для кавычек
2. Элементы html
Для парных тегов область влияния определяется частью документа между открывающим и закрывающим тегом.
Большинство элементов языка HTML описывает части содержания документа и помещается между тегами <BODY> и </BODY>, то есть внутрь структурного элемента BODY. Такие элементы делят на блочные и текстовые. Блочные элементы относятся к частям текста уровня абзаца. Текстовые элементы описывают свойства отдельных фраз и еще более мелких частей текста.
Правила вложения элементов:
Элементы не должны пересекаться - если открывающий тег располагается внутри элемента, то и соответствующий закрывающий тег должен располагаться внутри этого же элемента.
Блочные элементы могут содержать вложенные блочные и текстовые элементы.
Текстовые элементы могут содержать вложенные текстовые элементы.
Текстовые элементы не могут содержать вложенные блочные элементы.
Гарантию правильного воспроизведения документа дает только неукоснительное следование требованиям спецификации языка.