Главная База знаний "Allbest" Программирование, компьютеры и кибернетика Создание html-страниц. html-код

Создание html-страниц. html-код

Характеристика принципов создания html-страниц и связывания их ссылками так, чтобы можно было произвольным образом переходить от одной страницы к другой. Применение тегов форматирования текста и заголовка окна. Этапы создания html-страницы с таблицей.

Рубрика Программирование, компьютеры и кибернетика
Вид контрольная работа
Язык русский
Дата добавления 19.06.2014
Размер файла 16,0 K

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.

Размещено на http://www.allbest.ru/

Задание №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>

Задание № 2

форматирование текст заголовок ссылка

Задача работы

Создайте 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"

onclick="document.body.bgColor='red'"; />

</body>

</html>

Размещено на Allbest.ru


Подобные документы

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.

© 2000 — 2023, ООО «Олбест» Все права защищены