![](/stc/img/evkova.png)
Основы программирования на языке HTML
Содержание:
Введение
Все известно, что сегодня при существовании локальных сетей, наличии сетей внутри компании (так называемых «внутрикорпоративных»), буквально каждый сотрудник такой компании имеет возможность доступа к совершенно любому информационному ресурсу.
Существующая технология WWW (с англ. World Wide Web, что означает «Всемирная паутина») имеет достаточно широкое распространение благодаря простых интерфейсов пользователей, понятных каждому. В основе этого заложен принцип – «Жми то, что интересно» - понятен любому примитивному пользователю. В данной технологии Всемирной Паутины все основные понятия, будь то картинки или слова – способны раскрыться в виде отдельного документа, который развивает это понятие. Этот способ предоставления данных называется гипертекст; документы же – называются гипертекстовыми. Чтобы описать данные документы, применяют особый язык - язык описания гипертекстовых документов -HTML (от англ. Hyper Text Markup Language).
Данный язык HTML разработал Тим Бернерс-Ли примерно в1991-1992гг в стенах Европейского совета по ядерным исследованиям в Женеве (Швейцария). Данный язык создавался в целях обмена научной и технической документацией, применительно для использования людьми, которые не являлись специалистами в сфере вёрстки.
Целью курсовой работы является изучение основ программирования на языке HTML. С учетом поставленной цели будут решены следующие задачи:
- изучены теоретические аспекты основ программирования на языке HTML;
- на практическом примере показано как можно применять при программировании язык HTML.
Курсовая работа состоит из введения, двух глав, заключения и библиографии.
Глава 1 Теоретические аспекты основ программирования на языке HTML
1.1 Краткая история World Wide Web
Сегодня любой человек на Земле знает, что означает понятие Интернет. Что значит — всемирная паутина, какова история создания Интернет, какие решения преследовали его авторы, как проходила разработка и то, как в итоге он стал таким, каким мы его знаем сейчас? Замысел родился ещё в 1957 году, когда Минобороны США поняло весомость создания надёжной системы передачи информации в условиях войны. Для свершения этой задачи DARPA – Управления перспективных разработок Министерства обороны США — взялось за создание компьютерной сети. Компьютерная сеть, именованную в дальнейшем ARPANET[1], была создана лишь по прошествии двенадцати лет. Участвовали в создании четыре научных организации: Калифорнийский, Университет Юты, Университет Санта-Барбары и Стэндфордский исследовательский институт.
Рождением Интернета можно считать 29 октября 1969 года[2], в тот день состоялся первый обмен данными между двумя узлами ARPANET, помыслом которых было совместное использование ресурсов и поддержка связи. Завоевавший большую популярность первый почтовый клиент был создан в 1971 году. 1983 год стал переходным для Интернета, именно тогда произошли два радикальных события:
а) стандарт NCP, на котором базировалась сеть ARPANET, поменял стандарт на TCP/IP, который и ныне является наиболее широко распространённым;
б) ARPANET сменил название на «Интернет».
В 1984 году ARPANET разделил свою стезю с Национальным научным фондом, который организовал независимую сеть NSFNet – состав сети включал более мелкие сети с высокой пропускной способностью. Спустя год, бойкий соперник отбирал всё больше и больше у ARPANET. Всего за год о включил в свой состав около 10 тысяч вычислительных устройств и отобрал имя «Интернет»[3]. Коренной задачей для NSFNet было предоставление доступа к ресурсам фонда, разнообразным образовательным учреждениям Америки – дать возможность подключения к целостной сети любому техническому или научному сотруднику. Для этого был сделан упор на развитие Сети со скоростными каналами, которая имела бы осуществимость присоединения к себе и других типов сетей. В процессе разработки научный фонд получил «опорную Сеть», которая могла бы предоставить стабильное соединение с Интернетом большому количеству пользователей. Такая топология сети подвела к тому, что к 1985 году произошёл резкий подъём количества подключенных компьютеров к сети NSFNet.
Представление того, что мы по обыкновению зовём «Всемирная Паутина» (WWW), появилась в 1989 году, когда Тим Бернерс-Ли предложил её использовать. Он же создал символьные строки URI, язык разметки гипертекста HTML и Протокол передачи данных HTTP. В 1990 году сеть ARPANET не сумела больше конкурировать со своим оппонентом в лице NSFNet и так завершилась её история. Ещё в этом году впервые произошло соединение к Интернету по «дозвону», т. е. по телефонной сети общественного пользования. Общедоступной Паутина стала в 1991 году, а в 1993 году появилась первая программа для просмотра страничек в Интернете. В 1995 году определением путей трафика занялись провайдеры, а амплуа экспериментальной сети вновь перешла к Национальному научному фонду. К 1997 году Всемирная Паутина, которая практически поглотила имя «Интернет», имела в своей численности около десять миллионов компьютеров. Популярность Всемирной Паутины становилась всё больше.
22 января 2010 года состоялся открытый доступ во Всемирную Паутину с борта Международной космической станции. На 2011 год количество пользователей Паутины на Земле достигло почти 2,1 миллиарда.
Сегодня Сеть обладает выполнимостью подключения по электрическим кабелям, кабельному телевидению, спутниковой связи, оптоволоконным соединениям, радиосвязи, средствам сотовой связи. Нынче Интернет накрепко вошёл во все отрасли деятельности человека. Всемирная паутина принесла нам не только информацию и деньги, но и новый тип заболевания — интернет-зависимость. Рекомендую прочитать статью на эту тему на странице Интернет-зависимость: эффекты наркомании и дать свою оценку в комментариях.
1.2 Язык HTML. Построение Web–документов
HTML - это язык гипертекстовой разметки. Гипертекстом можно назвать текст в любом формате, некоторые части текста которого, могут ссылаться на другие части этого текста, что позволяет быстро переходить от одной части текста к другой.
На сегодняшний день язык HTML существенно усовершенствован. Его прекрасно дополняют технологии JavaScript, DHTML, CSS, PHP и др., что позволяет использовать новые возможности, но основой всего этого остаются все те же стандартные теги, которые и задают внешний вид web-страницы. Браузер, считывая информацию со страниц размещенных в Интернете, отображает ее на экране монитора в том виде, в котором четко указывают ему эти самые теги. Все существующие теги заключены в угловые скобки (< тег >)*[4], это и указывает браузеру на то, что перед ним тег, который ориентирует на определенное отображение страницы, причем сами теги на экране не отображаются.
Тег HTML имеет общий вид <имя>содержимое</имя>
и действует на все, что расположено между парами треугольных скобок. Все теги, имеющие содержимое, должны закрываться, причем закрывающая часть </имя> отличается от открывающей <имя> только наличием символа "/”. Теги могут вкладываться друг в друга иерархически, но без пересечений, т. е. допустимо вложение вида <тег1><тег2></тег2></тег1>, но не <тег1><тег2></тег1></тег2>. Тег вместе с содержимым часто называют элементом HTML.
Действие вложенных тегов имеет свойство объединяться при условии того, что внутри такого тега, который создает полужирное начертание текста, пользователь вложит тег самого курсива, и в конечном итоге должен получиться полужирный курсив. Также и про картинку – чтобы картинка оказалась внутри ячейки, внутрь тега, где создается ячейка таблицы, пользователю нужно вставить тег нужной картинки. HTML делает возможным намного большую свободу действий для обращения с такими тегами, хотя конечно присутствуют и некоторые ограничения. Данные ограничения заключаются в том, что вложить «старшую матрешку» внутрь младшей нельзя!
Известно, что теги классифицируются на блочные (block-level) и текстовые (inline). Первая группа содержит и текстовые, и блочные теги. В режиме отображения выводятся теги всегда только с новой строки. Вторая же группа содержит в себе только текст, и прочие текстовые теги, но не содержит блочные. В режиме отображения они выводятся в текущей строке.
Теги, которые имеют содержимое и нуждаются в закрывающей части, имеют название контейнерных, а теги без содержимого и закрывающей части — называются унарными.
Внутри открывающей части большинство тегов содержит атрибуты, называемые также параметрами или опциями. Все эти названия просто означают команды, уточняющие действие тега. Какой ширины должна быть ячейка таблицы, формируемая тегом? Где хранится картинка, которую тег должен отобразить? На эти и многие другие вопросы отвечают атрибуты, всегда находящиеся в открывающей части тега. Атрибуты имеют общий вид имя=”значение” и разделяются между собой хотя бы одним пробелом, символом табуляции или перевода строки. Если значение атрибута состоит из одного слова, символы двойных кавычек можно не писать, хотя стандарт рекомендует указывать их всегда. Например, элемент вида <р align=”justify”>Hello</p>
описывает контейнерный тег с именем р, имеющий один атрибут с именем align и значением ”justify” Содержимое тега строка текста Hello.
В закрывающей части тега атрибуты не применяются.
Названия всех тегов и атрибутов нечувствительны к регистру символов. Тем не менее, лучше придерживаться единообразного их написания.
У каждого тега имеется набор допустимых для него атрибутов. Для многих атрибутов также заранее известен набор значений, которые они могут принимать. Чаще всего атрибуты можно пропускать, тогда браузер выводит документ, придерживаясь правил, принятых "по умолчанию”. Существуют и обязательные атрибуты. Например, тег вставки картинки не сможет ее найти, если в атрибуте src не будет указано ее местоположение. Как правило, порядок следования атрибутов, допустимых для данного тега, может быть произвольным.
HTML довольно "демократичен”, неправильный тег, лишний атрибут, недопустимое вложение тегов обычно просто игнорируются браузером и не приводят к "зависаниям” или сообщениям об ошибках. Разумеется, при этом может произойти неправильное форматирование документа.
HTML-документ состоит из трех основных частей:
строка декларации типа документа;
заголовок документа, заключенный в тег <head>…</head>;
тело документа, заключенное в тег <body>…</body> или <frameset>…</ frameset>.
Заголовок и тело документа заключаются в объединяющий их тег
<html >…< / html >.
Строка декларации является служебной и указывает на стандарт разработки документа. Для документа, строго соответствующего стандарту HTML 4.0, она представляется унарным тегом вида
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN”>.
На сегодняшний день поддержка деклараций рекомендуется стандартами, но редко реализуется Web-мастерами, в дальнейшем мы будем ее пропускать.
Заголовок в теге <head> содержит информацию об общих свойствах документа. Содержимое тега <head> непосредственно не отображается в окне браузера, однако используется браузером при работе с файлом. Заголовок может включать в себя следующие теги:
титул окна документа (тег <title>);
метатеги документа (теги <meta>);
базовый адрес для ссылок (тег <base>);
связь с другими документами (теги <link>);
встроенные таблицы стилей для оформления (тег <style>);
встроенные программы-сценарии клиента (теги <script>).
Из всех этих тегов нам необходим пока только <title>. <title> представляет собой контейнерный тег без атрибутов, его содержимым может быть любая строка текста, не содержащая других тегов. Именно эта строка будет выведена браузером в заголовке окна или вкладки. Содержимое тега <title> должно кратко отражать суть документа, его рекомендуемый размер — не более 60-80 символов. При добавлении ссылки на документ в папку "Избранное” браузера именем новой закладки становится именно содержимое тега <title>. Многие браузеры создают для каждой закладки отдельный файл, поэтому внутри тега <title> нежелательны символы двойных кавычек, <,>,&, !, ? и другие знаки, недопустимые в именах файлов. Составление "правильных” <title> и других заголовочных тегов — целое искусство. Пока же просто не будем забывать, что заголовок в теге <title> — "самый главный”.
Тело документа содержит теги, предназначенные для отображения браузером, и ограничено контейнерным тегом <body>…</body> или <frame-set>…</frameset>, если документ разбит на несколько окон-фреймов.
1.3 Другие элементы языка HTML
Кроме существующих, общепризнанных элементов языка HTML есть и те, применение которых хоть и достаточно узко направленное, но все же они играют важную роль про составлении страниц во Всемирной Паутине.
В случае, когда мы готовим публикацию (будь то подготовка электронных новостей или иное) нам нужно на страницу вывести определенную цитату - в данном случае одного указания теста с кавычками будет недостаточно, потому что браузер умеет воспринимать символы этих кавычек только как управляющие, и соответственно, в итоге, они не будут отражены. В такой ситуации данную цитату нужно поставить в специальные
дескрипторы <BLOCKQUOTE> и </BLOCKQUOTE>[5]. Только в этом случае браузер выведет текст, который и был заключен в кавычки.
Помимо символов кавычек присутствует и другой набор подобных символов, которые браузер также считает управляющими. Для того, чтобы вывести эти символы на экран, нужно в само тело документа определять специальные команды.
Рассмотрим наиболее распространенные команды для употребительных символов.
Символ Команда
" "
& &
< <
> >
знак пробела  
Браузер автоматически осуществляет перенос текста, если строка не помещается на экране. Тем не менее, случается так, что необходимо вывести текст одной строкой без разрыва. Для этого нужно поместить перед строкой текста одиночный дескриптор <NOBR>, который является расширением языка HTML фирмы Netscape. Какой длинной не была бы строка, браузер ее полностью выведет на экран без переноса.
Путешествуя по WWW в поисках страничек, посвященных музыке, можно часто найти документы, после загрузки которых на фоне работы браузера начинает играть музыка. Эта интересная возможность, которая хоть и требует продолжительное время для загрузки на медленных соединениях, придает любой музыкальной страничке некоторую привлекательность. Реализуется она таким образом:
<EMBED SRC=URL AUTOSTART=TRUE HIDDEN=TRUE>[6]
Дескриптор <EMBED> используется для работы с музыкальными файлами, атрибут SRC указывает на файл, который будет загружен. Атрибут AUTOSTART указывает браузеру, нужно ли проигрывать данный файл после загрузки или нет. Атрибут HIDDEN также как и атрибут AUTOSTART принимает логическое значение и сообщает браузеру, что на экран нельзя выводить кнопки управления процессом воспроизведения файла. Если же два последних атрибута принимают значения FALSE, то после загрузки музыкального файла броузер выведет на экран кнопки управления воспроизведением, и пользователь в любой момент может проиграть файл, остановить воспроизведение, заново воспроизвести файл.
Также находят свое применение в Web–страничках такие структуры данных, как таблицы. Они помогают в определенных случаях удобно организовать некоторые данные, скажем, некоторую сводку цифр, каких-то расчетов и т. д. На экране такие таблицы выглядят аналогично привычным нам таблицам на бумаге или в приложениях типа Microsoft Excel. Кроме представления табличных данных таблицы можно использовать, например, для оформления: произвольного расположения изображений и текста, на экране. Методы построения таблиц вследствие своего объема и некоторой сложности в данной работе не приводятся.
Те, кто хоть раз пользовался при навигации в World Wide Web для поиска информации поисковыми машинами, обязательно сталкивался с так называемыми формами. Это специфические, хотя и весьма популярные возможности языка HTML. Формы представляют собой поля ввода текста, флажки, радиокнопки, списки и др. формы интерактивного общения с пользователем. Данные, вводимые в формы, отсылаются на Web–сервер для дальнейшей обработки, после чего результаты обработки высылаются назад пользователю. Составление документов с использованием форм является признаком профессионализма дизайнера, так как требует кроме хорошего знания языка HTML также и умение работать с языками сценариев, что является неотъемлемой частью работы с формами. Средства описания форм в документах в данную работу не входят.
Глава 2 Практические аспекты программирования на языке HTML
В качестве практической части выбрана работа по созданию сайта на тему: «Япония»
Создание графических объектов
В первую очередь перед началом верстки гипертекста нужно продумать общий дизайн страниц, их количество, структуру, а также создать элементы графической оболочки сайта. Лучше всего подойдет Adobe Photoshop CS5[7].
Кнопки меню
или (кому как нравится)
Для новостной ленты:
Для части 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 width=100% 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 WIDTH=100% HEIGHT=100% BORDER=0 cellspacing=0 CELLPADDING=16>
<TR HEIGHT=18%>
<TD WIDTH=19% ><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 WIDTH=25% 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><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 WIDTH=100%></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 width=70% 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 width=100% 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 WIDTH=100% HEIGHT=100% BORDER=0 cellspacing=0 CELLPADDING=16>
<TR HEIGHT=18%>
<TD WIDTH=19% ><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 WIDTH=25% 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>
<div class=english>
<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 width=70% 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 width=100% 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">
</body>
<TABLE ALIGN=CENTER WIDTH=100% HEIGHT=100% BORDER=0 cellspacing=0 CELLPADDING=16>
<TR HEIGHT=18%>
<TD WIDTH=19% ><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 WIDTH=25% 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 width=70% 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 не стоит на месте, а продолжает активно развиваться. В перспективах WWW – выпуск новой версии языка – HTML 5. Как мы помним, первоначальная версия спецификации данного языка вышла на просторы интернета 20.11.2007.
Одновременно с разработкой HTML версии 5 идет интенсивная работа дальнейшего развития языка под названием XHTML (от англ. Extensible Hypertext Markup Language что означает «расширяемый язык разметки гипертекста»). На нынешнем этапе XHTML по своим существующим возможностям аналогичен с языком HTML, но в своих требованиях он более строг по синтаксису. XHTML также входит в подмножество языка SGML (как и его «собрат» HTML), отличием XHTML от предшественника является то, что в основе его лежит XML. Язык XHTML - версии 1.0 – был одобрен Рекомендацией Консорциума еще 26.01.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.
Список использованной литературы
1. Гончаров А. Самоучитель HTML. С.-Пб: Питер, 2000.
2. Гончаров А. HTML в примерах. С.-Пб.: Питер, 2003.
3. Информатика: Учебник/под ред. Н.В. Макаровой. - М.: Финансы и статистика, 2000. - 768 с.
4. Информатика. Базовый курс. Учебник для Вузов/под ред. С.В. Симоновича. СПб.: Питер, 2000.
5. Информатика. Компьютерная техника. Компьютерные технологии. / Пособие под ред. О.И.Пушкаря. Киев Издательский центр "Академия". 2001.
6. Комягин А.О. Современный самоучитель работы на персональном компьютере. М.: ТРИУМФ, 2003.
7. Ковтанюк Ю.С., Соловьян С.В. Самоучитель работы на персональном компьютере. К.: Юниор, 2001.
8. Симонович С.В., Евсеев Г.А. Практическая информатика. Учебное пособие. М.: АСТпресс, 2001.
9. Симонович С.В., Евсеев Г.А., Алексеев А.Г. Специальная информатика. Учебное пособие. М.: АСТпресс, 2001.
10. Матросов А. HTML 4.0. М.: Дело, 2005.
11. Основы современных компьютерных технологий: Учебное пособие / Под. ред. Хомоненко. С.-Пб.: КОРОНА, 2002.
12. Острейковский В.А. Информатика. М.: Высшая школа, 2001.
13. Хеслоп П. HTML самого начала. С.-Пб: Санкт-Петербург, 2005.
14. Шафран Э. Создание Web страниц. С.-Пб: Питер, 2004.
-
Информатика: Учебник/под ред. Н.В. Макаровой. - М.: Финансы и статистика, 2000 – С.128. ↑
-
Шафран Э. Создание Web страниц. С.-Пб: Питер, 2004. – С.17 ↑
-
Комягин А.О. Современный самоучитель работы на персональном компьютере. М.: ТРИУМФ, 2003. – С.54-57 ↑
-
Ковтанюк Ю.С., Соловьян С.В. Самоучитель работы на персональном компьютере. К.: Юниор, 2001 – С. 89. ↑
-
Матросов А. HTML 4.0. М.: Дело, 2005 – С.156. ↑
-
Симонович С.В., Евсеев Г.А. Практическая информатика. Учебное пособие. М.: АСТпресс, 2001 – С.123-124. ↑
-
Гончаров А. HTML в примерах. С.-Пб.: Питер, 2003. – С. 67-70. ↑
- Спортивный PR: понятие, основные определения и задачи
- Индустрия спорта в России: современное состояние и перспективы развития
- Транспортный налог
- Менеджмент человеческих ресурсов (Анализ деятельности ЗАО «Пит-Стоп» (сеть кафе «Помпончик»))
- Оценка стоимости бизнеса (этапы оценки бизнеса)
- Судебная власть государства: организация и полномочия (основные проблемы в судебной реформе)
- Разработка регламента выполнения процесса" Складской учёт " (Теоретические аспекты разработки регламента бизнес-процессов)
- Управление кадровой безопасностью (на конкретном примере). Теоретические аспекты управление кадровой безопасностью
- Негативные последствия принятия решений и их предотвращения на примере ООО «Грузоперевозки»
- Общие особенности кадровой стратегии организаций бюджетной сферы (Объект оценки - бизнес)
- Понятие прикладных протоколов и серверы приложений
- Применение процессного подхода для оптимизации бизнес-процессов (Проектирование моделей бизнес-процессов в нотации IDEF0 и в системе ARIS)