Язык разметки гипертекста HTML Занятие 1 © Николаева Вера Александровна, 2007 - 2010 - презентация

1 Язык разметки гипертекста HTML Занятие 1 © Николаева Вера Александровна,

2 Web-страницей (веб-страницей) называется гипертекст – текст, в который встроены специальные коды (теги), управляющие дополнительными элементами: форматированием текста, иллюстрациями, мультимедийными вставками, гиперссылками на другие документы. Web-страницы создаются с помощью специального языка – языка разметки гипертекста: Основные определения © Николаева Вера Александровна, 2007

3 Web-страницы, размещаемые в сети Интернет, передаются по сети с помощью протокола обмена информацией: Основные определения © Николаева Вера Александровна, 2007

4 Основные определения © Николаева Вера Александровна, 2007 Гиперссылка – активный элемент web-страницы, по щелчку на котором открывается другой документ (другая web-страница этого же сайта, другая web-страница этого же сервера или другая web- страница любого другого сервера Интернет). Гиперссылкой может быть: фрагмент текста, рисунок, фрагмент рисунка, и т.д. При наведении указателя мыши на гиперссылку он принимает вид руки с вытянутым вперед указательным пальцем. Итак, язык HTML служит для функциональной разметки web-страниц. Под разметкой web-страниц понимают вставку в текст тегов, определяющих то, как web-страница будет выглядеть на экране, отображаясь программой-браузером (или броузером – это синонимы).

5 Основные определения © Николаева Вера Александровна, 2007 Совокупность web-страниц, объединенных общей тематикой называется web-сайтом (или просто сайтом). Web-сайт по своей структуре напоминает журнал, который содержит информацию, посвященную какой-либо теме или проблеме. Как журнал состоит из печатных страниц, так и web-сайт состоит из компьютерных web-страниц. Сайт является интерактивным средством представления информации. Интерактивность сайта обеспечивают различные формы, с помощью которых посетитель сайта может зарегистрироваться на сайте, заполнить анкету и так далее. Обычно сайт имеет титульную страницу (страницу с оглавлением), на которой имеются гиперссылки на его основные разделы (web- страницы). Гиперссылки также имеются на других web-страницах сайта, что обеспечивает возможность пользователю свободно перемещаться по сайту.

6 Основные определения © Николаева Вера Александровна, 2007 Web-сайты обычно являются мультимедийными, так как кроме текста могут содержать иллюстрации, анимацию, звуковую и видеоинформацию. Web-страницы сайта могут содержать динамические объекты (исполняемые модули), созданные с использованием сценариев на языках JavaScript и VBScript или элементов управления ActiveX. Расположенные на сайте управляющие элементы (например, кнопки) позволяют пользователю запускать те или иные динамические объекты. Web-сайты размещаются в сети Интернет на специальных компьютерах, которые называются либо информационными серверами, либо серверами провайдеров.

7 Основные определения © Николаева Вера Александровна, 2007 Web-страницы создают в программах web-редакторах (Блокнот, Microsoft Front Page, Macromedia Dreamviewer, Home Site и т.д.), а просматривают в программах-браузерах (Microsoft Internet Explorer, Google Chrome, Mozilla Fire Fox, Opera). Основными достоинствами HTML-документов являются: малый информационный объем; возможность просмотра на персональных компьютерах, оснащенных различными операционными системами.

8 Коды языка HTML, с помощью которых выполняется разметка web- страницы, называются тегами. Теги – это набор символов. Все теги начинаются с символа «меньше» ( ). Пару этих символов называют угловыми скобками. Внутри угловых скобок записывается ключевое слово. Пример: Теги HTML © Николаева Вера Александровна, 2007 Каждый тег в языке HTML имеет специальное назначение. Регистр букв в ключевых словах тегов не имеют значения: можно использовать как заглавные, так и строчные буквы. Но так как в Сети повсеместно используют имена файлов, написанные латиницей строчными буквами, я привыкла и ключевые слова тегов писать строчными буквами. И вам советую всегда придерживаться такого правила.

9 Теги бывают: 1. Парные Теги HTML © Николаева Вера Александровна, 2007 Тег принудительного перехода на следующую строку внутри абзаца – аналог комбинации клавиш Shift + Enter в MS Word. 2. Непарные Как правило, один тег HTML воздействует только на часть документа (например, на абзац). Тогда используют парные теги. Открывающий тег создает эффект, а закрывающий – прекращает его действие. Ключевое слово закрывающего тега начинается с символа косой черты ( / ). 3. Теги с атрибутами Атрибуты влияют на эффект, создаваемый тегом. То есть, атрибуты определяют "силу" (значение) этого влияния.

10 Простейшая веб-страница Структура документа HTML © Николаева Вера Александровна, Вот как это выглядит на экране, в окне программы-браузера: