Создание html-страниц. html-код
Задание №1
Создайте три html-страницы, и свяжите их ссылками так, чтобы можно было произвольным образом переходить от одной html-страницы к другой.
В созданных html-страницах должны быть применены не менее одного раза теги форматирования текста: наклонный, жирный, с подчеркиванием текст; надстрочный, подстрочный текст; цвет, размер, название шрифта. Также не менее одного раза должны быть применены теги для заголовка окна html-страницы и расположения на ней картинки.
Ход работы
Код страницы page 1.html:
<!doctype html>
<html>
<head>
<title> Контрольная 1 </title>
<meta charset="windows-1251">
</head>
<body>
<a href="page 2.html"> Page 2 </a> </br>
<a href="page 3.html"> Page 3 </a> </br>
<h1 align = center> Контрольная 1. Страница 1. </h1>
<center> <img src= "pic/url.png"> </center>
<p><h3> Первая игра - шаг за шагом </h3> </P
<p> <i> Игра начнётся, как только все десять мест будут заняты..</i> </P
<p><B>Игра начинается с дух игроков, сидящих после дилера. Эти игроки обязаны сделать ставки вслепую или, как их ещё называют, блайнды (blind): малый блайнд (small blind) и большой блайнд (big blind) соответственно.</B> </p>
<p><U> Дилер сдаёт каждому игроку по две карты лицом вниз. Далее в игру вступает игрок, сидящий сразу после игрока, сделавшего большой блайнд.</U></p>
<p><span style="color: red;"> Когда к Вам подойдёт очередь, Вы будете обязаны принять ставку (колл), поднять ставку (райз) или же сбросить карты (фолд). Если Вы делали малый блайнд, то это значит, что Вы уже поставили половину суммы необходимой для продолжения игры. Если же Вы делали большой блайнд и игрок перед Вами не повысил ставки, то это значит, что вы уже поставили достаточную сумму, чтобы открыть флоп. В том случае, если игрок перед Вами повысил ставки, то Вы можете принять его ставку (колл), повысить ставку (райз) или сбросить карты (фолд).</span></p>
<p><span style="font-size: 2em">Флоп (The Flop): дилер сдаёт три карты лицом вверх. Те игроки, которые ещё не сбросили свои карты, могут использовать эти карты для собирания наилучшей руки (комбинации карт). После сдачи флопа начинается следующий круг ставок. Если никто не делает ставок, Вам достаточно пасовать (чек), чтобы увидеть следующую карту, не ставя лишних денег. Если же игрок перед Вами делал ставку, то для того, чтобы увидеть следующую карту, Вам придётся принять (колл) или повысить (райз) ставку. В противном случае Вы должны сбросить карты (фолд). </span></p>
<p><font face="Arial"> Торн (The Turn): дилер сдаёт четвёртую карту лицом вверх. Опять же, каждый игрок, имеющий на руках карты, в зависимости от ситуации может пасовать (чек), принять ставку (колл), повысить ставку (оайз) или сбросить карты (фолд). </font></p>
</body>
</html>
Код страницы page 2.html:
<!doctype html>
<html>
<head>
<title> Контрольная 1 </title>
<meta charset="windows-1251">
</head>
<body>
<a href="page 1.html"> Page 1 </a> </br>
<a href="page 3.html"> Page 3 </a> </br>
<h1 align = center> Контрольная 1. Страница 2. </h1>
<center> <img src= "pic/m.jpg"> </center>
<h3 > Формулы </h3>
<p><b>Формула серной кислоты:</b> <i>H<sub>2</sub>SO<sub>4</sub></i></p>
<p><b>Квадрат суммы: </b> (a+b)<sup>2</sup> = a<sup> 2 </sup> + 2ab + b<sup>2</sup> </p>
<p><b>Куб суммы:</b> (a+b)<sup>3</sup> = a<sup>3</sup> + 3a<sup>2</sup>b + 3ab<sup>2</sup> + b<sup>3</sup></p>
<p> <b> Квадрат разности: </b> (a-b)<sup>2</sup> = a<sup>2</sup> - 2ab + b<sup>2</sup> </p>
</body>
</html>
Код страницы page 3.html:
<!doctype html>
<html>
<head>
<title> Контрольная 1 </title>
<meta charset="windows-1251">
</head>
<body>
<a href="page 1.html"> Page 1 </a> </br>
<a href="page 2.html"> Page 2 </a> </br>
<h1 align = center> Контрольная 1. Страница 3. </h1>
<center> <img src= "pic/Снимок.PNG"> </center>
<p> <i>наклонный текст </i> </p>
<p><b>Жирный текст </b></p>
<p><u> Текст с подчеркиванием </u></p>
<p> <FONT COLOR="blue"> синий текст </font> </p>
<p><font size="2" > 2 размер шрифта </font></p>
<p> <sup> настрочный текст </sup></p>
<p> <sub> подстройный текст <sub> </p>
<p> <FONT COLOR="yellow"> желтый текст </font> </p>
<p> <FONT COLOR="green"> зеленый текст </font> </p>
<p><font size="1" > 1 размер шрифта </font></p>
<p><font face="Gabriola"> шрифт "Gabriola" </font> </p>
<p><font face="Arial">шрифт "Arial" </font></p>
</body>
</html>
форматирование текст заголовок ссылка
Задача работы
Создайте html-страницу с таблицей. Свойства таблицы определяются номером структуры таблицы и номером свойств содержимого ячеек таблицы. Номер варианта таблицы определяется по двум последним цифрам зачетной книжки - 21.
Исходные данные
Номер варианта структуры таблицы:
ВАБГДЕ
Номер варианта содержимого ячеек таблицы:
Картинка АКнопка БСсылка Вполе ввода Градио- кнопки Дсиний цвет Е
Ход работы
Код страницы page.html:
<!doctype html>
<html>
<head>
<title> Контрольная 2 </title>
<meta charset="windows-1251">
</head>
<body>
<h1 align = "center"> Контрольная работа №2 </h1>
<table align ="center" border="1" width="50%" cellpadding="10">
<tr>
<td rowspan="2"> <a href="../Контрольная1/page 1.html"> Контрольная 1 </a> </td>
<td><img src= "1.gif"> </td>
<td><button>Кнопка с текстом</button></td>
</tr>
<tr>
<td><input type="text" size="30"></td>
<td><p><b>Какая это контрольная?</b><Br>
<input type="radio" name="browser" value="ie"> 1<Br>
<input type="radio" name="browser" value="opera"> 2<Br>
<input type="radio" name="browser" value="firefox"> 3<Br>
</p> </td> </td>
</tr>
<tr>
<td colspan="2"></td>
<td bgcolor="blue"></td>
</tr>
</body>
</html>
Задание № 3
Задача работы
Создайте html-страницу, выполняющую заданное действие на одно из предопределенных событий (одинарный или двойной клик мыши, отпускание левой клавиши мыши).
Исходные данные
Изменить цвет фона страницы при одинарном клике мыши на картинке.
Ход работы
Код страницы page11.html:
<!doctype html>
<html>
<head>
<title> Контрольная 3 </title>
<meta charset="windows-1251">
</head>
<body>
<h1 align = "center"> Контрольная работа №3 </h1>
<input type="image" src="1.jpg"="document.body.bgColor='red'"; />
</body>
</html>