Будь умным!


У вас вопросы?
У нас ответы:) SamZan.net

ЛАБОРАТОРНАЯ РАБОТА 2 Включение таблиц связей и графики в HTMLдокументы 1

Работа добавлена на сайт samzan.net:


ЛАБОРАТОРНАЯ РАБОТА № 2

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

1. Цель работы

Приобретение основных навыков включения в документы HTML таблиц, гиперсвязей и графических элементов.

2. Основные положения

Таблицы

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

Тэг <TABLE> (задание и описание таблиц) является основной командой форматирования документа HTML.

Задание таблицы определяется двумя командами (и соответственно их атрибутами):

<TR> (table row) - описание строки таблицы;

<TD> (table detail)- описание клетки таблицы.

Структура таблицы выглядит следующим образом:

<TABLE>

<TR>

<TD>Ряд 1, ячейка 1</TD>

<TD>Ряд 1, ячейка 2</TD>

</TR>

<TR>

<TD>Ряд 2, ячейка 1</TD>

<TD>Ряд 2, ячейка 2</TD>

</TR>

</TABLE> .

Пример простой таблицы:

<TABLE>

<TR>

 <TD>Яблоки</TD><TD>Помидоры </TD>

</TR>

<TR>

 <TD>Апельсины<TD></TD>Кабачки</TD>

</TR>

</TABLE>,

что на экране отобразится:

По умолчанию таблица прижимается (aligns) влево, ширина таблицы определяется наиболее длинным элементом в столбце, содержание каждой клетки размещается в середине клетки по высоте и прижимается к левому углу по ширине.

Ширина таблицы задается атрибутом WIDTH= тэга <TABLE>.. Значение ширины таблицы может задаваться в пикселях или в процентах от ширины экрана просмотрщика. Содержание каждой клетки может быть размещено с помощью атрибутов ALIGN= (горизонтальное положение) и VALIGN= (вертикальное положение) для тэгов <TR> и <TD>.

Атрибут VALIGN может принимать следующие значения:

top - прижать вверх;

bottom - прижать вниз;

middle - разместить по центу.

Атрибут ALIGN может принимать следующие значения:

left - прижать влево;

right - прижать вправо;

center - разместить по центу.

Расстояние в пикселях между границей клетки и ее содержимым и между клетками определяют атрибуты CELLPADDING= и CELLSPACING= соответственно.

Рассмотрим пример таблицы, занимающей весь экран просмотрщика и содержащей клетки прижатые влево и вверх:

<TABLE WIDTH="100%">

<TR VALIGN=TOP ALIGN=LEFT>

<TD>Яблоки<TD>Огурцы

<TR VALIGN=TOP ALIGN=LEFT>

<TD>Апельсины<TD>Помидоры

</TABLE>,

что будет отображено на экране следующим образом:

Яблоки  Огурцы

Апельсины  Помидоры

В этом примера ширина таблицы задана в процентах (100%) от ширины экрана.

Заголовок к таблице можно добавить помощью тэга <CAPTION> после тэга <TABLE>. По умолчанию заголовок центрируется относительно таблицы. При помощи атрибутов ALIGN= и VALIGN= заголовок можно разместить вверху (top) или внизу (bottom) и в левом (left) или правом (right) углу таблицы.

Заголовок к строке (rows) или столбцу (columns) можно добавить помощью тэга <TH> после тэга <TR> или <TD>. 

Внутри клетки, задаваемой тэгом <TD> можно поместить текст или рисунок.

Рамку вокруг таблицы и каждой клетки можно нарисовать с помощью атрибута BORDER=n к тэгу <TABLE>. По умолчанию используется нулевая толщина рамки (текст отображается в табличном формате, но без рамки).

Отметим, что если клетка является пустой, вокруг нее рамка рисоваться не будет, поэтому в пустые клетки в таблицах следует помещать любой непечатный символ (например, неразрывный пробел &nbsp).

Ширина рамки (бордюра) задается в пикселях.

В следующем примере построена таблица с рамкой, заголовком и headings:

<TABLE BORDER=1>

<CAPTION>Фрукты и Овощи</CAPTION>

<TR>

<TH>Фрукты<TH>Овощи

<TR>

<TD>Яблоки<TD>Помидоры

<TR>

