Содержание
Универсальный идентификатор ресурсов 1
Основные теги HTML 1
Теги заголовка 2
Тег тела документа 2
Теги форматирования 4
Теги изображения и видеоклипа 6
Тег гиперссылки и закладки 6
Каскадные таблицы стилей 6
Произвольное размещение элементов в документе 7
Фильтры 8
Списки и таблицы 9
Глава 1. Основы html
HTML (Hypertext Markup Language, язык гипертекстовой разметки) – это язык описания структуры страницы, который позволяет обычный текст разбивать на абзацы, заголовки, списки и другие структуры и соответствующим образом форматировать. Кроме того, он предоставляет средства по созданию ссылки на связанные страницы, позволяя вашим читателям перепрыгивать из одного документа в другой.
HTML – файл – это текстовый файл с расширением htm (или html), в котором использованы инструкции форматирования, называемые тегами (tags). Теги помещаются в угловых скобках. Многие теги используют параметры, например: <FONT size=2>. Кроме того, большинство тегов представлено в виде пар, которые начинают и заканчивают операцию: <H1> Заголовок первого уровня </H1>. Теги нечувствительны к регистру, но по традиции их принято набирать прописными буквами.
Универсальный идентификатор ресурсов
Адреса URL (Uniform Resourse Locators, универсальные идентификаторы ресурсов) используются в большом количестве в HTML – документах. URL – это адрес документа в Web. URL состоит из четырёх частей и имеет следующий вид:
Протокол://ИмяСервера:НомерПорта/ИмяФайла
Протокол – в большинстве случаев им является http (Hypertext Transfer Protocol, протокол передачи гипертекста);
ИмяСервера – английское имя компьютера, на котором расположен документ или его IP – адрес (Internet Protocol);
НомерПорта - обычно не используется и равен 80;
ИмяФайла – полное имя файла.
В некоторых адресах, например, http://www.yahoo.com, явным образом не указывается имя файла. В этом случае сервер подразумевает файл index.html.
Основные теги html
Условно теги HTML можно классифицировать по трём категориям:
Теги комментариев, а также теги объявления, информирующие интерпретатор о том, что документ является HTML – документом, перечислены в табл. 1.1.
Теги заголовка HTML – документа.
Теги тела HTML – документа.
Таблица 1.1. Теги комментариев и объявления
Тег |
Описание |
<!-- … -->, <COMMENT> |
Текст, расположенный между парным тегом <COMMENT> или внутри тега <!—текст комментария -->, является комментарием. Комментарии не выводятся в окне браузера. |
<HTML> |
Сообщает браузеру, что вся следующая за ним информация является текстом, закодированным в соответствии с форматом HTML. Пара <HTML> … </HTML> должна охватывать всё, за исключением, возможно, комментариев |
Теги заголовка
В табл. 1. 2 приведём теги, образующие заголовок HTML – документа.
Таблица 1.2. Теги заголовка HTML – документа
Тег |
Описание |
<HEAD> |
Парный тег, который позволяет создать заголовок документа. Заголовок документа не является обязательным, однако он может быть весьма полезен. Заголовок даёт необходимую информацию для программы, интерпретирующей документ. Элементы, находящиеся внутри парного тега <HEAD> (за исключением той его части, которая находится внутри парного тега <TITLE>), не отображается в окне браузера. Заголовок позволяет:
|
<TITLE> |
Парный тег, который служит для указания названия документа, т. е. определяет текст, отображающийся в заголовке окна браузера. Это единственный обязательный элемент заголовка Web – страницы. Например, <HEAD> <TITLE>ООО Рога и копыта</TITLE> </HEAD> |
<BASE> |
Полный URL документа. Используется при указании относительных URL. |
<META> |
Представляет информацию о документе для браузера, поисковых серверов и других приложений. Синтаксис: <META content=description http-equiv=response name=text title=text url=url >
|
Задание 1. Значение атрибута content тега <META> зависит от значения его атрибута http-equiv. Если значение последнего атрибута равно REFRESH, то значение атрибута content имеет формат
delay[;url]
где delay указывает, через сколько секунд в браузер будет загружен документ, ссылка на который приведена в качестве значения параметра url. Таким образом, тег <META> позволяет создавать простейшие слайд-шоу. Создайте 2 HTML – документа, которые поочерёдно перегружают друг друга в обозревателе через каждые 2 секунды.