Программа лекционных и практических занятий спецкурса 'экономическая психология'
Министерство
Образования Московской Области
МОСКОВСКИЙ
ОБЛАСТНОЙ ПРОМЫШЛЕННО-ЭКОНОМИЧЕСКИЙ КОЛЛЕДЖ
Курсовая
работа
По предмету: «Web-Дизайн»
На тему: Язык HTML
Выполнил: Студент
гр. ПР3
Соколов С.С.
Проверил: Витальева
.Т.Б.
Дубна 2010
Оглавление
Введение
Теоретическая часть
Практическая часть
Заключение
Введение
Что
такое HTML?
С
появлением локальных сетей, подключением таких сетей к Интернет, созданием
внутрикорпоративных, сетей, появляется возможность с любого рабочего места
организации получить доступ к информационному ресурсу сети.
Технология World
Wide Web,
в переводе Всемирная паутина получила столь широкое распространение из-за
простоты своих пользовательских интерфейсов. Принцип жми на то, что интересно,
лежащий в основе гипертекста, интуитивно понятен. В технологиях WWW
все ключевые понятия просматриваемого документа: слова, картинки - имеют
возможность раскрыться новым документом, развивающим это понятие. Такой способ
представления информации называется гипертекстом, а документы, представленные в
таком виде –гипертекстовыми документами. Для описания этих документов
используется специальный язык - язык описания гипертекстовых документов или HTML
(англ. вариант Hyper
Text Markup
Language).
Язык HTML был разработан британским
учёным Тимом Бернерсом-Ли приблизительно в1991—1992 годах в стенах Европейского
совета по ядерным исследованиям в Женеве(Швейцария). HTML создавался как язык для
обмена научной и технической документацией, пригодный для использования людьми,
не являющимися специалистами в области вёрстки.
Для разработки данной
информационной системы выбраны фирмы специализирующиеся на оказании услуг
мобильной связи. Посредством данной системы пользователь может получить информацию
о тарифных планах, роуминге, телефонах и аксессуарах к ним, а так же дополнительных
услугах предоставляемых данными фирмами.
верстка язык html
Теоретическая
часть
Структура HTML-документов
Web-страницы описываются на специальном языке, называемом HTML (HyperText Markup Language язык разметки
гипертекстовой информации), который позволяет осуществлять простое
форматирование текста, вставку графики, а также составление таблиц и цветовое
оформление документов.
Будучи подмножеством
языка SGML, HTML имеет теговую структуру. Это означает, что в тексте
встречаются команды, изменяющие интерпретацию информации.
Теги записываются в
угловых скобках и могут содержать дополнительные параметры. Большинство тегов
располагается в виде ``скобок'' вокруг текста (как теги <I> и </I> вокруг слова
``курсивом'' в приведенном выше примере). Благодаря этому свойству, теги можно
подразделить на открывающие и закрывающие. Не у всех тегов
существуют соответствующие им закрывающие, такие теги иногда называют
``пустыми''(empty). Общую структуру открывающего тега можно записать так:
<NNNNN Name="Value" .....>
Соответствующий
закрывающий тег будет иметь вид
</NNNNN>
Теги HTML
Заглавные теги
<HTML> (соответственно,
в конец документа, закрывающего тега </HTML>; никогда не
забывайте закрывать скобки!). Заголовок HTML-файла находится в
обязательной секции <HEAD>, которая должна находиться в самом начале, то есть
сразу после тега <HTML>. Оформляется заголовок с помощью тега <TITLE>.
BACKGROUND - позволяет задать фоновую картинку для документа.
Картинка будет размножена (tiled) и покроет всю видимую площадь области отображения окна
программы просмотра.
TEXT - задает цвет текста документа. Цвет задается так же как и
для параметра BGCOLOR.
LINK - задает цвет для текста и рамок изображений в активных
зонах документа, содержащих ссылки (anchors).
VLINK - (Visited LINKs color) задает цвет для ранее выбранных ссылок.
ALINK - (Active LINKs color) задает цвет для ссылок в момент выбора.
Форматирующие теги
Для того чтобы
вставить ``насильный'' перевод строки, необходимо воспользоваться тегом <BR> . Если вам
необходимо сделать так, чтобы в определенном месте текст НЕ МОГ быть разорван,
напишите в этом месте тег <NOBR>
Для разбивки текста
на параграфы используется тег <Pпараметры>ТЕКСТ<P> Тег <P> имеет один
параметр ALIGN, указывающий на способ выравнивания текста внутри
параграфа: текст может быть выровнен по правому (RIGHT), левому (LEFT) краям или
отцентрирован (CENTER). Если параметр опущен, текст выравнивается по левому
краю.
Чтобы отцентрировать
параграф можно также пользоваться тегом
<CENTER>...</CENTER>
Еще одним способом разделения
текста на части можно назвать горизонтальную линию. Линия является
элементом языка HTML и вставляется в
текст посредством тега<HRпараметры>,где
параметры могут быть следующими:
WIDTH - задает ширину линии
SIZE - задает толщину линии.
NOSHADE - если этот параметр задан, линия не будет иметь тени.
Комментарии
Комментарии
заключаются между последовательностями <!-- и -->.
Заголовки
Для их создания
используются теги <H1>...</H1>,...,<H6>...</H6>. Размер 1 соответствует самому крупному шрифту,
размер 6 самому мелкому
Шрифты
Выделение курсивом
осуществляется с помощью тега <I> (от слова Italic), а жирным шрифтом -- с помощью тега <B> (от слова Bold).
В HTML есть также понятие emphasis -
обобщенное выделение. Оформляется оно с помощью тега <EM>...</EM>. Такое выделение
- средство описания логической структуры документа. Обычно выделенный таким
способом текст отображается курсивом.
Другим средством
логического выделения можно считать тег <STRONG>...</STRONG>
Содержимое тега
обычно отображается жирным шрифтом.
Изменить размеры и цвет
шрифтов можно с помощью тега <FONT параметры>...</FONT>
Параметры могут быть
следующими:
SIZE=``value или value'' - задает абсолютный или относительный размер шрифта.
Относительный размер задается по отношению к базовому размеру. Диапазон
принимаемых значений от одного до семи.
COLOR - указывает цвет для текста.
FACE - расширение Microsoft Internet Explorer и Netscape
Navigator. Позволяет задать гарнитуру
(или список гарнитур, из имеющихся в системе шрифтов будет выбран наиболее подходящий)
для текста.
SIZE - задает размер шрифта.
Списки
Списки в HTML бывают трех типов:
ненумерованные, нумерованные и так называемые списки терминов. Ненумерованный
список оформляется с помощью блока
<UL>
<LI>элемент
<LI> элемент
</UL>
Нумерованный список
отличается от ненумерованного тем, что около пунктов вместо жирных точек
вставляются порядковые номера пунктов. Оформляется он в виде блока
<OL>
<LI>элемент
<LI>элемент
</OL>
Третим видом списка
является список терминов. Он очень удобен для оформления всевозможных
глоссариев. Оформить
такой список можно с помощью
блока
<DL>
<DT>Термин1<DD>Описание1
<DT>Термин2<DD>Описание2
</DL>
Гипертекстовые ссылки
Одной из самых мощных
возможностей WWW является возможность организации гипертекстовых связей
между документами.
Чтобы оформить
какой-либо элемент документа в качестве гипертекстовой ссылки, достаточно лишь
заключить его внутрь тега <A> (anchor). Полный синтаксис тега таков:
<Aпараметры>
</A>
где параметры могут
быть следующими:
HREF - обязательный параметр, определяет или URL или файл, на который
мы ссылаемся. Если мы ссылаемся на файл, то поле HREF содержит имя файла в
файловой системе Web-сервера.
NAME - если этот параметр указан, то ссылка никуда не
ссылается. Неочевидно, но в этом случае тег <A> указывает именованную
метку в документе, на которую потом можно будет сослаться используя символ
# в параметре HREF.
target - параметр, указывающий имя окна или рамки в которой будет
отображен документ. Если окна или рамки с таким именем не существует, будет открыто
новое окно.
Верстка таблиц
Таблицы являются
мощнейшим средством HTML для верстки страниц. До появления в языке HTML средств верстки
таблиц, нельзя было создать даже самый простой многоколончатый текст или
сводную таблицу, то после появления такой возможности Web-дизайнеры стали
использовать ее в полной мере и добиваться сложных эффектов.
Создается таблица с
помощью конструкции
<TABLE параметры >
<CAPTION>Заголовок</CAPTION>
<TR параметры>
<TD параметры>
</TD>
.... </TR>
</TABLE>
Тег TABLE начинает описание
таблицы и может иметь следующие параметры:
BORDER - определяет толщину рамки таблицы. Если указано нулевое
значение то рамка не отображается. Если этот параметр не указан, его значение
считается нулевым (рамка не отображается).
WIDTH, HEIGHT – указывает размеры таблицы, если они должны быть жестко
заданы.
ALIGN - определяет, как должна быть выровнена таблица: справа (RIGHT), слева (LEFT) или в центре (CENTER) страницы.
CELLSPACING - число точек между отдельными ячейками в таблице.
CELLPADDING - число точек между рамкой и содержимым ячейки.
С помощью тега <TR
параметры>...</TR> оформляются строки таблиц. Он может иметь следующие
параметры:
ALIGN - используется для задания способа горизонтального
форматирования данных внутри ячеек: они могут прижиматься к правому (RIGHT), левому (LEFT) краям или
центрироваться (CENTER).
VALIGN - используется для задания способа вертикального
форматирования данных внутри ячеек: они могут прижиматься к верхнему (TOP), нижнему (BOTTOM) краям,
центрироваться (MIDDLE) или иметь общую базовую линию (BASELINE).
Конкретные ячейки
задаются с помощью тега <TD параметры>...</TD>, где параметры
могут быть следующими:
WIDTH - задает ширину ячейки.
COLSPAN - определяет, сколько колонок таблицы ячейка будет
перекрывать.
ROWSPAN - определяет, сколько строк таблицы ячейка будет
перекрывать.
NOWRAP - если этот параметр указан, содержимое ячеек не будет
переноситься, чтобы влезать в ширину ячейки.
BGCOLOR - параметр, поддерживаемый современными браузерами:
указывает цвет фона ячейки в виде RGB-триплета или символьного имени.
Еще один тег для
оформления ячеек таблиц - тег <TH>...</TH> - нужен для задания заголовочных ячеек. Он во всем
совпадает с тегом <TD>, но в отличие от него, содержимое выдается жирным
шрифтом и центрируется.
Если нужно задать
заголовок ВСЕЙ таблицы, используйте тег <CAPTION
параметры>...</CAPTION>. Он должен быть внутри тега <TABLE>, но вне описания
ячеек. Тег имеет один параметр:
ALIGN - указывает положение заголовка: он может быть в верхней (TOP) или нижней (BOTTOM) части таблицы.
Рамки (фреймы)
Мощным визуальным
средством являются так называемые рамки или фреймы (frames). С помощью
рамок область отображения браузера может быть разделена на отдельные части,
содержащие различные документы. При этом возможно задание связей между рамками
так, что выбор ссылки в одной рамке может приводить к отображению запрошенного
документа в другой. Это позволяет создавать очень удобные в использовании
документы (при неправильном применении можно также создать и очень неудобные).
Рамки на сегодняшний день поддерживаются в последних версиях таких браузеров,
как Netscape Navigator (начиная с версии 2.0) и MS Internet Explorer (версии 3.0 и
выше), но популярность применения рамок растет, и похоже, что вскоре к этим
браузерам добавятся новые.
Рамки описываются в
специальном HTML-документе, называемом Документом Описания Рамок.
Этот документ содержит описание числа, размеров и положения рамок, а также URL-и их содержимого.
Нельзя пытаться вписать содержимое рамок в описание, оно должно находиться в
отдельных документах.
При описании рамок
тег <BODY> заменяется на тег
<FRAMESETпараметры>
описания содержимого
рамок
</FRAMESET>
Тег будет
игнорироваться браузером, если перед ним встретятся любые теги, в обычном
случае встречающиеся внутри тега <BODY>. Теги <FRAMESET> могут быть вложенными, что позволяет, как Читатель
увидит далее, создавать очень сложные конструкции. Параметры тега <FRAMESET> могут быть
следующими:
ROWS=``x1,x2,... или x1%,x2%,... или x1*,x2*,...'' - этот параметр описывает рамки как строки различной
высоты. Высоты рамок задаются списком разделенных запятыми значений. Высоты
измеряются в точках, процентном отношении от общей высоты области отображения,
либо как относительные величины. Сумма высот всех рамок должна быть равна
высоте всей области отображения. Если этого не происходит, браузеры сами
корректируют значения.
COLS=``x1,x2,... или x1%,x2%,... или *'' - используется для описания рамок как столбцов различной
ширины. Используется так же, как параметр ROWS.
Примеры:
<FRAMESET ROWS="3*,*">
задаст две
горизонтальные рамки, причем первая (верхняя) будет в три раза выше второй
(нижней).
<FRAMESET ROWS="100,*,50">
задаст три
горизонтальные рамки, причем первая (верхняя) будет иметь высоту 100 точек,
третья (нижняя) будет иметь высоту 50 точек, а вторая (средняя) займет все
оставшееся пространство.
<FRAMESET COLS="70%,30%">
задаст две
вертикальные рамки, причем первая (левая) будет иметь ширину 70% общей ширины
области отображения, а вторая (правая) -- 30%.
Для задания
содержимого рамки используется тег <FRAME параметры>.
Параметры могут быть следующими:
SRC
- указывает URL документа, который должен быть отображен в рамке. Если
параметр не указан, рамка останется пустой.
NAME - значение этого параметра определяет имя для рамки.
Впоследствии по этому имени на рамку можно будет сослаться с помощью параметра TARGET тега <A>.
SCROLLING - показывает, можно ли проматывать содержимое документа в
рамке. Может принимать следующие значения:
YES
- содержимое рамки МОЖЕТ проматываться.
NO
- содержимое рамки НЕ может проматываться.
AUTO - браузер решает, отображать линейку прокрутки или нет
(исходя из длины документа). Это значение иcпользуется по
умолчанию.
NORESIZE - если этот параметр указан, пользователь не сможет
изменить размеры рамки. По умолчанию пользователь МОЖЕТ изменять размеры
отображаемых рамок (например, таская границу рамки указательным устройством).
MARGINWIPH - указывает на величину горизонтального отступа внутри
рамки.
MARGINHEIGHT - указывает на величину вертикального отступа внутри рамки.соответствует
примерно следующей раскладке рамок в области отображения:
Что же происходит,
если браузер не понимает рамок? Пользователь видит абсолютно чистый экран и не
может добраться до нужной ему информации. Как сделать так, чтобы такая ситуация
не возникала? Разработчики расширений предусмотрели такую ситуацию и придумали
тег, содержимое которого никогда не отображается в браузере, понимающем рамки,
тогда как ``глупый'' браузер, увидя незнакомый тег, честно отобразит его
содержимое без применения каких-либо хитростей. Такой тег называется
<NOFRAMES>
Внутри него
рекомендуется располагать ссылки на документы, не содержащие рамок.
Для организации
связей между рамками разработчики предусмотрели параметр TARGET для тега <A>. Он также может
применяться в тегах <BASE>, <AREA> и <FORM>.
Практическая
часть
Разработка
сайта посредством HTML
Итак,
в качестве практической части была выбрана работа по созданию сайта на тему:
«Япония»
Создание
графических объектов
В
первую очередь перед началом верстки гипертекста нужно продумать общий дизайн
страниц, их количество, структуру, а также создать элементы графической
оболочки сайта. Лучше всего подойдет Adobe
Photoshop CS5.
Кнопки
меню
или (кому как
нравится)
Для
новостной ленты:
Для
части HEAD
Макет
страницы
Также
важно продумать макет структуры сайта. Макет нашего сайта будет выглядеть
примерно так:
Верстка
Теперь
можно приступать к верстке. Делаем главную страницу:
Главная
страница:
<html>
<head
>
<META
HTTP-ENQUIV="CONTENT-TYPE" CONTENT="TEXT/HTML; CHARSET=WINDOWS-1251">
<META
NAME="AUTHOR" CONTENT="Руслан
Смоилов">
<meta
name="robots" content="all">
<title>
Добро пожаловать в Японию </title>
<center>
<img
src="images\77-1024.jpg">
<TABLE
height=3% cellspacing=0><tr><TD
BACKGROUND="images\60.jpg">
<MARQUEE
DIRECTION=CENTER SCROLLAMOUNT= align=center><font
color=black><B> Новостная строка</b></font></MARQUEE></td></tr></table>
<embed
src="2.mp3" hidden=true>
</embed></head>
<body
background="images\backdrop01.jpg" bgproperties="fixed"
leftmargin="35"
rightmargin="35"
text="yellow" link="lightgreen" alink="yellow"
vlink="lightgreen">
<H2>
Добро
пожаловать в Японию!</H2>
<TABLE
ALIGN=CENTER HEIGHT=100% BORDER=0 cellspacing=0 CELLPADDING=16>
<TR
HEIGHT=18%>
<TD
><br><FORM NAME="FORM1" ACTION="F:\программирование\Курсовая"
METHOD="POST">
<INPUT
type="text" value="Ваш
логин">
<INPUT
type="text" value="Ваш
пароль">
<INPUT
type="SUBMIT" VALUE="Войти"></FORM><a
href="2.html"><h3 align=center>Регистрация</h3></a></TD>
<TD></TD>
<TD
align=right><FORM NAME="FORM2" ACTION="F:\программирование\Курсовая"
METHOD="POST">
<INPUT
type="text">
<INPUT
type="image" src="images\Без
имени-2.jpg"
width="93" ALIGN=RIGHT></FORM>
</TD>
</TR>
<TD
BGCOLOR=BLACK ALIGN=CENTER VALIGN=TOP><BR>
<A
HREF="3.HTML"><IMG SRC="images\2.JPG"></A>
<A
HREF="4.HTML"><IMG SRC="images\3.JPG"></A>
<A
HREF="5.HTML"><IMG SRC="images\4.JPG"></A>
<A
HREF="6.HTML"><IMG SRC="images\5.JPG"></A>
<A
HREF="7.HTML"><IMG SRC="images\6.JPG"></A>
<A
HREF="8.HTML"><IMG SRC="images\7.JPG"></A>
<A
HREF="9.HTML"><IMG SRC="images\8.JPG"></A></TD>
<TD
ROWSPAN="2" COLSPAN="2" bgcolor=black valign=top
align=justify><h3 align=center> Информация
о
сайте</h3>
<P
align=justify><font size="+1">
   Сайт разработан с чисто демонстрационными целями.