<TD>Апельсины<TD>Кабачки

</TABLE>.

На экране это будет отображено следующим образом:

По умолчанию заголовки центрируется относительно клетки таблицы. Атрибуты ALIGN= и VALIGN= соответственным образом изменяют его горизонтальное и вертикальное расположение.

При формировании таблиц, можно задавать цвет фона клеток и цвет рамки.

Цвет фона во всей таблице, в строке или в клетке устанавливает атрибут BGCOLOR=  к тэгам <TABLE>, <TR> и <TD> соответственно.

Цвет рамки соответствующих элементов таблицы устанавливает атрибут BORDERCOLOR= тэгов <TABLE>, <TR> и <TD>. 

В следующем примере использовано задание одинакового цвета фона для заголовков (headings) столбцов, и разное для клеток таблицы:

<TABLE BORDERCOLOR=NAVY BORDER=1>

<CAPTION>Фрукты и Овощи</CAPTION>

<TR BGCOLOR=GRAY>

<TH>Фрукты<TH>Овощи

<TR>

<TD BGCOLOR=LIME>Яблоки<TD BGCOLOR=AQUA>Огурцы

<TR>

<TD BGCOLOR=LIME>Апельсины<TD BGCOLOR=AQUA>Помидоры

</TABLE>.

Используя тэги изменения текстовых такие как, например, <B> (bold - полужирный), <I> (italic - курсив) или <FONT> (команда задания типа фонта) можно изменить начертание букв в тексте, однако эти команды правильно действуют (особенно <FONT>) только в пределах одной клетки. При переходе в другую клетку, при выходе из таблицы или при входе в таблицу эти команды могут быть отменены, а могут и не отменены. Для правильного их использования команды изменения шрифтов следует указывать в каждой клетке таблицы.

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

Для задания не стандартных таблиц используются дополнительные тэги и атрибуты. Тэги <THEAD>, <BODY> и <TFOOT> делят таблицу на три части: верхняя часть таблицы (header), тело таблицы (body) и нижняя часть таблицы (footer), в каждой из которых может быть свое деление на клетки.

Общие свойства столбцов таблицы определяют тэги <COLORGROUP> и <COL>, объединяя атрибуты отдельных клеток тега <TD>.

Способ отрисовки рамки таблицы определяют атрибуты FRAME и RULES тэга <TABLE>.

Объединять клетки таблицы в группы, вокруг которых рисуется рамка, позволяют атрибуты COLSPAN= и ROWSPAN= тэгов <TH> и<TD>

Например, рассмотрим таблицу, имеющую рамку вокруг таблицы, а внутри таблицы рамкой выделяются верхняя часть таблицы (заголовок) и столбцы в нижней части:

<TABLE WIDTH="50%" BORDER=1 FRAME=BOX RULES=GROUPS>

<COLGROUP ALIGN=CENTER>

<COLGROUP ALIGN=CENTER>

<THEAD>

<TR>

<TH COLSPAN=2>Фрукты и овощи

<TBODY>

<TR>

<TD>Яблоки<TD>Огурцы

<TR>

<TD>Апельсины<TD>Помидоры

</TABLE>.

На экране это отобразится следующим образом:

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

URL адреса

Система адресации и собственно сами адреса в HTML документах называются URL. URL - это аббревиатура от Uniform Resource Locator. Адрес URL является сетевым расширением понятия полного имени файла в операционной системе (пути к файлу filename). В этой адресации кроме имени файла и директории, где он находится, указывается сетевое имя машины, на которой этот файл расположен и метод доступа к файлу, который можно использовать для его просмотра или загрузки.

Методы доступа

С помощью URL, описывающих различные методы доступа к удаленным системам, можно запускать удаленные программы и передавать им значения. На этом принципе построены шлюзы в другие интернетовские сервисы.

Рассмотрим несколько наиболее часто используемых типов URL адресов и методов доступа.

Файлы

Допустим, файл с именем "internet.zip" лежит на FTP-сервере ftp.ict.nsc.ru в директории /pub/winsite/www/. Тогда URL адрес этого файла будет выглядеть так:

file://ftp.ict.nsc.ru/pub/winsite/www/internet.zip.

Пример URL адреса директории, в которой лежит файл:

file://ftp.ict.nsc.ru/pub/winsite/www/.

