Лабораторная работа 3 (LAB3 Апухтин М.А.)

Посмотреть архив целиком

НАЦИОНАЛЬНЫЙ ИССЛЕДОВАТЕЛЬСКИЙ УНИВЕРСИТЕТ

МОСКОВСКИЙ ЭНЕРГЕТИЧЕСКИЙ ИНСТИТУТ









Лабораторная работа по ВМСС № 3.

Разработка простой web-страницы.






Выполнил

студент группы А-13-08

Апухтин М.А.


Преподаватель

Куриленко И.Е.




















Москва, 2012

Оглавлени



Язык HTML 3

Формат документа HTML 3

Основные теги 4

4

4

4

5</font></font></p> <p align="justify" class="CL_9"> <font color="#000000"><font size="3" class="CL_2"><link> 5</font></font></p> <p align="justify" class="CL_9"> <font color="#000000"><font size="3" class="CL_2"><meta> 6</font></font></p> <p align="justify" class="CL_9"> <font color="#000000"><font size="3" class="CL_2"><script> 6</font></font></p> <p align="justify" class="CL_9"> <font color="#000000"><font size="3" class="CL_2"><style> 7</font></font></p> <p align="justify" class="CL_9"> <font color="#000000"><font size="3" class="CL_2"><b> 7</font></font></p> <p align="justify" class="CL_9"> <font color="#000000"><font size="3" class="CL_2"><span lang="ru-RU"><</span>u<span lang="ru-RU">></span> 7</font></font></p> <p align="justify" class="CL_9"> <font color="#000000"><font size="3" class="CL_2"><s> 7</font></font></p> <p align="justify" class="CL_9"> <font color="#000000"><font size="3" class="CL_2"><i> 7</font></font></p> <p align="justify" class="CL_9"> <font color="#000000"><font size="3" class="CL_2"><h1>, <h2>,<h3>,<h4>,<h5>,<h6>, 8</font></font></p> <p align="justify" class="CL_9"> <font color="#000000"><font size="3" class="CL_2"><div> 8</font></font></p> <p align="justify" class="CL_9"> <font color="#000000"><font size="3" class="CL_2"><font> 8</font></font></p> <p align="justify" class="CL_9"> <font color="#000000"><font size="3" class="CL_2"><p> 9</font></font></p> <p align="justify" class="CL_9"> <font color="#000000"><font size="3" class="CL_2"><sub> 9</font></font></p> <p align="justify" class="CL_9"> <font color="#000000"><font size="3" class="CL_2"><sup> 9</font></font></p> <p align="justify" class="CL_9"> <font color="#000000"><font size="3" class="CL_2"><span lang="ru-RU"><</span>br<span lang="ru-RU">></span> 9</font></font></p> <p align="justify" class="CL_9"> <font color="#000000"><font size="3" class="CL_2"><span lang="ru-RU"><</span>img<span lang="ru-RU">></span> 9</font></font></p> <p align="justify" class="CL_9"> <font color="#000000"><font size="3" class="CL_2"><span lang="ru-RU"><</span>a<span lang="ru-RU">></span> 10</font></font></p> <p align="justify" class="CL_8"> <font color="#000000"><font size="3" class="CL_2"><span lang="ru-RU">Выполнение работы</span> 11</font></font></p> <p align="justify" class="CL_9"> <font color="#000000"><font size="3" class="CL_2">Index.htm 11</font></font></p> <p align="justify" class="CL_9"> <font color="#000000"><font size="3" class="CL_2">Coin1.htm 12</font></font></p> <p align="justify" class="CL_9"> <font color="#000000"><font size="3" class="CL_2">Coin2.htm 14</font></font></p> <p align="justify" class="CL_8"> <font color="#000000"><font size="3" class="CL_2"><span lang="ru-RU">Список использованных источников</span> 15</font></font></p> <p lang="ru-RU" align="justify" class="western CL_1"> <br/> </p> <h1 class="western"><br/> <br/> </h1> <h1 class="western"><br/> <br/> </h1> <h1 class="western"><br/> <br/> </h1> <p align="justify" class="western CL_1"> <br/> </p> <p align="justify" class="western CL_1"> <br/> </p> <h1 class="western"><span lang="ru-RU">Язык </span>HTML</h1> <p align="justify" class="western CL_10"> <font color="#000000"><font size="3" class="CL_2"><span lang="ru-RU">HTML (от англ. HyperText Markup Language — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа, в удобной для человека форме.</span></font></font></p> <p align="justify" class="western CL_10"> <font color="#000000"><font size="3" class="CL_2">HTML<span lang="ru-RU"> является приложением («частным случаем») </span>SGML<span lang="ru-RU"> (стандартного обобщённого языка разметки) и соответствует международному стандарту </span>ISO<span lang="ru-RU"> 8879. </span>XHTML<span lang="ru-RU"> же является приложением </span>XML<span lang="ru-RU">.</span></font></font></p> <p align="justify" class="western CL_10"> <font color="#000000"><font size="3" class="CL_2"><span lang="ru-RU">Язык </span>HTML<span lang="ru-RU"> был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1989—1991 годах в стенах Европейского совета по ядерным исследованиям в Женеве (Швейцария). </span>HTML<span lang="ru-RU"> создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. </span>HTML<span lang="ru-RU"> успешно справлялся с проблемой сложности </span>SGML<span lang="ru-RU"> путём определения небольшого набора структурных и семантических элементов — дескрипторов. Дескрипторы также часто называют «тегами». С помощью </span>HTML<span lang="ru-RU"> можно легко создать относительно простой, но красиво оформленный документ. Помимо упрощения структуры документа, в </span>HTML<span lang="ru-RU"> внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже.</span></font></font></p> <p align="justify" class="western CL_10"> <font color="#000000"><font size="3" class="CL_2"><span lang="ru-RU">Изначально язык </span>HTML<span lang="ru-RU"> был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения). В идеале, текст с разметкой </span>HTML<span lang="ru-RU"> должен был без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащённостью (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программы голосового воспроизведения текстов). Однако современное применение </span>HTML<span lang="ru-RU"> очень далеко от его изначальной задачи. Например, тег <</span>TABLE<span lang="ru-RU">>, несколько раз использованный для форматирования страницы, которую вы на данный момент читаете, предназначен для создания в документах самых обычных таблиц, но, как можно убедиться, здесь нет ни одной таблицы. С течением времени, основная идея платформонезависимости языка </span>HTML<span lang="ru-RU"> была отдана в своеобразную жертву современным потребностям в мультимедийном и графическом оформлении.</span></font></font></p> <h1 class="western"><span lang="ru-RU">Формат документа </span>HTML</h1> <p align="justify" class="western CL_1"> <font color="#000000"><font size="3" class="CL_2"><span lang="ru-RU">Документ в формате HTML 4.0 состоит из трех частей: </span></font></font> </p> <ul> <li/> <p align="justify" class="CL_1"> <font color="#000000"><font size="3" class="CL_2"><span lang="ru-RU">строки, содержащей информацию о версии HTML, </span></font></font> </p> <li/> <p align="justify" class="CL_1"> <font color="#000000"><font size="3" class="CL_2"><span lang="ru-RU">раздела заголовков (определяемого элементом HEAD), </span></font></font> </p> <li/> <p align="justify" class="CL_1"> <font color="#000000"><font size="3" class="CL_2"><span lang="ru-RU">тела, которое включает собственно содержимое документа. Тело может вводиться элементом BODY или элементом FRAMESET.</span></font></font></p> </ul> <p align="justify" class="western CL_10"> <font color="#000000"><font size="3" class="CL_2"><span lang="ru-RU">В документе HTML должна быть объявлена используемая в нем версия языка HTML. Объявление типа документа указывает определение типа документа (DTD), используемое в этом документе.</span></font></font></p> <p align="justify" class="western CL_11"> <font color="#000000"><font size="3" class="CL_2"><span lang="ru-RU">Элемент </span><span lang="ru-RU"><b><!</b></span><b>DOCTYPE</b><span lang="ru-RU"><b>></b></span><font color="#000000"><font face="Arial, serif"><font size="3" class="CL_12"> </font></font></font><span lang="ru-RU">предназначен для указания типа текущего документа</span> <span lang="ru-RU">— </span>DTD<span lang="ru-RU"> (</span>document<span lang="ru-RU"> </span>type<span lang="ru-RU"> </span>definition<span lang="ru-RU">, описание типа документа). Это необходимо, чтобы браузер понимал, как следует интерпретировать текущую веб-страницу, ведь </span>HTML<span lang="ru-RU"> существует в нескольких версиях, кроме того, имеется </span>XHTML<span lang="ru-RU"> (</span>EXtensible<span lang="ru-RU"> </span>HyperText<span lang="ru-RU"> </span>Markup<span lang="ru-RU"> </span>Language<span lang="ru-RU">, расширенный язык разметки гипертекста), похожий на </span>HTML<span lang="ru-RU">, но различающийся с ним по синтаксису. Чтобы браузер «не путался» и понимал, согласно какому стандарту отображать веб-страницу и необходимо в первой строке кода задавать</span><font color="#000000"><font face="Arial, serif"><font size="3" class="CL_12"> </font></font></font><span lang="ru-RU"><b><!</b></span><b>DOCTYPE</b><span lang="ru-RU"><b>></b></span><span lang="ru-RU">.</span></font></font></p> <h1 class="western"><span lang="ru-RU">Основные теги</span></h1> <h2 class="western"><span lang="ru-RU"><</span>html<span lang="ru-RU">></span></h2> <p align="justify" class="western CL_10"> <font color="#000000"><font size="3" class="CL_2"><span lang="ru-RU">Тег <</span>html<span lang="ru-RU">> является контейнером, который заключает в себе все содержимое веб-страницы, включая теги <</span>head<span lang="ru-RU">> и <</span>body<span lang="ru-RU">>. Открывающий и закрывающий теги <</span>html<span lang="ru-RU">> в документе необязательны, но хороший стиль диктует непременное их использование. Как правило, тег <</span>html<span lang="ru-RU">> идет в документе вторым, после определения типа документа (</span>Document<span lang="ru-RU"> </span>Type<span lang="ru-RU"> </span>Definition<span lang="ru-RU">, </span>DTD<span lang="ru-RU">), устанавливаемого через элемент <!</span>DOCTYPE<span lang="ru-RU">>. Закрывающий тег <</span>html<span lang="ru-RU">> должен всегда стоять в документе последним. </span></font></font> </p> <p align="justify" class="western CL_1"> <font color="#000000"><font size="3" class="CL_2"><span lang="ru-RU"><b>Синтаксис</b></span></font></font></p> <p align="justify" class="western CL_1"> <font color="#000000"><font size="3" class="CL_2"><span lang="ru-RU"><</span>html<span lang="ru-RU">></span></font></font></p> <p align="justify" class="western CL_1"> <font color="#000000"> <font size="3" class="CL_2"><span lang="ru-RU">...</span></font></font></p> <p align="justify" class="western CL_1"> <font color="#000000"><font size="3" class="CL_2"><span lang="ru-RU"></</span>html<span lang="ru-RU">></span></font></font></p> <p align="justify" class="western CL_1"> <font color="#000000"><font size="3" class="CL_2"><span lang="ru-RU"><b>Атрибуты</b></span></font></font></p> <ul> <li/> <p align="justify" class="CL_1"> <font color="#000000"><font size="3" class="CL_2">title<span lang="ru-RU"> - Добавляет всплывающую подсказку на веб-страницу. </span></font></font> </p> <li/> <p align="justify" class="CL_1"> <font color="#000000"><font size="3" class="CL_2">Manifest<span lang="ru-RU"> - Указывает файл манифеста, необходимый для создания оффлайнового приложения.</span></font></font></p> <li/> <p align="justify" class="CL_1"> <font color="#000000"><font size="3" class="CL_2">Xmlns<span lang="ru-RU"> - Указывает пространство имен для </span>XHTML<span lang="ru-RU">-документов. </span></font></font> </p> </ul> <h2 class="western"><span lang="ru-RU"><</span>head<span lang="ru-RU">></span></h2> <p align="justify" class="western CL_10"> <font color="#000000"><font size="3" class="CL_2"><span lang="ru-RU">Тег <</span>head<span lang="ru-RU">> предназначен для хранения других элементов, цель которых — помочь браузеру в работе с данными. Также внутри контейнера <</span>head<span lang="ru-RU">> находятся метатеги, которые используются для хранения информации предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных.</span></font></font></p> <p align="justify" class="western CL_10"> <font color="#000000"> <font size="3" class="CL_2"><span lang="ru-RU">Содержимое тега <</span>head<span lang="ru-RU">> не отображается напрямую на веб-странице, за исключением тега <</span>title<span lang="ru-RU">> устанавливающего заголовок окна веб-страницы.</span></font></font></p> <p align="justify" class="western CL_10"> <font color="#000000"><font size="3" class="CL_2"><span lang="ru-RU">Внутри контейнера <</span>head<span lang="ru-RU">> допускается размещать следующие элементы: <</span>base<span lang="ru-RU">>, <</span>basefont<span lang="ru-RU">>, <</span>bgsound<span lang="ru-RU">>, <</span>link<span lang="ru-RU">>, <</span>meta<span lang="ru-RU">>, <</span>script<span lang="ru-RU">>, <</span>style<span lang="ru-RU">>, <</span>title<span lang="ru-RU">>.</span></font></font></p> <p align="justify" class="western CL_1"> <font color="#000000"><font size="3" class="CL_2"><span lang="ru-RU"><b>Синтаксис</b></span></font></font></p> <p align="justify" class="western CL_1"> <font color="#000000"><font size="3" class="CL_2"><span lang="ru-RU"><</span>head<span lang="ru-RU">></span></font></font></p> <p align="justify" class="western CL_1"> <font color="#000000"> <font size="3" class="CL_2"><span lang="ru-RU">... </span></font></font> </p> <p align="justify" class="western CL_1"> <font color="#000000"><font size="3" class="CL_2"><span lang="ru-RU"></</span>head<span lang="ru-RU">></span></font></font></p> <h2 class="western"><span lang="ru-RU"><</span>body<span lang="ru-RU">></span></h2> <p align="justify" class="western CL_10"> <font color="#000000"><font size="3" class="CL_2"><span lang="ru-RU">Элемент <</span>body<span lang="ru-RU">> предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера <</span>body<span lang="ru-RU">>. К такой информации относится текст, изображения, теги, скрипты </span>JavaScript<span lang="ru-RU"> и т.д.</span></font></font></p> <p align="justify" class="western CL_10"> <font color="#000000"> <font size="3" class="CL_2"><span lang="ru-RU">Часто тег <</span>body<span lang="ru-RU">> используется для размещения обработчика событий, например, </span>onload<span lang="ru-RU">, которое выполняется после того, как документ завершил загрузку в текущее окно или фрейм.</span></font></font></p> <p align="justify" class="western CL_10"> <font color="#000000"> <font size="3" class="CL_2"><span lang="ru-RU">Открывающий и закрывающий теги <</span>body<span lang="ru-RU">> на веб-странице не являются обязательными, однако хорошим стилем считается их использование, чтобы определить начало и конец </span>HTML<span lang="ru-RU">-документа.</span></font></font></p> <p align="justify" class="western CL_1"> <font color="#000000"><font size="3" class="CL_2"><span lang="ru-RU"><b>Синтаксис </b></span></font></font> </p> <p align="justify" class="western CL_1"> <font color="#000000"><font size="3" class="CL_2"><span lang="ru-RU"><</span>body<span lang="ru-RU">></span></font></font></p> <p align="justify" class="western CL_1"> <font color="#000000"> <font size="3" class="CL_2"><span lang="ru-RU">...</span></font></font></p> <p align="justify" class="western CL_1"> <font color="#000000"><font size="3" class="CL_2"><span lang="ru-RU"></</span>body<span lang="ru-RU">></span></font></font></p> <p align="justify" class="western CL_1"> <br/> </p> <p align="justify" class="western CL_1"> <font color="#000000"><font size="3" class="CL_2"><span lang="ru-RU"><b>Атрибуты</b></span></font></font></p> <ul> <li/> <p align="justify" class="CL_1"> <font color="#000000"><font size="3" class="CL_2">Alink<span lang="ru-RU"> Устанавливает цвет активной ссылки. </span></font></font> </p> <li/> <p align="justify" class="CL_1"> <font color="#000000"><font size="3" class="CL_2">Background<span lang="ru-RU"> Задает фоновый рисунок на веб-странице. </span></font></font> </p> <li/> <p align="justify" class="CL_1"> <font color="#000000"><font size="3" class="CL_2">Bgcolor<span lang="ru-RU"> Цвет фона веб-страницы. </span></font></font> </p> <li/> <p align="justify" class="CL_1"> <font color="#000000"><font size="3" class="CL_2">Bgproperties<span lang="ru-RU"> Определяет, прокручивать фон совместно с текстом или нет. </span></font></font> </p> <li/> <p align="justify" class="CL_1"> <font color="#000000"><font size="3" class="CL_2">Bottommargin<span lang="ru-RU"> Отступ от нижнего края окна браузера до контента. </span></font></font> </p> <li/> <p align="justify" class="CL_1"> <font color="#000000"><font size="3" class="CL_2">Leftmargin<span lang="ru-RU"> Отступ по горизонтали от левого края окна браузера до контента. </span></font></font> </p> <li/> <p align="justify" class="CL_1"> <font color="#000000"><font size="3" class="CL_2">link<span lang="ru-RU"> Цвет ссылок на веб-странице. </span></font></font> </p> <li/> <p align="justify" class="CL_1"> <font color="#000000"><font size="3" class="CL_2">Rightmargin<span lang="ru-RU"> Отступ от правого края окна браузера до контента. </span></font></font> </p> <li/> <p align="justify" class="CL_1"> <font color="#000000"><font size="3" class="CL_2">Scroll<span lang="ru-RU"> Устанавливает, отображать полосы прокрутки или нет. </span></font></font> </p> <li/> <p align="justify" class="CL_1"> <font color="#000000"><font size="3" class="CL_2">text<span lang="ru-RU"> Цвет текста в документе. </span></font></font> </p> <li/> <p align="justify" class="CL_1"> <font color="#000000"><font size="3" class="CL_2">Topmargin<span lang="ru-RU"> Отступ от верхнего края окна браузера до контента. </span></font></font> </p> <li/> <p align="justify" class="CL_1"> <font color="#000000"><font size="3" class="CL_2">Vlink Цвет посещенных ссылок.</font></font></p> </ul> <h2 class="western"><title></h2> <p align="justify" class="western CL_10"> <font color="#000000"><font size="3" class="CL_2"><span lang="ru-RU">Определяет заголовок документа. Элемент <</span>title<span lang="ru-RU">> не является частью документа и не показывается напрямую на веб-странице. В операционной системе </span>Windows<span lang="ru-RU"> текст заголовка отображается в левом верхнем углу окна браузера. Допускается использовать только один тег <</span>title<span lang="ru-RU">> на документ и размещать его в контейнере <</span>head<span lang="ru-RU">>. </span></font></font> </p> <p align="justify" class="western CL_1"> <font color="#000000"><font size="3" class="CL_2"><b>Синтаксис</b></font></font></p> <p align="justify" class="western CL_1"> <font color="#000000"><font size="3" class="CL_2"><head></font></font></p> <p align="justify" class="western CL_1"> <font color="#000000"> <font size="3" class="CL_2"><title>Заголовок

