Элементы HTML

Лабораторная работа

Создание Web-страницы

(HTML)

Содержание:

Лабораторная работа № 1............................................................................... 3

1. Структура документа HTML................................................................ 3

2. Элементы HTML.................................................................................... 4

3. Функциональные блочные элементы.................................................... 4

4. Гипертекстовые ссылки......................................................................... 5

5. Web-графика.......................................................................................... 6

6. Форматирование текста........................................................................ 7

7. Списки.................................................................................................... 8

8. Таблицы................................................................................................. 8

9. Отображение нескольких документов.................................................. 9

10. Интерактивные Web-страницы......................................................... 10

11. Таблица наиболее часто используемых тегов.................................. 12

Задание............................................................................................................. 15

Форма отчетности........................................................................................... 20

Контрольные вопросы:.................................................................................. 20

Лабораторная работа

Тема: язык разметки гипертекста (HTML).

Цель работы: создание веб-страницы с помощью текстового редактора

Блокнот.

Краткие сведения об HTML

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

Все документы HTML имеют одну и ту же структуру, определяемую фиксированным набором тегов структуры. Документ HTML всегда должен начинаться с тега < HTML> и заканчиваться соответствующим закрывающим тегом (< /HTML>). Внутри документа выделяются два основных раздела: раздел заголовков и тело документа, - идущие именно в таком порядке. Раздел заголовков содержит информацию, описывающую документ в целом, и ограничивается тегами < HEAD> и < /НЕАD>. Раздел заголовков должен содержать общий заголовок документа, ограниченный парным тегом < TITLE>. Основное содержание размещается в теле документа, которое ограничивается парным тегом < BODY>.

Простейший правильный документ HTML, содержащий все теги, определяющие структуру, выглядит следующим образом:

< HTML>

< НЕАD>

< TITLE> Заголовок документа< /TITLE> < /НЕАD>

< BODY>

Текст документа

< /BODY>

< /HTML>

Комментарии в HTML оформляются следующим образом:

<! --Текст внутри комментария-->

Четыре символа - знак меньше (<), знак больше (>), амперсанд (&) и двойные кавычки (") имеют специальное значение внутри HTML и, следовательно, не могут быть использованы в тексте в своем обычном значении. Для использования одного из этих символов в HTML-документе Вы должны ввести вместо него escape-последовательность:

& LT; для " < "

& GT; для " > "

& AMP; для " & "

& QUOT; для кавычек

Элементы HTML

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

Большинство элементов языка HTML описывает части содержания документа и помещается между тегами < BODY> и < /BODY>, то есть внутрь структурного элемента BODY. Такие элементы делят на блочные и текстовые. Блочные элементы относятся к частям текста уровня абзаца. Текстовые элементы описывают свойства отдельных фраз и еще более мелких частей текста.

Правила вложения элементов:

· Элементы не должны пересекаться - если открывающий тег располагается внутри элемента, то и соответствующий закрывающий тег должен располагаться внутри этого же элемента.

· Блочные элементы могут содержать вложенные блочные и текстовые элементы.

· Текстовые элементы могут содержать вложенные текстовые элементы.

· Текстовые элементы не могут содержать вложенные блочные элементы.

Гарантию правильного воспроизведения документа дает только неукоснительное следование требованиям спецификации языка.