Автор работы: Пользователь скрыл имя, 18 Сентября 2010 в 16:44, Не определен
Контрольная работа
Внутри контейнера HTML последовательно записываются два контейнера:
1.
(заголовок документа). Внутри этого
контейнера записываются
2.
(тело документа). Этот контейнер
содержит всё то, что должен
показать браузер внутри
Задание.
Поучитесь на примере
создавать различные
фрагменты Web-страницы,
далее создайте собственную
Web-страницу, в которой
основные элементы (цветной
текст, список, рисунок,
таблица и т.д.) должны
присутствовать.
Раздел заголовков содержит информацию, описывающую документ в целом, и ограничивается тегами <HEAD> и </HEAD>. В частности, раздел заголовков должен содержать общий заголовок документа, ограниченный парным тегом <TITLE>.
Тег <FONT> управляет параметрами шрифта. Содержит атрибуты COLOR= цвет текста (например, “GREEN”, “RED”, “BROWN” и т.д.), FACE= гарнитура шрифта или имя шрифта (например, “СOURIER”, “ARIAL”, “ARBAT” и т.д.), SIZE= размер шрифта.
Язык HTML поддерживает 6 уровней заголовков от <H1> до <H6>
Гипертекстовая ссылка определяется парным тегом <A>. Обязательным является HREF= (знак равенства показывает, что необходимо задать значение этого атрибута, т.е. адрес документа, на который указывается ссылка).
Вставка графического элемента (используется только два формата – GIF, JPEG. Для подготовки изображения можно использовать Paint. Для вставки рисунка используется текстовый элемент, задаваемый непарным тегом <IMG> c обязательным атрибутом SRC= , задающий адрес файла с изображением. Атрибут ALINE= режим взаимодействия изображения с текстом (BOTTOM –рисунок выше текста, MIDDLE – в середине текста, TOP – ниже текста, LEFT – левее текста, RIGHT – правее текста).
Пример:
<html>
<head>
<title>Александр Игоревич Асов Атлантида и Древняя Русь </title>
</head>
<body bgcolor="#ccaacc" link="#00ffff" vlink="#ffff00">
<table align="center" width="100%" cellspacing="2" cellpadding="2" border="0">
<tr>
<td align="left" width="50%"><img src="img/logo.jpg" width="60" height="60" border="0" alt=""></td>
</tr>
</table>
<table align="center" width="100%" cellspacing="1" cellpadding="1" border="1" bordercolor="#000000">
<tr>
<td align="center" width="200" valign="top" background="img/fon.jpg">
<b>НАВИГАЦИЯ</b>
<hr color="#00ff00" width="90%">
<table align="center" width="100%" cellspacing="2" cellpadding="2" border="0">
<tr>
<td>
<a href="index.html" target="_self">Страница 1</a><br>
<a href="str2.html" target="_self">Страница 2</a><br>
<a href="str3.html" target="_self">Страница 3</a><br>
</td>
</tr>
В итоге получаем:
Списки.
Упорядоченные (нумерованные) списки создаются при помощи парных тегов <OL>, неупорядоченные (маркированные) – <UL>. Эти списки могут содержать только элементы списка, определяемые парным тегом <LI>. Закрывающий тег </LI>можно опускать. Например, Содержание документа можно оформлять списком и использовать гиперссылки.
Пример:
<HTML>
<HEAD><TITLE>Заголовок документа</TITLE></HEAD>
<BODY>
<P>Содержание
<UL>
<LI>
<A HREF=vvedenie.htm">Введение</
<OL>
<LI>Создание базы данных в MS Access
<LI>Создание простейшей Web-страницы
<LI>Проектирование системы затрат в MS Excel
</OL>
<LI><A
HREF="conclusion.htm">
</UL>
</BODY>
</HTML>
Получим:
Таблица в языке HTML задается парным тегом <TABLE>. Заголовок таблицы определяется парным тегом <CAPTION>, строки таблицы – задаются при помощи тегов <TR>. Ячейки в заголовках столбцов –парным тегом <TH>. Обычные ячейки – <TD>.Закрывающиеся теги </TR>, </TH>, </TD> можно опускать.
Пример: Таблица
Магазин Адрес
«Камея» 1 мкр. 101а
«Весна» 4а мкр. 402а
«Престиж»
3 мкр. 306
Данная таблица на языке Html будет выглядеть так:
<HTML>
<HEAD><TITLE>Заголовок документа</TITLE></HEAD>
<BODY>
<TABLE>
<CAPTION>Таблица № 1</CAPTION>
<TH>Ф.И.О.<TH>Адрес
<TR><TD>Козлова М.И. <TD>Мира 6,21
<TR><TD>Фаталина Н.П. <TD>Ильмера 6,66
</TABLE>
</BODY>
</HTML>
В итоге получаем:
Примеры создания элементов Web-страниц находятся в прикрепленных файлах в папке html-примеры.
С помощью описанных тэгов создадим собственную web-страницу.
Для начала создаем Главную страницу.
<html>
<head>
<title>Александр Игоревич Асов Атлантида и Древняя Русь </title>
</head>
<body bgcolor="#ccaacc" link="#00ffff" vlink="#ffff00">
<table align="center" width="100%" cellspacing="2" cellpadding="2" border="0">
<tr>
<td align="left" width="50%"><img src="img/logo.jpg" width="60" height="60" border="0" alt=""></td>
<td align="right"><font color="#ffff00" size="6">Александр Игоревич Асов<br> Атлантида и Древняя Русь</font></td>
</tr>
</table>
<table align="center" width="100%" cellspacing="1" cellpadding="1" border="1" bordercolor="#000000">
<tr>
<td align="center" width="200" valign="top" background="img/fon.jpg">
<b>НАВИГАЦИЯ</b>
<hr color="#00ff00" width="90%">
<table align="center" width="100%" cellspacing="2" cellpadding="2" border="0">
<tr>
<td>
<a href="index.html" target="_self">Страница 1</a><br>
<a href="str2.html" target="_self">Страница 2</a><br>
<a href="str3.html" target="_self">Страница 3</a><br>
</td>
</tr>
</table>
<hr color="#00ff00" width="90%">
<b>РЕКЛАМА</b>
<hr color="#00ff00" width="90%">
<font color="#ffffff" size="4">УРАААА!!!!! ВЫПУСКНОЙ!!!!!</font><br>
<img src="img/vp2.jpg" width="200" height="285" border="0" alt="Выпускницы!"><br>
</td>
<td valign="top">
<table align="center" width="90%" cellspacing="1" cellpadding="1" border="0">
<tr>
<td valign="top">
<center><font color="#000000" size="4">ПРОЛОГ </font><br>
<font color="#000000" size="4">СНЫ ОБ АТЛАНТИДЕ </font><br></center>
Море выкатилось ослепительно голубым блюдцем бухты из-за крутого поворота, а затем развернулось во всю ширь до самого края неба. Оно было седым на горизонте и темным, с пляшущими солнечными бликами, - вблизи,
Мне - пять лет, я впервые на юге, в Крыму, Я первый раз вижу море. Мы всей семьей едем на "Запорожце" который тогда еще не был "иномаркой", по петляющей между горами и морем дороге.
Один раз, когда "Запорожец", чуть не опрокидываясь, спускался с горного перевала вниз, мне вдруг, из-за крутизны склона, показалось, что море накренилось, что оно грозит хлынуть, как из опрокинутой чаши, и затопить горы с рассыпанными по ним маленькими белыми хатками.<br>
Вечером, когда мы встали на стоянку, я подошел к морю и дотронулся до него руками. Все то темное, шевелящееся, что лежало впереди, и было МОРЕ. Оно занимало полмира, оно заполняло все пространство от моих ног до самого горизонта.
Передо мной лежало темное гигантское живое существо, которое одним своим невольным движением могло смести и меня, и все вокруг - не со зла, а просто - чуть шевельнувшись.<br>
В ту ночь мне приснилось странное. Будто лежу я на уступе горы, а внизу маленькие люди убегают от гигантских волн. Одни карабкаются вверх по уступам гор, другие забираются на крыши омов. Но волны выше всех домов, дома кажутся по сравнению с ними игрушечными. Мне эти волны не страшны, я даже могу дотянуться до них и потрогать их рукой, но тем маленьким людям от волн не спастись. Странным в этом сне было ощущение пространства - волны казались одновременно и громадными, и обыкновенными.<br> Странным было и ощущение времени: казалось, будто волны движутся рывками, как в ускоренном фильме, и люди бегут неправдоподобно быстро, но в то же время волна, как ни спешила, не могла обрушиться на город.<br>
Потом из волн выполз гигантский краб. Он быстро-быстро побежал по городу… и сон прервался.<br>
Было светлое утро, море сверкало, и мы пошли купаться. Сон был сразу забыт.<br>
Но только я дотронулся до моря - тут же все вспомнил, и у меня даже закружилась голова…<br>
Откуда пришло это ощущение? Какие уголки памяти разбудила встреча с морем? Почему тогда меня не оставляла мысль, что здесь я не первый раз, что здесь я уже был давно - давно, когда все было не так? Почему память из каких-то неведомых глубин вынесла картину великого бедствия?<br>
В то время я ничего не слышал ни о Всемирном Потопе, ни об Атлантиде. Мне было только пять лет.<br>
Эта
история потом вспомнилась
Была летняя практика. Перед началом экспедиции по Черному морю нас, студентов, привели на экскурсию в Севастопольский гидрофизический институт, Мы ходили по лабораториям. В одном кабинете я заметил карту с контурами Черного моря. Это была особая карта, на ней были изображены границы Черного моря в разные геологические эпохи.<br>
Карта была необычайно интересной. Оказалось, что всего пять тысяч лет назад уровень воды в Черном море был на его метров ниже, чем сегодня. Черное море не соединялось со Средиземным морем, на месте пролива Дарданеллы была суша. В то время не существовало Азовского моря, его котловину занимала равнина, а на мелководном западе Черного моря береговая граница проходила на двести километров восточнее, чем современная. Все эти площади были затоплены после землетрясения, прорвавшего пролив Дарданеллы и повысившего уровень Черного моря до уровня океана. Под воду ушла огромная территория, целая страна! Мне вспомнились те бегущие люди из сна и наступающие воды…<br>