<link>

Устанавливает связь с внешним документом вроде файла со стилями или со шрифтами. В отличие от тега <a>, тег <link> размещается всегда внутри контейнера <head> и не создает ссылку.

Синтаксис

Атрибуты

charset

Кодировка связываемого документа.

href

Путь к связываемому файлу.

media

Определяет устройство, для которого следует применять стилевое оформление.

rel

Определяет отношения между текущим документом и файлом, на который делается ссылка.

sizes

Указывает размер иконок для визуального отображения.

type

MIME-тип данных подключаемого файла.

Закрывающий тег

Не требуется.

<meta>

<meta> определяет метатеги, которые используются для хранения информации предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных. Разрешается использовать более чем один метатег, все они размещаются в контейнере <head>. Как правило, атрибуты любого метатега сводятся к парам «имя=значение», которые определяются ключевыми словами content, name или http-equiv.

Синтаксис

Атрибуты

charset

Задает кодировку документа.

content

Устанавливает значение атрибута, заданного с помощью name или http-equiv.

http-equiv

Предназначен для конвертирования метатега в заголовок HTTP.

name

Имя метатега, также косвенно устанавливает его предназначение.

Закрывающий тег

Не требуется.

<script>

Тег <script> предназначен для описания скриптов, может содержать ссылку на программу или ее текст на определенном языке. Скрипты могут располагаться во внешнем файле и связываться с любым HTML-документом. Такой подход позволяет использовать одни и те же общие функции на многих веб-страницах и ускоряет их загрузку, т.к. внешний файл кэшируется при первой загрузке, и скрипт вызывается быстрее при последующих вызовах.

<script> может располагаться в заголовке или теле HTML-документа в неограниченном количестве. В большинстве случаев местоположение скрипта никак не сказывается на работу программы. Однако скрипты, которые должны выполняться в первую очередь, обычно помещают в заголовок документа.


Случайные файлы

Файл
129315.rtf
72797-1.rtf
22804.rtf
168890.rtf
118657.rtf




Чтобы не видеть здесь видео-рекламу достаточно стать зарегистрированным пользователем.
Чтобы не видеть никакую рекламу на сайте, нужно стать VIP-пользователем.
Это можно сделать совершенно бесплатно. Читайте подробности тут.