Практичекая часть - Разработка программ на языке Ассемблер и на языке HTML

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

Тема:Cоздание простейшего HTML-документа

<html><head>

<title>task 5</title></head><body>

<font>1)</font>

1/2+3/4+5/6+7/8

<br /><br /><br />

<font>2)</font>

&;#8730;25x(2x<sup>2</sup>+9)=4x+3/x

<br /><br /><br />

<font>3)</font>

(x/1-x)<sup>(5)</sup>

<br /><br /><br />

<font>4)</font>

Lim 2n<sup>2</sup>/n<sup>2</sup>+x+1

<br />

n&;#8594;&;#8734;

<br /><br /><br />

<font>5)</font>

(1+x)<sup>n</sup>=1+nx/1+n(n-1)x<sup>2</sup>/a+...

<br /><br /><br />

<font>6)</font>

&;#8730;xb/2+cos<sup>2</sup>|a-b|/x<sup>2</sup>(x+1)/b-sin(x+a)

<br /><br /><br />

<font>7)</font>

(8b+1)/ab*2/3-2*&;#8730;b+1

<br /><br /><br />

<font>8)</font>

X+y+z=0<br />

2x+3y+z=1<br />

x+2y+z<br />

<br /><br /> &;#8734;<br />

<font>9)</font>

&;#8721; n<sup>2</sup>+n-1

<br /> n=1

</body></html>

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

Тема: Списки

Задание 1

Пример маркированного списка</title></head><body>

<!DOCTYPE HTML PUBLIC "-//W3C//TR//DTD HTML 4.01//EN"

"http://www. w3.org/TR/html4/strict. dtd">

<html><head><title>

<b>Знак зодиака</b><ul>

<li>Овец</li>

<li>Телец</li>

<li>Близнецы</li>

<li>Рак</li>

<li>Лев</li>

<li>Дева</li>

<li>Весы</li>

<li>Скорпион</li>

<li>Стрелец</li>

<li>Козщерог</li>

<li>Водолец</li>

<li>Рыбы</li>

</ul></body></html>

Задание 2

Маркированный список</title><ul>

<html><title>

<b>Знак зодиака</b><br>

<img src="greenball. jpg">Овец<br />

<img src="greenball. jpg">Телец<br />

<img src="greenball. jpg">Близнецы<br />

<img src="greenball. jpg">Рак<br />

<img src="greenball. jpg">Лев<br />

<img src="greenball. jpg">Дева<br />

<img src="greenball. jpg">Весы<br />

<img src="greenball. jpg">Скорпион<br />

<img src="greenball. jpg">Стрелец<br />

<img src="greenball. jpg">Козерог<br />

<img src="greenball. jpg">Водолец<br />

<img src="greenball. jpg">Рыбы<br />

</ul></html>

Задание 3

Пример нумерованного списка</title>

<title>

<ol>

<li>Сириус

<li>Канопус

<li>Арктур

<li>Альфа Центавра

<li>Вега

<li>Капелла

<li>Ригель

<li>Процион

<li>Ахернар

<li>Бета Центавра

<li>Ветельгейзе

<li>Альдебаран

<br />

<li value="58">Мицар

<br />

<li value="75">Полярная

</ol>

Задание 5

<html><title>Пример списка определений</title><body><dl><center>

<h3>Классификация типичных темпераментов человека,<br

/>основанная

На воззрениях Гиппократа</h3></center>

<dt>флегматик

<dd>Пассивный, очень трудоспособный, медленно

Приспосабливающийся<br />настроение устойчивое, мало поддается

Внешнему влиянию<br />вялость эмоциональных реакций и

Медлительность в волевой деятельности, br /><br />

<dt>сангвиник

<dd>Активный, эенергичный, легко приспосабливающийся<br

/>живость и подвижность эмоциональных реакций, быстрота и

Сила волевых проявлений<br /><br />

<dt>Холерик

<dd>Активный, очень энергичный, настойчивый<br />порывистость и

Сила эмоциональных реакций, бурные волевые

Проявления<br /><br/>

<dt>Меланхолик

<dd>Пассивный, легко утомляющийся, тяжело

Приспосабливающийся<br />слабость волевых проявлений и

Преобладание подавленного настроения, неувереннсть в

Себе</dl></html>

Задание 6

<!DOCTYPE HTML PUBLIC "-//W3C//TR//HTML 4.01//EN"

"http://www. w3.org/TR/html4/strict. dtd">

<html><head><title>пример маркированного

Списка</title></head><body>

<h1>Спутники некоторых планет</h1><ul>

<li>Земля</li><ol>

<li>Луна</li></ol>

<li>Марс</li><ol>

