<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Document</title>
</head>
<body>
<img src="/Purple/cf/9c/a3/mzl.ymeyjxen.png" width="500" height="500"
alt="Навигация по сайту" usemap="#Navigation">
<p><map name="Navigation">
<area shape="circle" coords="250,250,100" href="css-two.html" alt="олень">
<area shape="poly" coords="0,500,250,0,500,500" href="5-2.html" alt="списки">
<area shape="poly" coords="0,500,0,0,250,0" href="4.html" alt="таблицы">
<area shape="poly" coords="250,0,500,0,500,500" href="radius.html" alt="Углы">
</map></p>
</body>
</html>
3. Практическое задание. Привести примеры использования списков в HTML:
· Ненумерованные списки; <ul> <li></li> </ul>
· Нумерованные списки; <ol>
Списки с определением. <dl>
<dt> Термин 1 </dt>
<dd> Определение термина 1 </dd>
</dl>
· 3. Практическое задание. Оформить web-страницу, используя вставку изображения, горизонтальную линию, бегущую строку, маркированные списки.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Бегущая строка</title>
<style>
.one{text-align: center;
font-size: 36px;
}
.rt{float: right;
position: relative;}
</style>
</head>
<body>
<div class="one">
<img src="https://www.tisbi.ru/themes/tisbi2/images/logo-tr.png"> Университет управлени<br>"ТИСБИ"
</div>
<hr> //линия
<marquee direction="left" scrollamount="20">Факультет среднего профессионального образования</marquee>
<img src="https://www.tisbi.ru/assets/Uploads-2/fspo/_resampled/SetWidth200-ShamsutdinovaVeronika.jpg" align="right">
<p>Декан ФСПО -<br>
<b>Шамсутдинова Вероника Вячеславовна</b></p>
<p>Наш адрес: г. Казань, ул. Горького, 29/19.</p>
<p>Проезд - до остановки "Ул. Толстого" (тролейбусы 21, 7)</p>
<p>Тел.:(843)<b>2-38-32-85</b></p>
<h2>НАШИ ПРЕИМУЩЕСТВА:</h2>
<ul>
<li>Государственный диплоом</li>
<li>Предоставляется отсрочка от армии</li>
<li>Учебное заведение высокой культуры</li>
<li>Учебное заведение в центре города Казани</li>
<li>Высококвалифицированные преподаватели</li>
<li>Современные методы преподавания</li>
<img src="https://www.tisbi.ru/assets/_resampled/resizedimage214292--_16.JPG" align="right">
<li>Продолжение обучения в Академии управления ТИСБИ по укоренной программе</li>
</ul>
<h2>В структуру ФСПО входят следующие отделения:</h2>
<ul>
<li>Экономический</li>
<li>Юридический</li>
<li>Программное обеспечение вычислительной техники и автоматизированных систем</li>
</ul>
</body>
</html>
· 3. Практическое задание. Фреймовая структура документа в HTML.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "https://www.w3.org/TR/html4/frameset.dtd">
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS</title>
<style>
table{border: 1px solid black;}
.shr{font-size: 36px; text-align: center;}
</style>
</head>
<body>
<table width="95.6%">
<tr class="shr">
<td width="15%"><img src="https://www.tisbi.ru/themes/tisbi2/images/logo-tr.png" alt=""></td>
<td> Университет управление "ТИСБИ"</td>
</tr>
</table>
<iframe src="7menu.html" name="MENU" width="15%" height="500"></iframe>
<iframe src="7cont.html" name="CONTENT" width="80%" height="500"></iframe>
<table width="95.6%"><tr>
<td class="shr">Факультет информационных технологий</td>
</tr></table>
</body>
</html>
· 3. Практическое задание. Изменение стилей с помощью JavaScript.
· 3. Практическое задание. Организовать вывод одной из четырех картинок случайным образом.
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
n=Math.floor(Math.random()*4);
document.write('<img src="image'+n+'.jpg" border="0" />');
</script>
</body>
</html>
· 3. Практическое задание. Работа с элементами формы в JavaScript.
Практическое задание. Циклы в JavaScript. Найти сумму и количество всех натуральных чисел от 100 до 150 включительно, которые не делятся на 6. Результат вывести методом write.
var sum=0;var p=0;
for (var i=100; i<=150; i++) {
if(i%6!==0){
sum+=i;p++;
}
}
document.write("Сумма "+sum+" Количество "+p +"<br>");