Работа с отступами и шрифтами»

Лабораторная работа 1

Разработка веб-страниц с использованием языка гипертекстовой разметки HTML

Теоретические сведения

Структура HTML-документа»

HTML содержит типы элементов, представляющих параграфы, гипертекстовые ссылки, списки, таблицы, изображения и т.д. Каждое объявление типа элемента обычно описывает три части: начальный тег, содержимое и конечный тег.

Название элемента появляется в начальном теге (<название-элемента>) и в конечном теге (</название-элемента>). Некоторые элементы HTML допускают отсутствие конечного тега. Некоторые типы элементов HTML не имеют содержимого. Такие пустые элементы никогда не имеют конечного тега. Названия элементов всегда нечувствительны к регистру. Элементы могут иметь ассоциированные свойства, называемые атрибутами, которые могут иметь значения (по умолчанию или устанавливаемые автором). Пары атрибут/значение появляются перед конечным символом ">" начального тега элемента. Любое количество (допустимое) пар значений атрибута, разделённых пробелами, может появляться в начальном теге элемента. Они могут появляться в любом порядке. По умолчанию требуется, чтобы все значения атрибутов были ограничены с использованием двойных или одинарных кавычек, однако в некоторых случаях можно устанавливать значение атрибута без использования кавычек, но рекомендуется использовать знак кавычек даже тогда, когда можно обойтись без него. Названия атрибутов всегда нечувствительны к регистру.

Комментарии HTML имеют следующий синтаксис:

Основные теги

Элемент HTML

Описание: определяет начало и конец HTML-документ.

Начальный тег: не обязателен

Конечный тег: не обязателен

Пример:

<HTML>...элементы head, body и т.п. идут здесь...</HTML>

Элемент HEAD

Описание: содержит информацию о текущем документе, такую как название, ключевые слова и другие данные, не являющиеся содержимым документа.

Начальный тег: не обязателен

Конечный тег: не обязателен

Элемент TITLE

Описание: определяет заголовок страницы или название окна. Каждый документ HTML обязан содержатьэлемент TITLE в разделе HEAD. Авторы должны использовать элемент TITLE для идентификации содержимого документа. Поскольку пользователи часто обращаются к документам вне контекста, авторы должны предоставлять осмысленные заголовки. Заголовок не может содержать разметку (в том числе и комментарии).

Начальный тег: необходим

Конечный тег: необходим

Метаданные.

HTML позволяет авторам специфицировать метаданные - информацию о самом документе, а не о его содержимом - различными способами.

Элемент META

Описание: Элемент МЕТА можно использовать для идентификации свойств документа (напр., автора, конечной даты использования, списка ключевых слов и т.д.) и установки значений этих свойств. Каждый элемент МЕТА определяется в разделе HEAD и определяет пару свойство-значение. Атрибут name идентифицирует свойство, а атрибут content определяет значение свойства. Например, следующее объявление устанавливает значение для свойства Author(автор): <META name="Author" content="Студент группы …">. Обычно META специфицирует ключевые слова, которые используются поисковыми машинами для повышения качества и скорости поиска. Например, следующее объявление устанавливает значения для свойства keywords (ключевые слова): <META name="keywords" content="Chelaybinsk, КПиЭ">

Начальный тег: требуется

Конечный тег: запрещён

Определения атрибутов:

name = строка – устанавливает имя свойства

content = строка – определяет значение свойства

Элемент BODY

Описание: тело документа. В теле документа находится содержимое документа.

Начальный тег: не обязателен

Конечный тег: не обязателен

Определения атрибутов:

background = "url" (url – это строка, задающая путь в структуре каталогов до файла) – установка фоновой картинки

text = color (значение цвета может быть или 16-ричным числом (предваряемым знаком # в следующем формате #RRGGBB, где RR – градация красного цвета, GG – зеленого, BB – синего), или одним из следующих 16 названий цвета) - устанавливает цвет текста (для визуальных браузеров).

Black (Черный) = "#000000"	Green (Зеленый) = "#008000"
Silver (Серебро)= "#C0C0C0"	Lime (Известь) = "#00FF00"
Gray (Серый) = "#808080"	Olive (Оливковый) = "#808000"
White (Белый) = "#FFFFFF"	Yellow (Желтый)= "#FFFF00"
Maroon (Темно-бордовый) = "#800000"	Navy (Темно-синий) = "#000080"
Red (Красный) = "#FF0000"	Blue (Синий) = "#0000FF"
Purple (Фиолетовый) = "#800080"	Teal (Чирок) = "#008080"
Fuchsia (Фуксия) = "#FF00FF"	Aqua (Аква) = "#00FFFF"

bgcolor = color – установка цвета фона документа

Пример :

<HTML><HEAD> <TITLE> ВУЗ </TITLE></HEAD>
<BODY bgcolor="white" text="#000000">	Текст на странице будет отображаться черным цветом на белом фоне.
... тело документа...</BODY></HTML>

Работа с отступами и шрифтами»

Дата добавления: 2019-02-22; просмотров: 164; Мы поможем в написании вашей работы!

Поделиться с друзьями:

12 3 4 5 Следующая ⇒

Мы поможем в написании ваших работ!