Глава 1. Создание документа в html
1.1. Начало работы
HTML-документ – это текстовый файл с расширением *.htm или *.html, созданный и отредактированный в текстовом редакторе (например, Блокнот). Для создания HTML-страниц рассмотрим работу в текстовом редакторе Блокнот. Программа Блокнот запускается с помощью Главного меню Windows: Пуск→Программы→Стандартные→Блокнот.
Технология создания страницы следующая. В программе Блокнот создадим небольшой текстовый файл, например, такого содержания:
Я создаю свою первую HTML-страницу.
Затем сохраним этот файл под именем primer.html. Расширение .html необходимо указывать обязательно, так как только в этом случае файл будет рассматриваться как HTML-страница. Далее откроем браузер, имеющийся на вашем компьютере (Internet Explorer, Opera и т.п.). Теперь откроем созданный файл в браузере, найдя папку, в которой был сохранен файл. Это обычно делается с помощью команды Файл→Открыть, находящейся в строке меню браузера. Для удобства работы можно оба окна (с программой Блокнот и браузером) одновременно сделать открытыми и расположить на экране монитора рядом. Если вместо знакомого текста появился набор символов, то с помощью команды Вид→Кодировка строки меню браузера необходимо сменить кодировку. Нужно попробовать разные виды кириллицы, начиная с Windows и КОИ8-Р.
Внося
каждый раз изменения в текстовый файл
(в нашем случае в файл primer.html), эти
изменения нужно просматривать в браузере.
Для этого, вначале обязательно сохранив
изменения в файле программы Блокнот
(Файл→Сохранить), обновим картинку в
браузере с помощью команды Вид→Обновить
или значка на панели инструментов
или
(в зависимости от браузера) или команды
Обновить в контекстном меню.
1.2. Общие сведения о html-документе
HTML-документ размечен специальными ключевыми словами, называемыми тегами (англ. teg) или дескрипторами. Теги необходимы для применения на Web-страницах определенных элементов форматирования, использования таблиц, рисунков, гиперссылок и т.д. Теги HTML-документов в большинстве своем просты и понятны, поскольку образованы от общеупотребительных слов английского языка, других сокращений и обозначений. Каждый такой тег заключается между знаками «больше» и «меньше»: <Тег>. Многие теги относятся к контейнерному типу: каждому открывающемуся тегу соответствует одноименный закрывающийся тег. Последний, закрывающийся, тег начинается с наклонной черты:
<Тег>…</Тег>.
Теги контейнерного типа могут быть вложены друг в друга.
Теги можно вводить как большими, так и маленькими буквами латинского алфавита. Например, теги <body>, <BODY> и <Body> будут восприняты браузером одинаково.
Многие теги, помимо имени, могут содержать параметры (атрибуты), устанавливаемые разработчиком страницы для изменения функции тега. При этом параметры принимают определенные значения в виде слова или числа. Формат записи тега с параметрами выглядит следующим образом:
<Тег параметр1=значение1 параметр2=значение2 …>
Если значение параметра включает более одного слова, то его необходимо заключить в кавычки. Порядок записи атрибутов в теге не имеет значения. Регистр символов в именах параметров не учитывается, чего нельзя сказать об их значениях. Наборы допустимых параметров индивидуальны для каждого тега.