- •Министерство образования и науки Российской Федерации
- •Лабораторная работа № 1 Создание и форматирование документов в текстовом редакторе
- •Лабораторная работа № 2 Создание физической модели базы данных и интерфейса в субд
- •Лабораторная работа № 3 Создание таблиц в табличном редакторе
- •Лабораторная работа № 4 Создание презентации
- •Лабораторная работа № 5 Создание web документов
- •Приложение а
- •Приложение б
- •Приложение д
- •2. Устройство html-документа
- •2.1 Обязательные метки
- •2.2 Непарные метки
- •2.3 Форматирование шрифта
- •2.3.1 Физические стили
- •2.3.2 Логические стили
- •2.4 Организация текста внутри документа
- •2.5 Указание подробной информации о документе
- •2.6 Элементы определяющие параметры страницы
- •2.6.3 Задание размеров полей страницы
- •2.7 Связывание
- •2.8 Изображения в html-документе
- •2.9 Элементы форм в html-документе.
- •3.1 Диалоговая панель сообщений
- •3.2 Диалоговая панель ввода информации
- •Приложение к
2.5 Указание подробной информации о документе
<META>.Тег используется для указания подробной информации о документе. Употребляется в сочетании с описаниями атрибутов документа и не требует закрытия.
Атрибутами дескриптора <META> может быть любая информация, которую вы хотите сообщить. Существует несколько стандартных атрибутов, необходимых для указания браузеру способа кодировки документа, имени создателя и информации для поисковых систем:
<META HTTP-EQUIV=”Content-Type” CONTENT=”text/html; CHARSET=Windows-1251”>
Атрибут CONTENT (содержание) указывает браузеру, что содержанием документа является HTML в кодировке (CHARSET) CP-1251(Windows). Информация о том, что документ размечен в формате HTML, фактически дублирует метку <HTML>, открывающую документ. А вот данные о кодировке документа нужны браузеру, чтобы сгенерировать конечный файл с тем набором символов, который принят в операционной системе пользователя. Если кодировка загружаемого документа отличается от системной, то браузер конвертирует текст документа, иначе — оставляет нетронутым.
Общая структура тега <META> :
<META NAME=”Имя определяемого параметра” CONTENT=”значение параметра”>
Атрибут NAME содержит имя определяемого параметра, а CONTENT — значение параметра, определенного атрибутом NAME. Например, если вы хотите дать сведения об авторе документа, это можно сделать так:
<META NAME=”Author” CONTENT=”имя создателя странички”>
Можно разместить ключевые слова в теге <META>:
<META NAME=”Keywords” CONTENT=”ключевые слова”>
Ключевые слова необходимы для индексации вашей странички в поисковых системах. Чем больше слов, соответствующих содержанию вашей страницы вы напишите в этой строке, тем больше вероятность того, что вашу страницу посетит кто-нибудь кроме вас.
Заголовок нашего WWW-шаблона будет содержать следующую информацию:
<HTML>
<HEAD>
<TITLE>Первая web-страничка</TITLE>
<META HTTP-EQUIV=”Content-Type”
CONTENT=”text/html; charset=windows-1251”>
<META NAME=”Author”CONTENT=”Ivanov,Petrov, Sidorov”>
<META NAME=”Keywords”CONTENT=”HTML, курс HTML, курс, основы HTML, создание web-страниц”>
</HEAD>
</HTML>
2.6 Элементы определяющие параметры страницы
В открывающий тег <BODY> могут входить элементы, определяющие параметры страницы, такие, как используемый фоновый рисунок, цвет и размер основного шрифта и гиперссылок, цвет фона и т. п.
Цвета элементов web-страницы указываются в шестнадцатеричном исчислении. Строка с указанием этих параметров страницы будет содержать следующие элементы:
<BODY BGCOLOR=”#FFFFFF” TEXT=”#000000”>
При таком варианте описания раздела <BODY> явно указываются только цвета фона и основного текста.
Таблица И.1 - Базовые цвета HTML-страниц
|
Название |
Код RGB |
Имя |
Цвет |
Название |
Код RGB |
Имя |
Цвет |
|
черный |
#000000 |
black |
|
серебряный |
#C0C0C0 |
silver |
|
|
темно-бордовый |
#800000 |
maroon |
|
красный |
#FF0000 |
red |
|
|
зеленый |
#008000 |
green |
|
известь |
#00FF00 |
lime |
|
|
оливковый |
#808000 |
olive |
|
желтый |
#FFFF00 |
yellow |
|
|
темно-синий |
#000080 |
navy |
|
синий |
#0000FF |
blue |
|
|
фиолетовый |
#800080 |
purple |
|
фуксия |
#FF00FF |
fuchsia |
|
|
чирок |
#008080 |
teal |
|
аква |
#00FFFF |
aqva |
|
|
серый |
#808080 |
gray |
|
белый |
#FFFFFF |
white |
|
Для установки в качестве фонового изображения картинки используется следующий тэг:
<BODYBACKGROUND=”URL” >,
где URL- электронный адрес картинки.
Например, <body background="Н:\Лабораторные по информатике\Закат.jpg">.
Задание шрифтов
Для управления шрифтовым оформлением WEB-страниц предназначен дескриптор <FONT>. Этим тегом указываются параметры шрифта, такие, как размер, цвет и название. Параметры шрифта в теге <FONT> указываются в кавычках в любом порядке.
Определяя шрифт документа, помните, что при просмотре странички будут использоваться те шрифты, которые установлены на компьютере пользователя, а не на вашем компьютере. И если вы будете использовать на страничках необычные шрифты, никто кроме вас их не увидит.
В настоящее время стандартными шрифтами, использующимися в WWW, являются Times New Roman и Courier New. Также вы можете пользоваться и шрифтом Arial, так как он распространен не менее широко, чем указанные. Пользоваться другими шрифтами нет смысла, поскольку они недостаточно популярны.
Строка, указывающая, что данный фрагмент текста необходимо будет отображать с установленным по умолчанию шрифтом размером 6 единиц и буквами фиолетового цвета, будет выглядеть так:
<FONT SIZE=”6” COLOR=”#8080C0”>Текст.</FONT>
Если вы желаете использовать для текста нестандартный шрифт, в теге <FONT> необходимо будет указать параметр FACE, т. е. для отображения той же строки шрифтом Arial тег будет выглядеть так:
<FONT FACE=”Arial” SIZE=”6” COLOR=”#8080C0”>Текст.</FONT>
В параметре FACE можно указывать несколько шрифтов в порядке предпочтения. Текст будет отображаться тем шрифтом, который установлен на компьютере пользователя, в порядке предпочтения, указанном вами.
<FONT FACE=”Verdana, Tahoma, Arial”>Текст.<FONT>
Если на компьютере пользователя, просматривающего вашу страничку, не найден ни один из указанных вами шрифтов, текст будет отображаться шрифтом, указанным в настройках браузера пользователя, и, скорее всего, им станет Times New Roman.
Изменение размера шрифта. В большинстве случаев можно считать справедливым соотношения размеров шрифтов и их обозначений по шкале от 1 до 7, приведенные в следующей ниже таблице:
Таблица И.2 - Размеры шрифтов
-
Размер 1
8 пунктов
Размер 2
10 пунктов
Размер 3
12 пунктов
Размер 4
14 пунктов
Размер 5
18 пунктов
Размер 6
24 пунктов
Размер 7
36 пунктов