Понятно, что URL адрес корневой директории FTP сервера ftp.ict.nsc.ru выглядит вот так:

file://ftp.ict.nsc.ru/.

Вместо сетевого имени машины ftp.ict.nsc.ru можно указать ее IP- адрес: 193.124.243.76. Это часто бывает полезно для ускорения работы с удаленными системами при невысокой скорости передачи данных, поскольку в этом случае нет необходимости обращаться к службе DNC для поиска сетевого адреса.

HTTP URLs

HTTP - HyperText Transport Protocol (протокол передачи гипертекста). HTTP сервера обычно используются для предоставления гипертекстовых документов. Такие документы, в отличие от обычных, имеют ссылки на другие документы (не обязательно расположенных на этом же сервере) и состоят из текста, графики, звуков, анимации.

Для вызова документа "url.html", который находится в директории /win/docs/html/ WWW сервера www.ict.nsc.ru необходим следующий URL адрес:

://www.ict.nsc.ru/win/docs/html/url.html.

По умолчанию все программы по протоколу HTTP ищут WWW сервер на 80 порту, но можно и явно указать порт (также как и в gopher'e):

http://www.weblab.com:1234/pub/files/foobar.html.

Частичные URL

Частичный URL указывает на документ, который находится на том же сервере и в той же директории, где и документ, в котором встречается эта ссылка. Так, например, если документ, где вы нашли эти две строчки, имел URL http://www.w3c.net/WWW/foo.html, то полный URL у второго частичного должен выглядеть как

http://www.w3c.net/WWW/docs.html.

Сокращенные URL адреса определяются по правилам, принятым в операционной системе UNIX. Например, адрес ../win/file.html означает переход на одну директорию вверх и выбор файла из поддиректории win с именем file.html или адрес /docs/ball.gil - переход в корневую директорию и выбор файла с полным именем docs/ball.gif.

Гиперсвязи

Связи (часто называемые гиперсвязями) являются особенностью, которая оправдывает наличие части HT в аббревиатуре HTML (HyperText Markup Language - Язык разметки гипертекста).

Связь - это прямое соединение отдельных точек в документе с другими точками в том же самом или других документах. В HTML терминологии эти точки часто называют anchors (якорь) и bookmark (закладка). 

Существуют два конца связи (якоря): связь осуществляется от одной точки к другой. Последняя, называемая целью (target) связи, часто является началом документа.

В простейших случаях вы создаете связь от одной точки вашего документа к другому документу (вашему собственному или написанному кем-то еще). У вас есть возможность решить, какие слова будут действовать, как видимое представление связи, т.е. фразы, которые отличаются от остального документа, и, кроме того, вам необходимо знать Web адрес - этого документа.

Чтобы установить гиперсвязи и "якоря" (anchors) для них, т.е. определить, какое слово или другая конструкция в документе обеспечивает связь с ресурсом (например, с файлом HTML), или специфицировать, что текущее место экрана может использоваться с данным именем, как флажок для таких связей (в том же или другом документе), необходимо использовать тэг <A>.

A-элемент в программе из вида

<A HREF="цель">текст якоря</A> 

преобразуется при выводе на экран так, что текст якоря представляется способом, выделяющим его из другого текста (например, подчеркиванием или подсветкой).

Замечание:

В якорь гиперссылки можно включить изображение из графического файла. При этом щелчок мышью на любой части этого изображения приведет к выбору данной гиперссылки.

Гиперсвязь с определенным разделом 

HTML-документа

Гиперсвязь может ссылаться не только на некоторый HTML-документ вообще, но и на определенное место в таком документе, так называемую мишень (target). При выборе гиперсвязи, ссылающейся на мишень, программа просмотра загружает связанный документ и выводит его в окне начиная с того места, где расположена данная мишень. Для того чтобы можно было ссылаться на мишень в некотором HTML-документе, необходимо дать этой мишени определенное имя, встречающееся в пределах данного документа только один раз. Синтаксис гиперсвязи, ссылающейся на мишень, отличается от обычного, рассмотренного в предыдущих разделах, только тем, что сразу после пути к файлу или URL связанного документа (без пробелов!) записывается символ # и имя мишени. Имя мишени может быть любой комбинацией букв, цифр и символов подчеркивания, но не должно содержать никаких других символов или пробелов. Если гиперсвязь ссылается на мишень, расположенную внутри того же документа, то тогда задается лишь имя мишени, перед которым также записывается символ #.

Наиболее часто гиперсвязи такого рода используются при оформлении оглавлений документов и ссылок на глоссарий.

Синтаксис мишени:

<A NAME="имя_мишени">Мишень</A>.

Синтаксис гиперссылки:

 <A HREF="URL#имя_мишени">Якорь</A>.

Пример:

Пусть мишень находится в файле glossary.html, а якорь гиперсвязи - в файле signal_processing.html, расположенном в той же директории, что и glossary.html.

Фрагмент файла glossary.html:

<DL>

<DT><A NAME="firmware"><B>Firmware</B></A>

<DD>Программно-аппаратные средства; программы ПЗУ.

<DT><A NAME="first_in_first_out"><B>first-in, first-out</B></A>

<DD>Очередь; структура данных <DFN>первым вошел - первым вышел</DFN>.

</DL>

Фрагмент файла signal_processing.html:

Буфер был организован в виде структуры данных <A HREF="glossary.html #first_in _first_out">  first-in, first-out</A>.

На экране якорь выглядит следующим образом:

Буфер был организован в виде структуры данных  first-in, first-out.

Мишень на экране выглядит следующим образом:

first-in, first-out 

Очередь; структура данных первым вошел - первым вышел.

Гиперсвязь с документом, находящимся в той же

директории на том же WWW-сервере или локальном диске

В этом случае достаточно указать имя связанного файла.

Синтаксис:

<A HREF="имя_файла">Якорь</A>

Пример:

<A HREF="publications.html">Список публикаций сотрудников лаборатории</A> насчитывает более трехсот статей.

Гиперсвязь с документом, находящимся в другой

директории на том же сервере или локальном диске

В этом случае достаточно указать относительное имя директории и имя файла.

Синтаксис:

<A HREF="имя_директории/имя_файла">Якорь </A>.

Пример:

Пусть HTML-документ находится в директории /usr/students/ public_html, а связанные HTML-документы с именами my_publications.html и resume.html - в директории /usr/students/pub-lic_html/personal_info. Тогда гиперсвязь кодируется на HTML таким образом:

Заинтересованных лиц прошу прочитать мое

<A HREF="personal_info/resume.html">резюме</A>

и <A HREF="personal_info/my_publications.html> список публикаций</A>.

Гиперсвязь с документом, находящимся в той же

файловой системе, с использованием протокола file

Для гиперсвязей с документами только в пределах данной локальной файловой системы можно воспользоваться специальным протоколом file.

Синтаксис:

<A HREF="file://путь_к_файлу">Якорь</A>.

Пример:

Предположим, что документ предназначен для пользователя IBM PC-совместимого компьютера под управлением Windows 95. Пусть HTML-документ с именем LocalTest.html находится на одном из локальных дисков, а документ index.html, на который сделана ссылка - на локальном диске C: в директории \DIMA\HOMEPAGE. Тогда гиперсвязь с файлом index.html в файле LocalTest.html кодируется на HTML так:

<A HREF="file:///C|/DIMA/HOMEPAGE/index.html"> Локальная версия домашней страницы</A>

Как видно из примера, имя дисковода обозначается соответствующей латинской буквой, за которой следует вертикальная черта | (а не двоеточие!). Сразу после двоеточия идут три косые черты подряд, при этом, самая правая из них обозначает корневую директорию.

Гиперсвязь с документом, находящимся на другом

WWW-сервере

В этом случае требуется указать URL полностью по правилам, описанным ранее.

Синтаксис:

<A HREF="http://адрес_сервера:номер_порта /имя _директории/имя_файла">Якорь</A>

Пример:

Гиперсвязь с документом http://bunny.cs.uiuc. edu: 8000/302/index.html:

Курс <A HREF= "http: //bunny.cs.uiuc.edu: 8000/302/ind-ex.html"> Software Engineering </A>, который ведет профессор Волков, в значительной степени посвящен работе над большими программными проектами.

На экране это будет выглядеть следующим образом:

Курс Software Engineering, который ведет профессор Волков, в значительной степени посвящен работе над большими программными проектами.

Гиперсвязь с сервером электронной почты

(Mail Server)

Большинство программ просмотра позволяет отправить электронное письмо по адресу, указываемому в просматриваемом HTML-документе. Для работы с сервером электронной почты программа просмотра читателя документа также должна быть предварительно настроена.

Синтаксис:

<A HREF="mailto:электронный_адрес">Якорь</A>.

Пример (адрес вымышленный!):

<A HREF="mailto:user@aaa.bbb.ccc.ru">Жду ваших писем!</A>

На экране это будет выглядеть следующим образом:

Жду ваших писем!

Включение графики в HTML-документы

Включение изображения из графического файла (Inline Image)

В HTML-документ можно включить изображения из графических файлов в форматах GIF, JPEG и некоторых других. Наиболее часто используемыми в WWW являются графические форматы GIF и JPEG.

Синтаксис: 

<IMG SRC="местоположение_файла" ALIGN= left | right | top | texttop | middle | absmiddle | bottom | absbottom WIDTH=nnn HEIGHT=nnn HSPACE=nnn VSPACE=nnn ALT="альтернативный текст">.

Атрибут SRC служит для указания программе просмотра имени и местоположения графического файла. Чтобы программа просмотра смогла найти графический файл с изображением, включаемым в HTML-документ, необходимо указать имя и местоположение графического файла в WWW-пространстве. При этом, в зависимости от взаимного расположения HTML-файла с документом и графического файла, можно указывать либо абсолютный URL графического файла, либо его координаты относительно HTML-файла с документом. Ниже мы рассмотрим, в порядке возрастания сложности, следующие три ситуации:

  1.  графический файл находится на том же сервере и в той же директории, что и сам HTML-документ;

графический файл находится на том же сервере, что и сам HTML-документ, но в другой директории;

графический файл и HTML-документ находятся на разных серверах.

В любом случае допустимо указание полного, или, как говорят, абсолютного, URL графического файла. Абсолютный URL включает имя протокола, адрес сервера, номер порта (если он отличается от принимаемого по умолчанию номера 80), имя директории и имя файла. Однако, в первых двух из вышеперечисленных случаев указание абсолютного URL часто не только избыточно, но и нежелательно, поскольку значительно усложняет перенос документа с одного сервера на другой или даже из одной директории в другую.

Если файл с изображением находится на том же сервере (или на том же локальном диске) и в той же директории, что и сам HTML-документ, то достаточно указать только имя этого файла.

Атрибуты ALIGN, WIDTH, HEIGHT, HSPACE и VSPACE, задающие расположение рисунка на странице, являются необязательными, а ALT, задающий так называемый альтернативный текст, - обязательным, поскольку он используется неграфическими программами просмотра.

При помощи необязательного атрибута ALIGN флага <IMG ...> можно управлять расположением изображения на странице относительно текста и других изображений. Параметры атрибута выполняют следующие действия:

bottom - нижняя сторона изображения выравнивается по базовой линии следующего за ним текста;

absbottom - нижняя сторона изображения выравнивается по низу строки следующего за ним текста;

absmiddle - горизонтальная линия, проходящая через центр строки следующего за рисунком текста выравнивается по центру изображения;

middle - базовая линия следующего за рисунком текста выравнивается по центру изображения;

top - изображение располагается на одной линии с самым высоким объектом (текстом или рисунком) в строке;

texttop - изображение располагается на одной линии с самым высоким символом текста в строке;

left - изображение выравнивается по левому краю окна, а следующий за ним текст обтекает его справа;

right - изображение выравнивается по правому краю окна, а следующий за ним текст обтекает его слева.

Используя атрибут ALGIN= со значениями LEFT или RIGHT можно создать "плавающую" картинку, которую будет обтекать текст. В конце плавающего объекта обязательно должна присутствовать тэг <BR> с атрибутом CLEAR=, который прекращает обтекание картинки. После этой команды текст выводится ниже графического файла

При помощи атрибутов WIDTH и HEIGHT задают размеры изображения в пикселях, чтобы при загрузке HTML-документа программа просмотра сразу отвела под это изображение необходимое ему пространство на странице и загрузила основной текст, который можно читать, пока программа просмотра получает содержимое графического файла. Если истинный размер изображения, содержащегося в графическом файле, не совпадает с заданным при помощи атрибутов WIDTH и HEIGHT, то результат зависит от используемой программы просмотра. В частности, Netscape Navigator 3.0 соответствующим образом растягивает или сжимает картинку

Горизонтальный и вертикальный отступ  между изображением и окружающим его текстом задается атрибутами HSPACE=nnn и VSPACE=nnn, где nnn - величина зазора, выраженная в пикселях.

Некоторые программы просмотра HTML-документов, ориентированные на использование текстовых терминалов, вообще не способны выводить изображения. Кроме того, при низкой скорости обмена информацией между WWW-сервером и клиентом пользователь может отключить загрузку изображений и просматривать только текст, чтобы избежать длительных задержек. Чтобы в этих случаях на месте изображений не было "пустого места", необходимо задать с помощью атрибута  ALT для каждого рисунка так называемый альтернативный текст, который будет выводиться на его месте при невозможности вывода графики.

Задание движущегося текста

Тэг MARQUEE позволяет задать движущийся текст. Этот тэг работает, к сожалению, только в MS Internet Explorer.

Пример: 

<B><FONT COLOR=GREEN>

<MARQUEE DIRECTION=RIGHT BEHAVIOR=SCROLL SCROLLAMOUNT=10 SCROLLDELAY=200>Движущийся текст. </MARQUEE>

</FONT></B>.

В этом примере текст Движущийся текст. двигается слева направо со скоростью 10 пикселей с задержкой 200 миллисекунд.

Существует несколько атрибутов этого тега:

ALIGN=, размещающий текст в верхней (TOP), средней (MIDDLE) и нижней (BOTTOM) части бегущей строки;

BEHAVIOR=, управляющий движением текста. Если его нет, то текст пробегает справа налево. Если задать BEHAVIOR=SCROLL, то текст будет просто пробегать по экрану. Это значение по умолчанию. Если указать BEHAVIOR=SLIDE, то текст выползает на экран и останавливается. Если использовать параметр ALTERNATE, то текст будет сначала выползать на экран, а потом, отскакивая от боковых стенок, прыгать; 

BGCOLOR= ,задает цвет фона бегущей строки;

DIRECTION=, указывает направление движения текста (LEFT или RIGHT);

HEIGHT= и WIDTH= задают толщину и ширину бегущей строки в пикселях или процентах от размера окна;

HSPACE= и VSPACE= задают горизонтальные и вертикальные поля вокруг бегущей строки;

LOOP= задает количество "пробегов" текста. Если вы хотите заставить бедный текст бегать вечно, то не используйте этот атрибут или задайте LOOP=INFINITE;

SCROLLAMOUNT= определяет скорость "пробегания". Задается числами. 1 примерно равен скорости улитки, ползущей по монитору, а при SCROLLAMOUNT=8000 - вы просто ничего не увидите;

для правильного задания скорости бегущей строки используйте вместе с предыдущем атрибутом атрибут SCROLLDELAY=, задающий скорость прорисовки текста в миллисекундах.

3. Задание на лабораторную работу

  1.  Создать html документ в соответствии с рис. 6.1.

Лабораторная работа № 6

студента гр. ИС 31 Матвеева Ивана Ивановича

Тема работы: Включение таблиц, связей и графики в HTML

 документы

Содержание

  1.  Таблицы
  2.  Графика
  3.  Связи

Рис. 6.1. Заголовок и содержание разрабатываемого документа

  1.  Содержание документа (таблицы, графика, связи) должно быть выполнено в виде ссылок на соответствующие разделы документа.

Создать раздел документа Таблицы, в котором разместить две таблицы, выполненные в соответствии с рис. 6.2.

Скопировать в свой рабочий каталог файлы рисунков hardware.bmp и internet.gif.

Создать раздел документа Графика, в котором разместить бегущую строку, картинки и текст в соответствии с рис. 6.3. При этом обеспечить вывод на экран браузера альтернативного текста.

Создать из раздела Таблицы  html - файл и присвоить ему имя Table.html.

Создать произвольный текстовый файл и присвоить ему имя lab6.doc. 

Создать раздел документа Связи в соответствии с рис. 6.4, обеспечив ссылки на созданные файлы, на документ web.htm на WWW-сервере izone.com.ua в директории doc , и на сервер электронной почты.

Рис. 6.2. Раздел Таблицы


Графика

Пример размещения рисунков (бегущая строка)

Это картинка из файла hardware.bmp в текущей директории (Альтернативный текст ”Earth”)

Примеры (Картинки из файла internet.gif. Альтернативный текст ”Шарик”)

Текст вверху

 

Рис. 6.3. Раздел Графика

Примеры организации гиперсвязей

Гиперсвязь с документом Table.html в данной директории

Гиперсвязь с документом lab6.doc, находящимся в той же файловой системе, с использованием протокола file

Гиперсвязь с документом web.html, находящимся на WWW сервере isone.com.ua в директории doc

Отправка сообщения Освоена работа почты! на адрес nvv@intbel.ru (Mail server intbel.ru)

Рис. 6.4. Раздел Связи

4. Содержание отчета

Отчет должен содержать:

  1.  Название работы.

Ф.И.О. и группу студента, выполнившего работу.

Цель работы.

Задание.

Распечатку html - кода созданного документа.

Твердые копии экрана, демонстрирующие результаты просмотра разработанного документа в браузере.

Выводы по работе.

5. Контрольные вопросы

  1.  Какой тэг используется для задания таблиц?

Какие теги служат для описания строк и столбцов таблицы?

Какие атрибуты используются для задания ширины таблицы и в каких значениях можно задавать значение ширины?

Как можно добавить заголовок к таблице?

Как можно добавить заголовок к строке или столбцу?

Как можно нарисовать рамку вокруг таблицы и каждой клетки?

Какие атрибуты определяют цвет фона всей таблицы и цвет рамки?

Какие тэги атрибуты используются для задания не стандартных таблиц?

Какие атрибуты позволяют объединить клетки таблицы в группы?

Что такое URL?

Привести пример URL адреса директории FTP сервера, в которой лежит заданный zip - файл.

Привести пример URL адреса директории WWW сервера, в которой лежит заданный http - файл.

Зачем используются частичные URL?

Какой атрибут служит для указания программе просмотра имени и местоположения графического файла?

Какие атрибуты задают расположение рисунка на странице?

При помощи каких атрибутов задают размеры изображения в пикселях?

Как задается горизонтальный и вертикальный отступ  между изображением и окружающим его текстом?

Какой тэг позволяет задать движущийся текст?

Как задать цвет фона бегущей строки?

Как указать направление движения текста?

Как задать горизонтальные и вертикальные поля вокруг бегущей строки?

Как задается скорость "пробегания" бегущей строки?

 

Немного отступили вправо

Текст по центру

Еще немного отступили вправо

Текст внизу




1. в отрезках Если в общем уравнении прямой Ах Ву С 0
2. ПЕСЧАНОГО ПЯТНА
3. I. Электр ~рiсi осы зарядтармен ~орша~ан ке~iстiкте бар болады ж~не онымен ~здiксiз байланыста болады.
4. Topics of projects for 1course students on the lessons of BIY Midterm 4 Mke survey finding out the certin chnges students 1st course students hve experienced since they entered the uni
5. 3 Государственное образовательное учреждение высшего профессионального
6. Исследование самоотношения студентов
7. белая пневмония кремневая печень остеохондриты остеопериоститы
8. Экономика и бизнес К У Р С О В А Я Р А Б О Т А на тему Инфляция и антиинфляционная пол
9. Уплотнение грв с помощью тяжелых трамбовок после доведения влажности гра до оптимальной
10. Тема 6 Денежные системы
11. Тема Основы работы в векторном редакторе Corel Drw
12. ПЗС матрица
13. Три теоремы ~ непосредственные следствия из аксиом.
14. тема статистических показателей и методов статистического анализа себестоимости
15. Контрольная работа- Микросреда и продуктовая стратегия банков в области кредитования
16. реферат дисертації на здобуття наукового ступеня кандидата філологічних наук Киї
17. Twisting will twist him twist For the twisting of his twist he three times doth entwist But if one of the twines of the twist do entwist The twine tht untwisteth untwisteth the
18. это служебное слово самостоятельно не употребляется и не переводится на русский язык
19. реферате я ставлю себе целью рассказать и привести сравнительные данные показывающие весь ужас голода 19321933
20. Общественное мнение и СМИ