<li>Фобос</li>

<li>Деймос</li></ol>

<li>Уран</li><ol>

<li>Ариэль</li>

<li>Умбриэль</li>

<li>Титания</li>

<li>Оберон</li>

<li>Миранда</li></ol>

<li>Нептун</li><ol>

<li>Тритон</li>

<li>Нереида</li></ol></ul></body></html>

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

Тема: Вставка изображений, медиафайлов

Задание 1

<html><head><title> фоновое изображение</title></head><body

Background="skype. jpg">

<h2>‚загляните, мы вставили изображение, как фон!</h2><p>Њ можно

Вставлять изображение форматов gif, jpg, и png</p>

<p>...если размеры изображения меньше страницы, оно будет

Повторяться пока не заполнит весь фон</p></body></html>

Задание 2

<html><head>

<title>Выравнивания изображения относительно текста</title>

</head><body><p>

Изображение

<img src="skype. jpg"

Align="bottom"width="48"height="48" />

В тексте</p><p>

Изображение

<img src="skype. jpg"

Align="middle"width="48"height="48" />

В тексте</p><p>

Изображение

<img src="skype. jpg"

Align="top"width="48"height="48" />

В тексте</p>

<p>

Помните, что выравнивание текста по нижнему краю картинки

Является выравниванием по умолчанию</p><p>

Изображение

<img src="skype. jpg"

Width="48"height="48" />

В тексте</p><p>

<img src="skype. jpg"

Width="48"height="48" />

Изображения перед текстом</p><p>

Изображения после текста

<img src="skype. jpg"

Width="48"height="48" /></p></body></html>

Задание 3

<html><body><p>

<img src="skype. jpg"width="20"height="20" /></p><p>

<img src="skype. jpg"width="45"height="45" /></p><p>

<img src="skype. jpg"width="70"height="70" /></p><p>

Вы можете изменять размер изображения, меняя значения атрибутов

Height и width тег img</p></body></html>

Задание 4

<html><body>

<img src="skype. jpg"alt="значок скайп"width="32"height="32" /><p>

Текстовые браузеры не могут отображать изображения и будут

Отображать текст, который указан в атрибуте alt

Тега img. в данном случае значением аторибута alt указан значок

Скайп</p><p>

При наведении курсора мыши на изображение, некоторые браузеры

Отображают значение атрибута</p></body></html>

Задание 5

<html><body><p>

Вы можете сделать изображения ссылкой

<a href="http://www. skype. com/intl/ru/"><img

Src="skype. jpg"border="0"width="65"height="38" />

</a></p></body></html>

Задание 6

<html><body><p>

Кликните, на различных частях изображения, чтобы посмотреть

Дополнительную информацию</p>

<img src="tree. jpg"width="650"height="642"usemap="#tree" />

<map name="tree">

<area shape="poly"

Coords="317,456,68,475,2,325,99,140,311,23,525,141,641,287,611,441"

Alt="krona"href="krona. html" />

<area shape="rect"coords="320,465,357,613"alt="stvol"

Href="stvol. html" /></map></body></html>

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

Тема: Ссылки

Документ start

<!DOCTYPE HTML PUBLIC "-//W3C//TR//DTD HTML 4.01//EN"

"http://www. w3.org/TR/html4/strict. dtd">

<html><head><title>task 4</title></head><body>

<h1>Словарь терминов</h1><p>

<a href="ago. html">А</a>

<a href="bgo. html">Б</a>

<a href="cgo. html">В</a>

<a href="dgo. html">Г</a>

<a href="ego. html">Д</a>

<a href="fgo. html">Е</a> </p></body></html>

Документ 1

<html><head><title>A</title></head><body><h1>A</h1><br /><dl>

<dt><b>АВТЕНТИЧЕСКИЙ КАДАНС</b></dt>

<dd>кадансовый оборот,

В котором заключительная тоническая гармония предваряется

Доминантовой</dd>

<dt><b>АТАКТА</b></dt>

<dd>гармонический элемент на басу нижнего или верхнего вводного

Тона</dd>

</dl><br /><a href="start. html">в начало</a></body></html>

Документ 2

<html><head><title>Б</title></head><body><h1>Б</h1><br /><dl>

<dt><b>БАГАТЕЛЬ</b></dt>

<dd>небольшая нетрудная для исполнения пьеса</dd>

<dt><b>БАРТОКОВСКОЕ ПИЦЦИКАТО</b></dt>

<dd>сильный щипок струны с последующим ударом струны о

Гриф</dd>

<dt><b>БОНАНГ</b></dt>

<dd>набо из 10-12 гонгов разного размера</dd>

</dl><br /><a href="start. html">в начало</a></body></html>

