Работа с отступами и шрифтами»
Лабораторная работа 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; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!