HTML

HTML — это язык, на котором описывается как и что должно располагаться на веб-странице. Самым важным элементом HTML-программы (HTML-документа) является гиперссылка. Гиперссылка позволяет передавать управление из одного HTML-документа в другой. Документы с гиперссылками, которые передают управление другим документам, называются гипертекстами. Аббревиатура HTML расшифровывается как HyperText Markup Language (язык разметки гипертекста). Примером гипертекста служат веб-страницы — документы HTML. Несколько веб-страниц, объединенных общей темой и дизайном, а также связанных между собой ссылками и обычно находящихся на одном веб-сервере, образуют веб-сайт.

Приложение-интерпретатор, которое позволяет, выполняя HTML-программу, отображать гипертекстовый документ на экране компьютера называется браузер. Браузер (от англ. browse — пролистывать) — программное обеспечение для просмотра веб-сайтов. Практически все популярные браузеры распространяются бесплатно или «в комплекте» с другими приложениями:

1. Internet Explorer (совместно с Microsoft Windows),
2. Mozilla Firefox (бесплатно, свободное ПО),
3. Safari (совместно с Mac OS или бесплатно для Windows),
4. Opera (бесплатно, начиная с версии 8.50),
5. Google Chrome (бесплатно, свободное ПО).

HTML-документ можно создавать в любом текстовом редакторе, например, Блокноте, но удобнее использовать текстовый редактор, обеспечивающий подсветку синтаксиса, позволяющий работать с вкладками, например Notepad++ notepad-plus-plus.org.

Задание

Создайте простейшую веб-страницу, для этого:

• Запустите Блокнот и наберите (элементы языка HTML записываются в любом регистре) или скопируйте следующий код:

• Сохраните документ (Файл — Сохранить как...), при этом в диалоговом окне сохранения укажите тип файла: Все файлы и расширение файла: .htm.
  
• Запустите документ через браузер.
• Просмотрите код документа через программу Notepad++ (с помощью команды контекстного меню Edit with Notepad++). Вы убедитесь, что за счет подсветки служебных слов код читается лучше.

Специальные символы, которые управляют отображением текста и при этом сами не отображаются на экране, называются теги (tag-ярлык, признак). Общий синтаксис написания тегов следующий:

• Теги бывают двух типов — одиночные и парные (контейнеры). Большинство тегов языка HTML являются парными, т.е. открывающему тегу соответствует закрывающий тег. По правилам HTML закрывающий тег выглядит так же как открывающий, но с символом / перед именем тега. Для некоторых парных тегов завершающие теги можно опускать. Подробная информация по каждому тегу в справочнике HTML на сайте WebReference.
• Допускается вкладывать в контейнер другие теги, однако следует соблюдать их порядок.

• После имени тега могут следовать в произвольном порядке атрибуты. Значения атрибутов записываются в кавычках.
• Если какой-либо тег или его атрибут был написан неверно, то браузер проигнорирует подобный тег и будет отображать текст так, словно тега и не было.