- •1.Что такое html-документ
- •2.Структура html-документа
- •2.1.1Заголовок документа
- •2.1.2Тело документа
- •2.2Заголовки внутри документа
- •2.3Параграфы
- •2.4Принудительное разбиение строк
- •2.5Комментарии
- •3.2.2Нумерованные списки
- •3.2.3Списки с определениями
- •3.2.4Вложенные списки
- •3.3Добавление бегущей строки
- •4.Ссылки
- •4.1.1Унифицированный адрес ресурсов
- •4.1.2Ссылки на фрагменты документов
- •4.1.3Ссылки на части одного документа
- •4.2Посылка электронной почты
- •4.3Преформатированный текст
- •4.4Форматирование символов
- •4.4.1Использование тэгов форматирования
- •4.4.2Специальные символы
- •5.Использование графических изображений
- •5.1Встроенные изображения, звуки и анимация
- •5.2Ссылки на изображения, звуки и анимацию
- •6.Таблицы
- •6.1Простейшая однострочная таблица
- •6.2Приемы ускорения создания таблиц
- •6.3Создание строки надписей
- •6.4Включение названия
- •6.5Выравнивание текста внутри клеток
- •6.6Пустые клетки
- •6.7Перекрытие текстом нескольких строк или столбцов
- •6.8Средства таблиц
- •Задания к лабораторной работе
- •Основные тэги языка html
- •Приложение б Константы для представления цветов
- •Продолжение приложения б
Цель работы: Освоение приемов создания WEB-страниц с использованием HTML (Hyper Text Markup Language) - языка гипертекстовой разметки документов.
1.Что такое html-документ
HTML-документ отличается от обычного текстового файла тем, что в нем присутствуют специальные команды - тэги, которые указывают правила форматирования документа. Тэги заключаются в треугольные скобки и, как правило, являются парными. Например:
<CENTER> обозначает вывод текста по центру
Этот текст будет расположен в середине экрана
</CENTER> обозначает окончание вывода текста по центру
В тэгах HTML не различают символы верхнего и нижнего регистров: тэг <CENTER> эквивалентен тэгу <center> или <Center>.
Тэгу могут присваиваться атрибуты. Атрибуты указываются в треугольных скобках сразу после имени тэга. Значение атрибута определяется после знака равенства. Например, с тэгом <FONT> (шрифт) может использоваться атрибут SIZE, задающий размер шрифта:
<FONT SIZE=5>
Этот тэг задает размер шрифта - 5.
</FONT>
2.Структура html-документа
Обычно HTML-документ обрамляется тэгами <HTML> и </HTML>.
Метка <HTML> сообщает броузеру WEB о считывании HTML-файла, а метка </HTML> обозначает конец HTML-файла.
Документ HTML состоит из двух частей: заголовок и тело.
Заголовок эквивалентен введению и используется для сбора информации о странице. Для определения заголовка применяются метки <HEAD> и </HEAD>. Применять метку <HEAD> следует сразу после метки <HTML>.
В секцию тело вводится текст и другие объекты, которые фактически являются страницей WEB. Для определения тела применяются метки <BODY> и </BODY>, которые идут сразу за меткой <HEAD>.
Таким образом, структура HTML-документа выглядит следующим образом:
<HTML>
<HEAD>
Заголовок документа
</HEAD>
<BODY>
Тело (основная часть документа)
</BODY>
</HTML>
2.1.1Заголовок документа
Основное назначение элементов заголовка - это описание общего для всего документа параметров отображения. К таким параметрам можно отнести стиль отображения документа, общий базовый адрес гипертекстовых ссылок, общие гипертекстовые ссылки идентификатор и имя документа и т.п.
Наиболее часто используемым элементом заголовка является имя документа:
<TITLE> Название документа </TITLE>
Содержание элемента <TITLE> отображается в поле названия документа браузера.
Тег <МЕТА> также используется в пределах заголовка страницы и предназначен для того, чтобы включить любую полезную информацию, не определенную другими HTML тегами. Такая информация может быть извлечена серверами/клиентами для использования в идентификации, индексации и создании каталогов просматриваемых страниц.
Тег <МЕТА> не виден в браузере при просмотре страницы, но значительно увеличивает размер страницы. Если Вы хотите, чтобы Ваш сайт находился в числе первых, выдаваемых поисковыми машинами при запросах пользователей, то Вам нельзя игнорировать использование МЕТА - тега. Кроме того, необходимо правильно заполнять содержимое МЕТА - тегов.
Атрибуты МЕТА-тега: HTTP-EQUIV, Name и CONTENT.
HTTP - EQUIV. Этот атрибут определяет заголовок HTTP, которому принадлежит информация. Если семантика заголовка HTTP, названного этим атрибутом известна, то содержание может быть обработано на основании записанных здесь данных. Заголовки HTTP не чувствительны к регистру.
NAME. МЕТА - информационное имя. Если признак NAME - отсутствует, то данный атрибут может получить значение, равное значению HTTP-EQUIV.
CONTENT. МЕТА - информационное содержание, которое будет связано с данным именем и/или заголовком HTTP.
Типичные примеры использования МЕТА – тегов описаны ниже:
<META HTTP-EQUIV="Content-Type" Content="text/html; Charset=Windows-1251"> - используется браузерами для определения кодировки, с помощью которой была написана данная страница. "charset=koi8-r" - альтернативная кодировка. Существуют также кодировки ISO, LAT, DOS.
Внимание: не рекомендую вставлять на Вашу страничку данный код, потому что большинство серверов хранят данные в одной кодировке (например, koi8-r) и преобразуют их по запросу пользователя в нужную кодировку. Если сервер исправит Вашу первую кодировку во вторую, а пользователю выдаст третью, как смесь первой и второй, то никакие перекодировщики не смогут восстановить первоначальный текст на странице.
<META Name="author" Content="Ваши Ф.И.О., E-Mail"> - идентификация автора страницы.
<META Name="copyright" Content="Информация о вашей фирме"> - сохранение авторских прав, информация о Вашей фирме и тд.
<META Name="keywords" Content="Ваши ключевые слова"> -определяет список ключевых слов, используемых на данной странице. Необходим для поисковых машин.
<META Name="description" Content="Описание Вашей страницы"> - Краткое описание содержимого данной страницы. Необходим для поисковых машин.
<META HTTP-EQUIV="Expires" Content="Mon, 11 Jun 1998 00:00:01 GMT"> - предназначен для того, чтобы браузер брал страницу не из кэша, а по настоящему адресу.
<META Name="Publisher-Email" Content="Ваш_e-mail@сервер.домен"> - адрес издателя страницы (Ваш адрес).
<META Name="Publisher-URL" Content="Адрес Вашего сайта http://www.Ваш_сайт/"> - адрес Вашего сайта в сети Интернет.
<META Name="Generator" Content="Microsoft Notepad"> - описывается средство, с помощью которого была создана данная страница.
<META Name="revisit-after" Content="10 days"> - (не точно!) как часто обновляется информация на странице.
<META Name="ROBOTS" Content="Index,follow"> - (не точно!) предназначен для поисковых машин, постоянно сканирующих просторы сети Интернет.
<META HTTP-EQUIV="Refresh" Content="2"> - страница перечитывает сама себя через время x (в нашем случае x=2 секунды).
<META HTTP-EQUIV="Refresh" Content="x; URL=http://где.то/что-то.html" - этот вариант прочитает другую страницу через время x.
<META HTTP-EQUIV="pragma" Content="no-cache"> - запрещает кэширование страницы на локальном компьютере пользователя.
<META HTTP-EQUIV="Page-Enter" Content="BlendTrans(Duration=2.0)"> - Эффект появления страницы при входе на на неё..
<META HTTP-EQUIV="Page-Exit" Content="BlendTrans(Duration=2.0)"> - Эффект исчезания страницы при переходе по ссылке..