Разработка документов на HTML. Структура HTML-документа Documents title General information and special instructions... HTML Documents Text and Directives... - презентация

1 Разработка документов на HTML

2 Структура HTML-документа Documents title General information and special instructions... HTML Documents Text and Directives... © 2009 Антропова Э.К. 2

3 Структура HTML-документа - Основные директивы … - определяет начало и конец HTML-документа... - в данной директиве заключена общая информация о странице, представленная директивами … - Заголовок докумета … - данная директива заключает в себе описание содержания страницы и соответствующих директив форматирования - комментарии; аналогично … © 2009 Антропова Э.К. 3

4 Общая информация о странице Располагается внутри директивы... - базовое значение URL, относительно которого устанавливаются относительные адреса … - задает название страницы, которое отображается в поле названия броузера - указывает на связи данного документа с другими обьектами (имя автора, соответствующие индексы, глоссарии), атрибуты те же, что и … - определяет различную другую информацию о документе, не задаваемую другими директивами. Атрибуты CONTENT - определяет информацию, отнесенную к HTTP-EQUIV и NAME HTTP-EQUIV - присоединяет элемент к заголовку ответа HTTP NAME - приписывает имя конкретной МЕТА-информации (Author, Classification, Description, Keyword) - указывает, что данный документ является индексным документом. Атрибуты; ACTION - адрес программы обработки ключевой фразы), PROMPT - собственно поисковая фраза. © 2009 Антропова Э.К. 4

5 - Общие атрибуты отображения HTML-документа - Общие атрибуты отображения HTML-документа Атрибуты BGPROPERTIES=FIXED - признак фона типа водяных знаков (фон не перемещается при просмотре страницы BACKGROUND=bgimage.jpg - графический образ (файл), который будет использоваться в качестве фона BGCOLOR=#nhex - определитель цвета фона (цвет задается кодом #nhex маски RGB или именем цвета, например, RED, GREEN, BLUE) TEXT=#mhex - определитель цвета текста LINK=#lhex - определитель цвета гипертекстовых ссылок ALINK=#ahex - определитель цвета активных гипертекстовых ссылок VLINK=#vhex - определитель цвета использованных гипертекстовых ссылок © 2009 Антропова Э.К. 5

6 Форматирование абзацев - директивы,, Форматирование абзацев - директивы,, … - определяет абзац, представляющий собой текст, выделяемый снизу и сверху дополнительным пространством. Значение ALIGN=left, center, right - начинает новую линию без дополнительного пропуска, характерного для абзаца. - создает горизонтальную линию на странице. WIDTH=m - ширина линии на экране, выраженная в % или пикселях SIZE=n - толщина линии, выраженная в пикселях ALIGN= left, center, right - определяет выравнивание линии по центру, правому или левому краю NOSHADE - задает отображение в виде сплошной линии (по умолчанию горизонтальная линия отображается обьемными полутонами) © 2009 Антропова Э.К. 6

7 Выделение символов - Физическое выделение … - толстый шрифт (Bold) … - Наклонный шрифт (Italic) … - Подчеркнутый шрифт (Underlined) Вложение Допускается взаимное вложение и использование внутри директивлогического форматирования. © 2009 Антропова Э.К. 7

8 … - Логическое форматирование текста … - Логическое форматирование текста Атрибуты SIZE=+/-n - относительный размер шрифта, задаваемый относительно, если такой задан COLOR= "triplet or name" - задает цвет шрифта в виде триплета или по имени шрифта FACE = "name"[, "name"] [, "name"] - задает тип шрифта [и список его альтернатив] Пример: This is the Red Text © 2009 Антропова Э.К. 8

9 Форматирование текста... - используется для отображения большой цитаты; отображает помещенный внутри текст выделенным относительно остального текста, как правило, отдельным параграфом и с отступами слева и справа … - текст: помещенный между этими директивами, центрируется при отображении … - осуществляет выравнивание помещенного внутри текста по левой или правой границе, или по центру, в соответствии с значение атрибута ALIGN … - запрещает разрыв строки при отображении в броузере помещенного внутри текста - дает броузеру указание, где можно осуществлять разрыв строки, применяется совместно и внутри … … - отображает помещенный внутри текст как преформатированный - без изменения © 2009 Антропова Э.К. 9

10 Списки в HTML-документах Списки являются одним из основных элементов представления структурированной информации в HTML. используется три вида списков: неупорядоченный, упорядоченный и список-определение. Неупорядоченный список - содержит ненумерованное перечисление элементовсписка. Директивы - …, Упорядоченный список - содержит нумерованное перечисление элементовсписка. Директивы - …, Список - определение - состоит из пар элемент (имя) - определение Директивы - …,, © 2009 Антропова Э.К. 10

11 - Введение гипертекстовых ссылок - Введение гипертекстовых ссылок … Атрибуты HREF=URL - абсолютный или относительный адрес документа. Относительный адрес задается либо относительно базового адреса, заданного в директиве внутри заголовка документа... NAME=name - этот атрибут используется для задания точки ссылки внутри документа TARGET=framename - указывает имя фрейма, в который нужно выводить запрашиваемый документ © 2009 Антропова Э.К. 11

12 URL - Uniform Resource Locator ProtocolDomain namePortPathFile Интернет-адрес - IP-адрес - авторизированный доступ по паролю Типы протоколов: - HTTP-протокол передачи гипертекстовой информации ftp:// - FTP-протокол доступа к файловым серверам gopher:// - протокол системы информационных гофер-серверов news:// - протокол доступа к электронным новостям mailto:// - используется для передачи почтового сообщения по заданому адресу file:// - доступ к файлвой системе file://localhost/ - доступ к файловой системе на локальном компьютере © 2009 Антропова Э.К. 12

13 - Встраивание бинарных файлов - Встраивание бинарных файлов Атрибуты SRC=URL - URL ALT=text ALIGN=default, left, right, top, texttop, middle, absmiddle, baseline, bottom, absbottom - атрибут выравнивания положения образа по отношению к окружающему тексту BORDER=n - ширина свободного пространства вокруг образа при отображении его броузером HEIGHT=h WIDTH=w - высота и ширина в пикселях форматирования отображения образа броузером ISMAP- атрибут активного образа © 2009 Антропова Э.К. 13

14 Таблицы в HTML-документах - определитель таблицы... table caption... - заголовок таблицы - определитель ряда таблицы … column/row header … - ячейка заголовка столбца или строки … cell content … - определитель ячейки … cell content … © 2009 Антропова Э.К. 14

15 Таблицы в TML-документах - Заголовки... - заголовок таблицы Атрибуты ALIGN=align - выравнивание текста по левому (left), правому (right) краю (по умолчанию - по центру (center)) VALIGN=alignment - определяет положение текста в ячейках таблицы - выравнивание к верху (top), к низу (bottom) или по центру (по умолчанию) … - ячейка заголовка столбца или строки Атрибуты Все атрибуты аналогичны... © 2009 Антропова Э.К. 15