Документ 3

<html><head><title>В</title></head><body><h1>В</h1><br /><dl>

<dt><b>Верификация</b></dt>

<dd>Опытное подтверждение.

В неопозитивизме процедура проверки научных высказываний.

Только те высказывания могут претендовать на статус научных,

Которые подтверждаются опытом</dd>

<dt><b>Вероятность</b></dt>

<dd>Возможность исполнения или осуществления чего-нибудь.</dd>

<dt><b>Воображение</b></dt>

<dd>Мысленное представление, способность фантазировать, создавать

Совершенно новые образы</dd></dl><br /><a href="start. html">в

Начало</a></body></html>

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

Тема: Таблицы

Задание 1

<HTML> <HEAD>

<TITLE> Пример простейшей таблицы </TITLE>

</HEAD> <BODY>

<TABLE BORDER>

<TR> <TD>Ячейка 1 строки 1</TD>

<TD>Ячейка 2 строки 1</TD> </TR>

<TR> <TD>Ячейка 1 строки 2</TD>

<TD>Ячейка 2 строки 2</TD> </TR>

</TABLE> </BODY> </HTML>

Задание 2

<HTML> <HEAD>

<TITLE> Таблица с обтекающим ее текстом</TITLE> </HEAD>

<BODY>

<TABLE ALIGN=LEFT WIDTH=70%>

<CAPTION><H3>Наиболее употребительные мужские

Имена<BR>взрослого населения Санкт-Петербурга </H3> </CAPTION>

<UL> <TR><TD VALIGN=TOP>

<LI>Абрам<LI>Александр<LI>Алексей<LI>Альберт<LI>Анатолий<LI

>Андрей<LI>Аркадий<LI>Борис<LI>Вадим<LI>Валентин<L>Василий

<LI>Виктор<LI>Виталий<LI>Владимир<LI>Владислав<LI>Вячеслав<

LI>Геннадий<LI>Георгий<LI>Герман<LI>Григорий<LI>Дмитрий

</TD> </TD><TD

VALIGN=TOP><LI>Евгений<LI>Ефим<LI>Иван<LI>Игорь<LI>Илья<

LI>Иосиф<LI>Константин<LI>Лев<LI>Леонид<LI>Михаил<LI>

Николай<LI>Олег<LI>Павел<LI>Петр<LI>Роман<LI>Семен<LI>

Сергей<LI>Станислав<LI>Эдуард<LI>Юрий<LI>Яков </TD> </UL>

</TR> </TABLE>

<BR><BR><BR><BR><BR><BR>

</BODY> </HTML>

Приведенные данные получены на основе анализа репрезентативной выборки, содержащей сведения о 5000 мужчин в возрасте старше 18 лет, проживающих в Санкт-Петербурге.<BR> Указанные 43 наиболее часто встречаемых имени охватывают 92% выборки.<BR>Частота встречаемости каждого из остальных имен не превосходит 0.3%

Задание 3

<HTML> <HEAD>

<TITLE> Выравнивание элементов таблицы</TITLE>

</HEAD> <BODY>

<TABLE BORDER WIDTH=100%>

<TR>

<TD ALIGN=RIGHT>Ячейка 1</TD>

<TD ALIGN=CENTER>Ячейка 2</TD>

<TD>Ячейка 3</TD>

</TR> <TR>

<TD ALIGN=RIGHT>Ячейка 4</TD>

<TD ALIGN=CENTER>Ячейка 5</TD>

<TD>Ячейка 6</TD>

</TR> </TABLE> </BODY> </HTML>

Задание 4

<HTML> <HEAD>

<TITLE> Использование параметров COLSPAN и ROWSPAN

</TITLE>

</HEAD> <BODY>

<TABLE BORDER>

<TR>

<TD ROWSPAN=2>Ячейка, захватывающая две строки</TD>

<TD COLSPAN=2>Ячейка, захватывающая два столбца</TD>

</TR> <TR>

<TD>Ячейка 3</TD>

<TD>Ячейка 4</TD>

</TR> <TR>

<TD>Ячейка 5</TD>

<TD>Ячейка 6</TD>

<TD>Ячейка 7</TD>

</TR> <TABLE> </BODY> </HTML>

Задание 5

<HTML> <HEAD>

<TITLE> Неверное использование протяженных ячеек</TITLE>

</HEAD> <BODY>

<TABLE BORDER WIDTH-100%>

<TR ALIGN=CENTER>

<TD >Ячейка 1</TD>

<TD >Ячейка 2</TD>

<TD ROWSPAN=3>

Ячейка 3<BR>(распространенная<BR> на три <BR>строчки)

