close

Вход

Забыли?

вход по аккаунту

?

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

код для вставкиСкачать
 1 Создание простейших Web-страниц. Форматирование текста средствами языка HTML
1.1 Цель работы
* приобрести элементарные навыки создания простейших Internet-документов;
* научиться выполнять форматирование Web-страниц;
* изучить технологию создания гипертекстовых документов на примере HTML. 1.2 Порядок выполнения работы
* Изучение методических указаний к работе.
* Выполнение общих заданий. * Выполнение индивидуальных заданий и защита работы.
1.3 Теоретические сведения
1.3.1 Основные понятия и определения
Язык HTML (HyperText Markup Language, язык разметки гипертекста) - это язык, на котором создаются Web-страницы. Web-страницы (HTML-документы) могут просматриваться различными типами Web-браузеров. Когда документ создан с использованием HTML, Web-браузер может интерпретировать HTML для выделения различных элементов документа и первичной их обработки. Использование HTML позволяет форматировать документы для их представления с использованием шрифтов, линий и других графических элементов на любой системе, их просматривающей.
Web-страницы могут быть созданы с помощью:
* обычного текстового редактора;
* редактора, способного сохранять в формате HTML;
* специализированного редактора;
* специализированной системы.
HTML-документы сохраняются на диске как обычные текстовые документы в формате ASCII. Для распознавания Web-страниц по их именам общепринято обозначать такие файлы использованием расширений .HTM (для Windows 3.1) или .HTML (для Windows 95/98/NT, Macintosh и Unix).
Кроме полезного текста в HTML-документах используются специальные управляющие последовательности символов - теги.
Структура тега имеет следующий вид:
Парный тег:
<ТЕГ атрибут1=значение1...>
текст
другие конструкции
</ТЕГ>
Одиночный тег:
<ТЕГ атрибут1=значение1...>
текст другие конструкции
Чаще всего теги используются попарно, окружая размеченные фрагменты текста. Такие теги называются контейнерами. Закрывающий тег отличается от начального только присутствием символа "/", добавляемого перед именем тега. При интерпретации тегов браузер не делает различия между строчными и прописными буквами. Поэтому сами теги можно набирать на любом регистре. Атрибуты (параметры) для тегов часто является необязательной величиной и их можно пропускать.
1.3.2 Структура HTML-документа
Когда Web-браузер получает документ, он определяет, как документ должен быть интерпретирован. Самый первый тег, который встречается в документе, должен быть тегом <HTML>. Данный тег сообщает Web-браузеру, что документ написан с использованием HTML. Минимальный HTML-документ имеет структуру:
<HTML> ...тело документа... </HTML>
Теги <HTML> и </HTML> заключают внутри себя все элементы HTML-кода, указывая, что используется язык HTML.
Принято выделять заголовочную часть и тело Web-документа. Теги <HEAD> и </HEAD> обозначают заголовочную часть Web-документа. Как правило, заголовочная часть содержит название документа, метатеги с информацией для индексирования и некоторые общие установки для данного документа. Тег заголовочной части документа должен быть использован сразу после тега <HTML> и более нигде в теле документа.
Теги <BODY> и </BODY> обрамляют тело (основную часть) документа. Здесь размещается основная смысловая текстовая и графическая информация. Тело документа отображается в окне браузера.
Разделение документа на заголовочную часть и тело имеет лишь смысловую нагрузку. Текст, приведенный в любой из этих частей, на экране выглядит совершенно одинаково.
В общем виде Web-документ имеет следующую структуру:
<HTML>
<HEAD>
<TITLE>
... текст для строки заголовка браузера
</TITLE>
</HEAD>
<BODY>
... тело документа (в окне браузера)
</BODY>
</HTML>
Внутри контейнера <HEAD> может использоваться тег <TITLE>, как показано выше. Большинство Web-браузеров отображают содержимое этого тега в строке заголовка окна Web-браузера, содержащего документ, и в файле закладок, если он поддерживается Web-браузером. Как любой язык, HTML позволяет вставлять в тело документа пояснительный текст (комментарии), который сохраняется при передаче документа по сети, но не отображается браузером. Синтаксис комментария следующий:
<!-- Это комментарий -->
Комментарии могут встречаться в любом месте документа.
1.3.3 Форматирование текста
При выводе на экран текста браузер игнорирует дополнительные пробелы, символы табуляции и возврата каретки, пустые строки. Их можно использовать для того, чтобы сделать текст HTML-документа легко читаемым.
Для правильного отображения Web-страницы в окне браузера следует использовать специальные теги для структурирования и форматирования текста.
1.3.4 Цвета в HTML-документе
Существует две формы задания цвета (Таблица 1): * символьная - указывается название одного из предопределенных цветов, например, RED;
* цифровая - комбинация RGB: #RRGGBB, например,для красного - #FF0000.
Таблица 1 - Символьные идентификаторы и RGB-комбинации основных цветов ЦветСимвольное обозначениеЦифровое обозначениеЧерныйBLACK#000000Темно-синийNAVY#000080ГолубойBLUE#0000FFЗеленыйGREEN#008000Сине-зеленыйTEAL#008080Ярко-зеленыйLIME#00FF00Ярко-голубойAQUA#00FFFFТемно-красныйMAROON#800000Темно-сиреневыйPURPLE#800080ОливковыйOLIVE#808000СерыйGRAY#808080СеребряныйSILVER#C0C0C0КрасныйRED#FF0000СиреневыйFUCHSIA#FF00FFЖелтыйYELLOW#FFFF00БелыйWHITE#FFFFFF Язык HTML определяет для тега BODY следующие атрибуты цветов: * BGCOLOR - цвет фона для тела документа;
* TEXT - цвет, используемый при выводе на экран текста из данного документа; * LINK - цвет, который будет использоваться при выводе на экран текста из еще не выбранных вами гипертекстовых связей;
* VLINK - цвет, который будет использоваться при выводе на экран текста из уже проверенных вами гипертекстовых связей;
* ALINK - цвет, которым будут выделяться в тексте гипертекстовые связки в тот момент, когда пользователь щелкает по ним клавишей мыши.
Атрибут COLOR, указывающий на цвет, может также использоваться в тегах: <FONT>, <HR>.
1.3.5 Элементы форматирования на уровне блоков
К тегам блочного уровня относят:
Тег абзаца (параграфа) разделяет два абзаца пустой строкой.
<P ALIGN=LEFT|CENTER|RIGHT|JUSTIFY NOWRAP> текст </P>
Может не иметь пары </P>. Атрибут ALIGN задает выравнивание информации. Применение атрибута NOWRAP дает возможность писать текст без переноса слов. Для центрирования текста или графики можно использовать также контейнер <CENTER>...</CENTER>
Теги заголовков (от 1-го до 6-го уровней) используются для выделения структурных частей текста. Каждый стиль заголовка имеет свой размер. Тег <H1> имеет наибольший размер.
<H1|H2|H3|H4|H5|H6 ALIGN=...> текст </H1|H2|H3|H4|H5|H6>
Тег горизонтальной линейки предназначен для вычерчивания горизонтальной линии.
<HR ALIGN=... SIZE=... WIDTH=... NOSHADE>,
где атрибут SIZE задает толщину линии в пикселах, WIDTH -ширину в пикселах или процентах от ширины окна браузера, NOSHADE позволяет представить линию без тени в виде простой темной полоски.
Тег конца строки вызывает переход не новую строчку без разрыва абзаца. <BR>
Тег <WBR> - определяет место возможного (рекомендуемого) переноса (разрыва) строки.
Контейнер <NOBR> ...</NOBR> заключает в себе текст, который не должен разбиваться на строки, даже если она выходит за границы экрана. Вместо этого браузер позволит горизонтально прокручивать текст.
Контейнер <PRE>...</PRE> используется для отображения на экране символов табуляции, возврата каретки, дополнительных пробелов, сохраняет предварительно выполненное форматирование текста. При отображении такого текста используется моноширинный шрифт. Внутри контейнера могут использоваться другие теги форматирования.
Контейнер <BLOCKQUOTE> предназначен для обозначения в документе цитаты из другого источника. Текст, обозначенный этим тегом, отступает от левого края документа на 8 пробелов.
Для структурирования текста на Web-странице используются теги списков (Таблица 2). HTML позволяет формировать нумерованные, маркированные и вложенные списки, а также списки терминов и определений.
Таблица 2 - Операторы HTML для описания списка
Нумерованный список -
Ordered ListМаркированный список -
Unordered ListВложенный список Список терминов и определений<ol>
<li>пункт списка
<li>пункт списка
<li>пункт списка
...
</ol><ul>
<li>пункт списка
<li>пункт списка
<li>пункт списка
...
</ul><ol>
<li> пункт списка 1
...
<ul>
<li> пункт списка 2
...
</ul>
...
<li> пункт списка 1
</ol><dl>
<dt>Название термина <dd>определение термина
<dt>Название термина <dd>определение термина
...
</dl> Для маркированных, нумерованных и вложенных списков могут использоваться атрибуты:
TYPE - тип маркера Для нумерованныхAЗаглавные буквыaСтрочные буквыIЗаглавные римские цифрыiСтрочные римские цифры1Арабские цифры (по умолчанию) Для маркированныхdisсЗакрашенный кружок. По умолчаниюcircleНезакрашенный кружокsquareКвадратик START - Начальное значение для нумерованного списка при использовании арабских цифр TITLE - Всплывающая подсказка <OL TYPE=A TITLE="нумерованный список">
...
</OL>
1.3.6 Теги, задающие шрифт
<FONT SIZE=... COLOR=... FACE=...> текст </FONT>
SIZE - устанавливает размер шрифта, который будет использоваться текстом, содержащимся в пределах элемента FONT. Можно задать абсолютный размер шрифта, указав целое число от 1 до 7. Для шрифта можно также указывать относительный размер, присваивая атрибуту целое число со знаком (например, это может быть SIZE="+1" или SIZE="-2"). COLOR - указывает цвет, которым будет выделен данный фрагмент текста. Цвета задаются в виде RGB-значения с шестнадцатеричной нотацией, либо выбирается символьное значение одного из стандартных цветов.
FACE - задает гарнитуру шрифта, например FACE=ARIAL.
<TT> текст </TT> - телетайпный текст (моноширинный).
<I> текст </I>-стиль с наклонным шрифтом (курсив).
<B> текст </B>-стиль с жирным шрифтом.
<U> текст </ U>- стиль с подчеркиванием текста.
<BIG> текст </ BIG>- печать текста шрифтом увеличенного размера (большего, чем окружающий текст).
<SMALL> текст </ SMALL> - печать текста шрифтом уменьшенного размера (меньшего, чем окружающий текст).
<SUB> текст </ SUB> - печать текста со сдвигом вниз (нижний индекс или подстрочный).
<SUP> текст </ SUP>- печать текста со сдвигом вверх (верхний индекс или надстрочный).
<STRIKE> текст </ STRIKE>или <S> ...</S> - стиль с перечеркиванием текста.
Специальные теги HTML
Тег <ADDRESS> используется для выделения автора документа и его адреса (например, e-mail). <ADDRESS> Адрес-автора </ADDRESS>
Некоторые символы являются управляющими символами в HTML и добавляются в текст только при помощи ESC-последовательностей:
левая угловая скобка "<"-&lt;
правая угловая скобка ">"-&gt;
амперсанд "&"-&amp;
двойные кавычки """-&quot;
Существует большое количество ESC-последовательностей для обозначения специальных символов, например "&copy;" для обозначения знака  и "&reg;" для значка . Одной из особенностей является замена символов во 2-ой части символьной таблицы (после 127-ого символа) на escape-последовательности для передачи текстовых файлов с национальными языками по 7-битным каналам.
ESC-последовательности чувствительны к регистру: НЕЛЬЗЯ использовать &LT; вместо &lt;.
Наиболее часто используемые теги приведены в таблице (Таблица 3).
Таблица 3 - Основные теги для оформления HTML-документа
№АтрибутФункция1version=строкаУказывается версия HTML, которая была использована для создания данного документа2iЗаключенный в теги текст будет отображаться в курсивном начертаниитег HEAD - начальный и конечный теги заголовочной части HTML-документатег TITLE - начальный и конечный теги заголовка HTML-документатег A - начальный и конечный теги, которые позволяют создать гиперссылку (атрибут href) или идентификатор фрагмента (атрибут name) заголовка HTML-документа№АтрибутФункция1href=urlУказывается URL-адрес целевого документа гиперссылки (необходим, если это не якорь имени)2methods=списокЗадается список методов отображения, зависящих от браузера (через запятую)3name=строкаУказывается имя идентификатора фрагмента (необходим, если это не якорь гипертекстовой ссылки)4rel=связьОпределяется связь этого документа с целевым документом5rev=связьОпределяется обратная связь целевого документа с данным6target=имяЗадается имя кадра или окна отображения обозначенного ссылкой документа7title=строкаЗадается заголовок целевого документа8urn=urnУказывается не зависящее от места нахождения универсальное имя ресурса для данной гиперссылкитег ADDRESS - заключенный в данные теги текст представляет собой адрестег B - заключенный в данные теги текст будет отображаться жирным шрифтомтег BASE - указывается базовый URL для всех относительных URL в данном документе№АтрибутФункция1href=urlУказывается базовый URL-адрес2target=имяЗадается использующееся по умолчанию целевое окно для всех ссылок <a> в документе. Предназначен в основном для переадресации ссылки в другие кадры. Существует четыре специальных значения: _blank, _parent, _self и _topтег BASEFONT - указывается размер шрифта для последующего текста№АтрибутФункция1size=значениеУстановка размера базового шрифта. Диапазон - от 1 до 7тег BIG - заключенный в теги текст будет отображаться шрифтом большего размератег BODY - начальный и конечный теги тела документа№АтрибутФункция1alink=цветУстановка цвета активных гипертекстовых ссылок в документе2background=urlУказывается URL фонового изображения3bgcolor=цветУстановка цвета фона документа4bgproperties=значениеЕсли значение равно fixed, запрещается прокрутка фонового изображения вместе с содержимым документа (IE2 и выше)5leftmargin=значениеУстановка размера (в пикселах) левого поля документа (IE2 и выше)6link=цветУстановка цвета "непосещенных" гипертекстовых ссылок в документе7text=цветУстановка цвета обычного текста в документе8topmargin=значениеУстановка размера (в пикселах) верхнего поля документа (IE2 и выше)9vlink= цветУстановка цвета "посещенных" ссылок в документетег BR - разрыв текущего текстового потока и возобновление его с начала следующей строки№АтрибутФункция1clear=полеЗадается "обтекание" объекта, расположение которого указано значением данного атрибута (left, right или all). При переносе на новую строку текст будет размещаться так, чтобы объект оставался видимымтег CENTER - размещение заключенного в теги текста по центрутег CITE - заключенный в теги текст представляет собой цитатутег COMMENT - Комментарий в тексте документа. Комментарии будут видимы в любом браузере. Для всех браузеров комментарий представляется в виде <!-текст комментария -->тег DD - задается описательная часть для элемента списка определенийтег DFN - текст, заключенный в теги форматируется как определениетег DL - создание списка определений, содержащих теги <dt> и <dd>тег DT - задается описательно-условная часть для элемента списка определенийтег EMBED - начальный и конечный теги, которые позволяют описать встраиваемый в документ объект. В зависимости от вида встраиваемого объекта могут, помимо указанных ниже, включаться дополнительные параметры1src=urlУказывается URL встраиваемого объекта. Этот атрибут является необходимым2height=nУказывается высота зоны, которую займет встроенный объект3name=имяУказывается имя встраиваемого объекта4width=nУказывается ширина зоны, которую займет встроенный объекттег FONT - установка размера, цвета или гарнитуры заключенног в теги текста№АтрибутФункция1color=цветУстановка цвета заключенного в теги текста2face=списокУстановка гарнитуры заключенного в теги текста (устанавливается первый из указанных в разделенном запятыми списке имен шрифтов)3size=значениеУстановка размера базового шрифта. Диапазон - от 1 до 7тег Hn - заключенный в теги текст представляет собой заголовок уровня n. Возможные значения n - от 1 до 6№АтрибутФункция1align=типУказывается способ выравнивания заголовка: по левому краю (left, по умолчанию), по центру (center) или по правому краю (right)тег HR - разрыв текущего текстового потока. В месте разрыва будет вставлена горизонтальная линейка№АтрибутФункция1align=типУказывается способ выравнивания линейки: по левому краю (left), по центру (center, по умолчанию) или по правому краю (right)2noshadeЗапрещается использование объемного затенения при отображении линейки3size=nУстановка толщины линейки равной целому числу пиксел4width=значениетег I - заключенный в теги текст будет отображаться в курсивном начертаниитег IMG - в текущий текстовой поток вставляется изображение№АтрибутФункция1alt=текстЗадается альтернативный текст для браузеров, не поддерживающих работу с изображениями2Border=nУстановка толщины (в пикселах) обрамления изображений, содержащихся в гиперссылках3controlsДобавление функций управления воспроизведением встроенных виедоклипов (IE2 и выше)4Dynsrc=urlЗадается URL-адрес видеоклипа, подлежащего изображению (IE2 и выше)5Height=nЗадается высота изображения в пикселах6Hspace=nЗадается размещение слева и справа от изображения областей свободного пространства шириной по n пиксел7IsmapУказывается, что при использовании данного тега внутри тега <a> изображение выбирается с помощью мыши8loop=значениеУстановка числа повторов воспроизведения видео. Значение может быть целым или значением infinite (IE2 и выше)9Lowsrc=urlУказывается изображением с низким разрешением, которое браузер должен загрузить первым. За ним следует изображением, заданное атрибутом <src> (IE2 и выше)10src=urlУказывается исходный URL изображения, подлежащего воспроизведению. Этот атрибут является необходимым11start=началоУказывается, когда следует воспроизвести видеоклип (варианты: fileopen или mouseover)12Usemap=urlУказывается чувствительная к перемещению мыши область изображения13Vspace=nЗадается размщенеие над и под изображением областей свободного пространства по n пиксел14width=nУказывается ширина изображения в пикселахтег KBD - заключенный в теги текст вводится посимвольно (как при наборе с клавиатуры)тег LINK - в заголовке (<head>) документа определяется ссылка из данного документа на другой документ№АтрибутФункция1href=urlУказывается URL-адрес гипертекстововй ссылки целевого документа 2methods=списокЗадается список методов отображения для данной ссылки, зависящих от браузера (через запятую)3rel=связьОпределяется связь этого документа с целевым документом. Для Internet Explorer 3.0 rel=style означает существование внешней таблицы стилей4rev=связьОпределяется обратная связь целевого документа с данным5src=urlУказывается URL внешней таблицы стилей, которая будет использоваться для форматирования документа (IE2 и выше)6title=строкаЗадается заголовок целевого документа7type=text/cssЗадается тип внешней ссылки, которая будет использоваться как внешняя каскадная таблица стилей8urn=urnДля целевого документа указывается универсальное имя ресурса, не зависящее от его места нахождениятег MAP - определяется чувствительная к перемещению мыши область изображения№АтрибутФункция1name=строкаЗадается имя данной области. Этот атрибут является необходимымтег NOBR - в заключенном в теги тексте разрывы не допускаютсятег P - начальный и конечный теги абзаца1align=типЗадается способ выравнивания текста в абзаце: по левому краю (left), центру (center) или по правому краю (right)тег PLAINTEXT - указывается, что остальную часть документа следует отображать без обработки, как предварительно отформатированный тексттег PRE - заключенный в теги текст будет отображаться так. как он был отформатирован предварительно, без обработки, с точным соблюдением переносов строк и интервалов№АтрибутФункция1width=nБраузер будет размещать текст так, чтобы в строке умещалось (если возможно) n символовтег S - заключенный в теги текст будет отображаться перечеркнутым горизонтальной линиейтег SAMP - заключенный в теги текст представляет собой шаблонтег SMALL - заключенный в теги текст будет отображаться шрифтом меньшего размератег SPACER - вставить в документ разделитель (Только N3)№АтрибутФункция1type=типУказывается тип разделителя: vertical - между двумя строками текста помещается область пустого пространства указанного размера; horizontal - область пустого пространства указанного размера помещается между словами или символами; block - вставка прямоугольной области2size=nУказывается (в пикселах) ширина разделителя типа horizontal или высота разделителя типа vertical3width=nУказывается ширина разделителя типа block4height=nУказывается высота разделителя типа block5align=значениеУказывается способ выравнивания разделителя block относительно окружающего текста.тег SPAN - заключенный в теги текст будет форматироваться с использованием таблицы стилей (Только IE3 и выше)№АтрибутФункция1style=элементыДля текста в заданном интервале задаются элементы таблицы стилейтег STRIKE - заключенный в теги текст будет отображаться перечеркнутым горизонтальной линиейтег SUB - заключенный в теги текст будет отображаться как нижний индекстег SUP - заключенный в теги текст будет отображаться как верхний индекс тег TT - заключенный в теги текст будет отображаться моноширинным шрифтомтег VAR - заключенный в теги текст представляет собой имя переменной
1.4 Практическая часть
Задание 1. Вызовите текстовый редактор БЛОКНОТ. Наберите следующий ниже текст и сохраните под именем web1.html.
<HTML>
<HEAD>
<TITLE>Моя персональная страничка (заголовок для браузера)</TITLE>
</HEAD>
<BODY>
ПРИВЕТ! Это моя личная домашняя страничка! Меня зовут (........................).
</BODY>
</HTML>
Задайте цвет фона и цвет текста для Web-страницы, отличные от установленных по умолчанию.
Загрузите файл web1.html в Internet Explorer. Оцените результат.
Расположите каждую фразу в теле документа на новой строке.
Загрузите файл web1.html в Internet Explorer. Оцените результат.
Расположите текст в теле документа по центру.
Загрузите файл web1.html в Internet Explorer. Оцените результат.
Выделите текст в теле документа стилем заголовок 1-го уровня (тег <H1>).
Загрузите файл web1.html в Internet Explorer. Оцените результат.
Задание 2.
Откройте файл web1.html в БЛОКНОТЕ и дополните тело документа нижеуказанным фрагментом. Пропуски в тексте заполните индивидуальной информацией. После редактирования файл web1.html сохраните под именем web2.html.
...
<HR>
<H2> Мой город </H2>
<p>Я живу в Минске
<H3 ALIGN =Left> Моя работа </H3>
<p ALIGN = Left> Я учусь в ......
<H4 ALIGN = Center> Мои увлечения </H4>
<p ALIGN = Center> Мои увлечения - ......
<H5 ALIGN = Right> Мои коллеги </H5>
<p ALIGN = Right> Мои коллеги ..... </p>
<br>
<HR>
<H6 ALIGN = Center> Design by "............" </H6>
Задайте цвет линий, их ширину и высоту, выравнивание по центру Web-страницы.
Загрузите файл web2.html в Internet Explorer. Оцените результат.
В разделе Мои увлечения добавьте нумерованный список из 5 пунктов. Нумерацию выполнить римскими цифрами.
Загрузите файл web2.html в Internet Explorer. Оцените результат.
В разделе Мои коллеги добавьте маркированный список из 5 пунктов. В качестве маркера использовать незакрашенный круг.
Загрузите файл web2.html в Internet Explorer. Оцените результат.
Дополните описания списков всплывающими подсказками.
Загрузите файл web2.html в Internet Explorer. Оцените результат.
Задание 3. Откройте файл web2.html в БЛОКНОТЕ и отредактируйте тело документа. После редактирования файл web2.html сохраните под именем web3.html.l
Задайте для каждого заголовка: цвет шрифта, размер (1..7), гарнитуру по своему выбору. Загрузите файл web3.html в Internet Explorer. Оцените результат.
В разделе Мои увлечения нумерованный список из 5 пунктов отформатируйте курсивом (<I>).
Загрузите файл web3.html в Internet Explorer. Оцените результат.
В разделе Мои коллеги маркированный список из 5 пунктов отформатируйте жирным начертанием (<В>).
Загрузите файл web3.html в Internet Explorer. Оцените результат.
Раздел Design by выделите подчеркиванием.
Загрузите файл web3.html в Internet Explorer. Оцените результат.
Задание 4. Создайте HTML-документ следующего вида:
Имя файла - web4.html
Заголовок документа <TITLE> - Советы по изготовлению страничек
Тело документа:
Тиканье, мерцание, перемещение, прокрутка... Эти новые спецэффекты повсюду на Web.
Полезные советы!
- По возможности избегайте пиктограммы "В процессе производства";
- Не перегружайте страницу большими изображениями;
- Проверяйте орфографические ошибки;
- Проверяйте как можно чаще ссылки на странице.
Загрузите файл web4.html в Internet Explorer. Оцените результат.
Тело документа оформите с помощью контейнера <PRE>.
Загрузите файл web4.html в Internet Explorer. Оцените результат.
Задание 5. Создайте документ, в котором текст будет организован с помощью списков терминов и определений. В список внесите следующие термины и их определения:
Сеть Интернет
Гипертекст
Обозреватель
<dl>
<dt>Сеть интернет
<dd>.....
<dt>Гипертекст
<dd> .....
<dt>Обозреватель
<dd> .....
</dl>
Сохраните документ под именем web5.html.
Выделите каждый термин красным цветом, жирным начертанием.
Загрузите файл web5.html в Internet Explorer. Оцените результат.
Контрольное задание.
* Создать с помощью программы БЛОКНОТ гипертекстовый файл. Имя файла - фамилия на английском языке. Файл сохранить в личной папке.
* Задать заголовок, отображаемый в строке заголовка окна браузера. Текст заголовка - фамилия на русском языке.
* Установить выбранные цвета для фона и текста документа. * Написать название лабораторной работы заголовком первого уровня. Выровнять по центру.
* Написать цель лабораторной работы самым крупным шрифтом. Выровнять по левому краю.
* Создать список терминов и определений для следующих понятий:
* WWW
* HTML
* Тег
* Каждый термин и его определение отформатировать различными цветами и гарнитурами (Arial, Times, моноширинный шрифт). Сам термин должен быть выведен полужирным курсивом с подчеркиванием.
* Создать нумерованный список тегов со вложенными маркированными списками тегов блочного уровня и тегов для форматирования текста.
* Предъявить работу преподавателю (в браузере и Блокноте).
1.5 Контрольные вопросы
* Что такое гипертекстовый документ?
* Какие элементы структуры HTML-документа вы знаете?
* Что такое тэг HTML?.
* Какой минимальный набор тэгов должен присутствовать в HTML?
* Что такое Web-browser? Лабораторная работа № 6
1
Документ
Категория
Рефераты
Просмотров
82
Размер файла
302 Кб
Теги
лаборатоная, работа, html
1/--страниц
Пожаловаться на содержимое документа