- •Введение
- •2. Основы сетевых технологий
- •Применение компьютерных сетей
- •Классификация компьютерных сетей
- •Беспроводные сети
- •Широковещательные сети и сети с передачей от узла к узлу
- •Локальные сети
- •Муниципальные сети
- •Глобальные сети и интерсети
- •3. Принципы построения сетевых протоколов Иерархия сетевых протоколов
- •Метафора «философ – переводчик – секретарь»
- •Пример пятиуровневого протокола
- •4. Arpanet и возникновение интернет
- •5. Топология internet
- •6. Маршрутизация
- •Маршрутизация в сетях на основе служб без установления соединения
- •Маршрутизация в сетях на основе служб с установлением соединения
- •8. Служба доменных имен (dns)
- •9. Электронная почта
- •11. Введение в web-технологии
- •Структура html-документа
- •Теги заголовков и абзацев
- •Маркированные списки
- •Нумерованные списки
- •Списки определений
- •Вложенные списки
- •Гиперссылки
- •Использование рисунков в роли ссылок
- •Карты изображений
- •Основы JavaScript
- •Управляющие структуры JavaScript
- •15. Введение в объектно-ориентированное программирование Основные понятия объектно-ориентированного программирования: инкапсуляция, наследование и полиморфизм
- •Объектно-ориентированные, объектные и объектно-базированные языки программирования
- •Избранная библиография по объектно-ориентрованному программированию
- •Представление документа в виде древовидной структуры
- •Навигация по документу
- •Динамическая генерация веб-страниц средствами dhtml на основе dom
- •Модель событий dom
- •17. Архитектура распределенной системы структурно-параметрического синтеза
- •18. Заключение
- •Оглавление
Структура html-документа
HTML-документы строятся на основе тегов, которые структурируют документ. Обычно теги бывают парными, т. е. состоят из открывающего и закрывающего тега, хотя бывают и исключения. Имена открывающих тегов заключаются в угловые скобки < … >, а закрывающих помимо этого еще и предваряются знаком слеш </ … >.
HTML-документ обрамляется парными тегами <html> … </html>. Кроме того, для обеспечения корректного отображения документа современный стандарт требует использования одиночного тега <!DOCTYPE>, имеющего следующую структуру:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
HTML-документы состоят из заголовка и тела документа. Заголовок и тело документа представляются парными тегами <head> … </head> и <body> … </body>, соответственно. Таким образом, каркас HTML-документа будет иметь следующую структуру:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> СОДЕРЖАНИЕ ЗАГОЛОВКА </head> <body> СОДЕРЖАНИЕ ТЕЛА ДОКУМЕНТА </body> </html>
Заголовок включает в себя несколько специализированных тегов, основными из которых являются <title> … </title> и <meta> … </meta>
Тег <title> содержит заголовок документа, который будет выводится в заголовочной части окна браузера. Тег <meta> содержит специальную информацию, такую как тип кодировки:
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
а так же список ключевых слов и информацию о содержании сайта:
<meta name="keywords" content="список ключевых слов">
Первое необходимо для корректной поддержки кодировки, а второе позволяет поисковым машинам производить корректное индексирование страниц (следует заметить, что современные поисковые системы обычно игнорируют ключевые слова, но это не отменяет необходимости использования этого атрибута).
В рассмотренных тегах name="keywords" и content="список ключевых слов" являются атрибутами тегов, которые конкретизируют их. Например, атрибуты могут указывать, что текст, заключенный в данном теге, при отображении должен выравниваться по центру. Атрибуты записываются сразу после имени тега, причем значения атрибутов заключаются в кавычки. Атрибутов у тега может быть несколько, но могут и вовсе отсутствовать.
Приведем пример простейшей веб-страницы:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Моя первая веб-страница</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta name="keywords" content="веб-страница первая"> </head> <body> Моя первая веб-страница </body> </html>
Текст может быть набран в любом редакторе, например в NotePad, и сохранен с расширением htm или html. Теперь этот файл можно открыть при помощи какого-либо браузера, например Internet Explorer. Следует обратить внимание на заголовок окна браузера, где отобразился заголовок страницы, который «обернут» тегом <title>. При создании веб-страниц им всегда необходимо присваивать осмысленные имена.
Теги заголовков и абзацев
Текст, содержащийся в теле документа, обычно обрамляется другими тегами, наиболее распространенными из которых являются теги абзацев <p> … </p> и заголовков <h1> … </h1>, <h2> … </h2>, <h3> … </h3>, вплоть до <h6> … </h6>. Число, присутствующее в названии заголовка, характеризует степень его вложенности.
Приведем пример использования рассмотренных тегов:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Моя первая веб-страница</title> </head> <body> <p>Моя первая веб-страница</p> <h1>Заголовок h1</h1> <h2>Заголовок h2</h2> <h3>Заголовок h3</h3> <h4>Заголовок h4</h4> <h5>Заголовок h5</h5> <h6>Заголовок h6</h6> </body> </html>
Как уже говорилось ранее, теги могут иметь атрибуты. Одним из основных атрибутов является атрибут форматирования align, который может принимать следующие значения: left – выравнивание по левому краю, center – по центру, right – по правому краю, justify – выравнивание по обоим краям. Приведем примеры использования этих атрибутов:
<p align="left">Моя первая веб-страница</p> <h1 align="center">Заголовок h1</h1> <h2 align="right">Заголовок h2</h2> <h3 align="justify">Заголовок h3</h3>
Не смотря на то, что атрибуты физического форматирования еще весьма широко используются, следует воздерживаться от их применения, так как для этих целей предназначены средства каскадных таблиц стилей, о чем речь пойдет ниже.
Списки
Современным стандартом HTML предусмотрено три основных вида списков:
маркированные списки (unordered list);
нумерованные списки (ordered list);
списки определений (definition list).