</TD> </TR>

<TR ALIGN=CENTER><TD> Ячейка 4</TD><TD> Ячейка 5

</TD></TR>

<TR ALIGN=CENTER>

<TD> Ячейка 6 </TD>

<TD COLSPAN= 2> Ячейка 7 (распостраненнаяна два столбца) </TD>

</TR> </TABLE> </BODY> </HTML>

Задание 6

<html><head><title>lab 5</title></head><body>

<h1 align="center">Города Ленинградской области</h1>

<font><center>H-население города(тыс. жит.1992 г.)

Р-расстояние от Санкт-Петербурга

(км)</center></font><br /><table align="center"><tr>

<td align="center"><b>Города, подчиненые</b></td>

<td align="center"><b>Города областного</b></td>

<td align="center"><b>(продолжение таблицы)</b></td>

</tr>

<tr>

<td align="center"><b>Санкт-Петербургу</b></td>

<td align="center"><b>подчинения</b></td>

</tr>

<tr>

<td align="top">

<table width="300"border="1">

<tr><td align="center"><b>Город</b></td><td

Align="center"><b>Н</b></td><td align="center"><b>Р</b></td></tr>

<tr><td>Зеленогорск</td><td>13.6</td><td>50</td></tr>

<tr><td>Колпино</td><td>144.6</td><td>26</td></tr>

<tr><td>Кронштадт</td><td>45.2</td><td>48</td></tr>

<tr><td>Ломоносов</td><td>42.0</td><td>40</td></tr>

<tr><td>Павловск</td><td>25.4</td><td>30</td></tr>

<tr><td>Петродворец</td><td>83.8</td><td>29</td></tr>

<tr><td>Пушкин</td><td>95.1</td><td>24</td></tr>

<tr><td>Сестрорецк</td><td>34.9</td><td>35</td></tr>

</table>

</td>

<td>

<table width="300"border="1">

<tr><td align="center"><b>Город</b></td><td

Align="center"><b>Н</b></td><td align="center"><b>Р</b></td></tr>

<tr><td>Бокситогорск</td><td>21.6</td><td>245</td></tr>

<tr><td>Волхов</td><td>50.3</td><td>122</td></tr>

<tr><td>Всеволожск</td><td>32.9</td><td>24</td></tr>

<tr><td>Выборг</td><td>80.9</td><td>130</td></tr>

<tr><td>Высоцк</td><td>1.0</td><td>159</td></tr>

<tr><td>Гатчина</td><td>80.9</td><td>46</td></tr>

<tr><td>Ивангород</td><td>11.9</td><td>147</td></tr>

<tr><td>Каменногорск</td><td>5.9</td><td>157</td></tr>

<tr><td>Кингисепп</td><td>51.5</td><td>138</td></tr>

<tr><td>Кириши</td><td>53.8</td><td>115</td></tr>

<tr><td>Кировск</td><td>23.8</td><td>55</td></tr>

<tr><td>Лодейное Поле</td><td>27.3</td><td>244</td></tr>

<tr><td>Луга</td><td>41.8</td><td>139</td></tr>

</table>

</td>

<td>

<table width="300"border="1">

<tr><td align="center"><b>Город</b></td><td

Align="center"><b>Н</b></td><td align="center"><b>Р</b></td></tr>

<tr><td>Любань</td><td>4.7</td><td>85</td></tr>

<tr><td>Новая Ладога</td><td>11.2</td><td>141</td></tr>

<tr><td>Отрадное</td><td>22.9</td><td>40</td></tr>

<tr><td>Пикалево</td><td>25.1</td><td>246</td></tr>

<tr><td>Подпорожье</td><td>23.1</td><td>285</td></tr>

<tr><td>Приморск</td><td>6.7</td><td>137</td></tr>

<tr><td>Приозерск</td><td>20.5</td><td>145</td></tr>

<tr><td>Светогорск</td><td>15.8</td><td>201</td></tr>

<tr><td>Сланцы</td><td>42.6</td><td>192</td></tr>

<tr><td>Сосновый Бор</td><td>57.6</td><td>81</td></tr>

<tr><td>Тихвин</td><td>72.0</td><td>200</td></tr>

<tr><td>Тосно</td><td>33.8</td><td>53</td></tr>

<tr><td>Шлиссер бург</td><td>12.5</td><td>64</td></tr>

</table>

</td>

</tr>

</table>

<font>

Все города, подчиненные <br>администрации <br>

Санкт-Петербурга, имеют <br>прямые городские <br>

Телефонные номера</font></body></html>

Похожие статьи




Практичекая часть - Разработка программ на языке Ассемблер и на языке HTML

Предыдущая | Следующая