Почему
именно <I>Япония</i>? Незнаю.
Может
быть потому что Япония является одной из передовых стран в области
информационных технологий(как впрочем во всем).
<a
href="4.HTML#SAPPORO"><IMG
SRC="images\800px-Japan_Kyoto_Kinkakuji_DSC00117.jpg" ALIGN=CENTER
></A>
<br><I>Япония</i>
— развитая страна с очень высоким уровнем жизни (десятое место по индексу
развития человеческого потенциала).
В
Японии одна из самых высоких ожидаемых продолжительностей жизни, в 2009 году
она составляла 82,12 года, и один из самых низких уровней младенческой
смертности</font></p></TD>
</TR>
<TR>
<TD
bgcolor="black" align=center valign=top>
<br>
<h2>Автомобиль
какой японской марки вы предпочитаете?</h2>
<form>
<Select>
<option
value="no">Выберите автобренд
<option
value="Toyota">Toyota
<option
value="Honda">Honda
<option
value="Subaru">Subaru
<option
value="Nissan">Nissan
<option
value="Mitsubishi">Mitsubishi
</select>
<INPUT
TYPE="submit" VALUE="Голосовать">
</form>
<bg><BR><bR>
<strong>Итоги опроса:<table
cellspacing=6 height=20% >
<tr><td>Toyota</td><td>
40%</td></tr>
<tr><td>Honda</td><td>
10%</td></tr>
<tr><td>Subaru</td><td>
20%</td></tr>
<tr><td>Nissan</td><td>
10%</td></tr>
<tr><td>Mitsubishi</td><td>
20%</td></tr></TABLE></strong>
</TD></TR></TABLE><br><br><br><br><br>
<A
href="http://www.japan.com"> japan.com</a>
<A
href="http://www.google">google.com</a>
<br><br><br><br><br><p
align=right> Desined by Ruslan Smoilov<br>Dubna 2010
<br>
smoiloff_new@mail.ru
</center>
</body>
</html>
Страница
2
<html>
<head>
<META
HTTP-ENQUIV="CONTENT-TYPE" CONTENT="TEXT/HTML;
CHARSET=WINDOWS-1251">
<LINK
href="css/style.css" rel="stylesheet"
type="text/css">
<meta
name="robots" content="all">
<title>
Добро пожаловать в японию </title></head>
<center>
<img
src="images\77-1024.jpg">
<TABLE
height=3% cellspacing=0><tr><TD
BACKGROUND="images\60.jpg">
<MARQUEE
DIRECTION=CENTER SCROLLAMOUNT= align=center><font color=black>
<B>
Новостная
строка</b></font></MARQUEE></td></tr></table>
<body
background="images\backdrop01.jpg" bgproperties="fixed"
leftmargin="35"
rightmargin="35"
text="yellow" link="lightgreen" alink="yellow"
vlink="lightgreen">
<TABLE
ALIGN=CENTER HEIGHT=100% BORDER=0 cellspacing=0 CELLPADDING=16>
<TR
HEIGHT=18%>
<TD
><br><FORM NAME="FORM1" ACTION="F:\программирование\Курсовая"
METHOD="POST">
<INPUT
type="text" value="Ваш
логин">
<INPUT
type="text" value="Ваш
пароль">
<INPUT
type="SUBMIT" VALUE="Войти"></FORM><a
href="2.html"><h3 align=center>Регистрация</h3></a></TD>
<TD></TD>
<TD
align=right><FORM NAME="FORM2" ACTION="F:\программирование\Курсовая"
METHOD="POST">
<INPUT
type="text">
<INPUT
type="image" src="images\Без
имени-2.jpg"
width="93" ALIGN=RIGHT></FORM>
</TD>
<TR
heigh="32%">
<TD
BGCOLOR=BLACK ALIGN=CENTER VALIGN=TOP><BR>
<div>
<A
HREF="3.HTML"><IMG
SRC="images\2.JPG"></a></div>
<A
HREF="4.HTML"><IMG SRC="images\3.JPG"></A>
<A
HREF="5.HTML"><IMG SRC="images\4.JPG"></A>
<A
HREF="6.HTML"><IMG SRC="images\5.JPG"></A>
<A
HREF="7.HTML"><IMG SRC="images\6.JPG"></A>
<A
HREF="8.HTML"><IMG SRC="images\7.JPG"></A>
<A
HREF="9.HTML"><IMG
SRC="images\8.JPG"></A></TD>
<TD
ROWSPAN="2" COLSPAN="2" bgcolor=black valign=top
align=center>
<br><a
href="index.html" align=right><h4><<На
главную</h4></a>
<h3
align=center>Регистрация пользователей</h3>
<form
action="f2" method="post"><br>
Фамилия<input
type="text" size=35><br>
Имя         <input
type="text" size=35><br>
Отчество<input
type="text" size=35><br>
<br>Страна           
<Select>
<option>Выбрать
страну
<option
value="Россия">Россия
<option
value="Беларусь">Беларусь
<option
value="Сша">Сша
<option
value="Франция">Франция
<option
value="Япония">Япония
</select>
<INPUT
TYPE="submit" VALUE="Сохранить">
</TD>
</TR>
<TR>
<TD
bgcolor="black" align=center valign=top>
<br>
<h2>Автомобиль
какой японской марки вы предпочитаете?</h2>
<form>
<Select>
<option
value="no">Выберите автобренд
<option
value="Toyota">Toyota
<option
value="Honda">Honda
<option
value="Subaru">Subaru
<option
value="Nissan">Nissan
<option
value="Mitsubishi">Mitsubishi
</select>
<INPUT
TYPE="submit" VALUE="Голосовать">
</form>
<bg><BR><bR>
<strong>Итоги опроса:<table
cellspacing=6 height=20% >
<tr><td>Toyota</td><td>
40%</td></tr>
<tr><td>Honda</td><td>
10%</td></tr>
<tr><td>Subaru</td><td>
20%</td></tr>
<tr><td>Nissan</td><td>
10%</td></tr>
<tr><td>Mitsubishi</td><td>
20%</td></tr></TABLE></strong>
</TD></TR></TABLE>
<br><br><br><br><br>
<A
href="http://www.japan.com"> japan.com</a>
<A
href="http://www.google">google.com</a>
<br><br><br><br><br><p
align=right> Desined by Ruslan Smoilov<br>Dubna 2010
<br>
smoiloff_new@mail.ru
</center>
</body>
</html>
Страница
3
<html>
<head>
<META
HTTP-EQUIV=Content-Type CONTENT="text/html; >
<meta
name="robots" content="all">
<title>
Добро пожаловать в японию </title>
<center>
<img
src="images\77-1024.jpg">
<TABLE
height=3% cellspacing=0><tr><TD
BACKGROUND="images\60.jpg">
<MARQUEE
DIRECTION=CENTER SCROLLAMOUNT= align=center><font color=black>
<B>
Новостная
строка</b></font></MARQUEE></td></tr></table>
rightmargin="35"
text="yellow" link="lightgreen" alink="yellow"
vlink="lightgreen">
</body>
<TABLE
ALIGN=CENTER HEIGHT=100% BORDER=0 cellspacing=0 CELLPADDING=16>
<TR
HEIGHT=18%>
<TD
><br><FORM NAME="FORM1" ACTION="F:\программирование\Курсовая"
METHOD="POST">
<INPUT
type="text" value="Ваш
логин">
<INPUT
type="text" value="Ваш
пароль">
<INPUT
type="SUBMIT" VALUE="Войти"></FORM><a
href="2.html"><h3 align=center>Регистрация</h3></a></TD>
<TD></TD>
<TD
align=right><FORM NAME="FORM2" ACTION="F:\программирование\Курсовая"
METHOD="POST">
<INPUT
type="text">
<INPUT
type="image" src="images\Без
имени-2.jpg"
width="93" ALIGN=RIGHT></FORM>
</TD>
</TR>
<TR
heigh="32%">
<TD
BGCOLOR=BLACK ALIGN=CENTER VALIGN=TOP><BR>
<A
HREF="3.HTML"><IMG SRC="images\2.JPG"></A>
<A
HREF="4.HTML"><IMG SRC="images\3.JPG"></A>
<A
HREF="5.HTML"><IMG SRC="images\4.JPG"></A>
<A
HREF="6.HTML"><IMG SRC="images\5.JPG"></A>
<A
HREF="7.HTML"><IMG SRC="images\6.JPG"></A>
<A
HREF="8.HTML"><IMG SRC="images\7.JPG"></A>
<A
HREF="9.HTML"><IMG SRC="images\8.JPG"></A></TD>
<TD
rowSPAN="2" colspan="2" bgcolor=black valign=top
align=justify><br>
<br><a
href="index.html" align=right><h4><<На
главную</h4></a>
<h2
align=center>Фотографии</h2>
<img
src="images\166716 (1).jpg" >
<img
src="images\800px-Skyscrapers_of_Shinjuku_2009_January.jpg"
></TD>
</TR>
<TR>
<TD
bgcolor="black" align=center valign=top>
<br>
<h2>Автомобиль
какой японской марки вы предпочитаете?</h2>
<form>
<Select>
<option
value="no">Выберите автобренд
<option
value="Toyota">Toyota
<option
value="Honda">Honda
<option
value="Subaru">Subaru
<option
value="Nissan">Nissan
<option
value="Mitsubishi">Mitsubishi
</select>
<INPUT
TYPE="submit" VALUE="Голосовать">
</form>
<bg><BR><bR>
<strong>Итоги опроса:<table
cellspacing=6 height=20% >
<tr><td>Toyota</td><td>
40%</td></tr>
<tr><td>Honda</td><td>
10%</td></tr>
<tr><td>Subaru</td><td>
20%</td></tr>
<tr><td>Nissan</td><td>
10%</td></tr>
<tr><td>Mitsubishi</td><td>
20%</td></tr></TABLE></strong>
</TD></TR></TABLE><br><br><br><br><br>
<A
href="http://www.japan.com"> japan.com</a>
<A
href="http://www.google">google.com</a>
<br><br><br><br><br><p
align=right> Desined by Ruslan Smoilov<br>Dubna 2010
<br>
smoiloff_new@mail.ru
</center></html>
Заключение
На сегодняшний
день перспективы HTML продолжают
расти. Консорциум всемирной паутины разрабатывает HTML версии 5. Первый вариант
спецификации языка появился в Интернете 20 ноября 2007 года. Параллельно
ведётся работа по дальнейшему развитию HTML под названием XHTML (англ.Extensible Hypertext Markup Language— «расширяемый язык
разметки гипертекста»). Пока XHTML по своим возможностям сопоставим с HTML, однако предъявляет
более строгие требования к синтаксису. Как и HTML, XHTML является подмножеством
языка SGML, однако XHTML, в отличие от предшественника, основан наXML. Вариант XHTML 1.0 был одобрен в
качестве Рекомендации Консорциума всемирной паутины26 января2000 года.
Планируемая
спецификация XHTML 2.0 разрывает совместимость со старыми версиями HTML и XHTML, что не очень устраивает
некоторых веб-разработчиков и производителей браузеров. ГруппойWHATWG(англ.Web Hypertext Application Technology Working Group) разрабатывается
спецификацияWeb Applications1.0, часто неофициально называемая «HTML 5», которая расширяет HTML (впрочем, имея и
совместимый с XHTML 1.0 XML-синтаксис) для лучшего представления семантики различных типичных
страниц, например форумов, сайтов аукционов, поисковых систем, онлайн-магазинов
ит.д., которые не очень удачно вписываются в модель XHTML 2.
http://www..ru/