Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Практические задания экзамена ПОКС.docx
Скачиваний:
0
Добавлен:
01.05.2025
Размер:
1.11 Mб
Скачать

Практические задания экзамена ПОКС

Условка

<B> — Полужирный

<I> — Курсив

<U> — Подчеркнутый

<STRIKE> — Зачеркнутый

<SUP> — Верхний индекс

<SUB> — Нижний индекс

Сайт цветов

http://webmastermix.ru/lessons-html/10-html-colors.html

Green2

Blue4

Purple

Маркера

<UL> — для первого стандартного маркера (маленький черный кружок)

<UL TYPE="CIRCLE"> — для второго маркера (квадратик)

<UL TYPE="SQUARE"> — для третьего маркера (закрашенный квадратик)

При разметке этого текста как списка и выборе второго стандартного маркера будет сгенерирован следующий фрагмент кода HTML:

<UL TYPE="CIRCLE"><FONT FACE="Times New Roman" SIZE=2>

<LI>Первый элемент списка </LI>

<LI>Второй элемент списка </LI>

<LI>Третий элемент списка</LI></UL>

</FONT>

  1. Создайте простую Web-страницу на языке html и отобразите ее в браузере.

<HTML>

<HEAD>

<TITLE>ВПКим.М.А. Шолохова</TITLE>

</HEAD>

<BODY>

Привет! Это моя простая Web-страница на языке HTML !

</BODY>

</HTML>

  1. Создайте простуюWeb-страницу на языке html. Оформите текст на этой странице с использование тегов, не менее 5 строк.

<HTML>

<BODY>

<TITLE>Вопрос</TITLE>

<p align=center style='text-align:center;color:orange' >Вопрос №17</p align=center style='text-align:center;'color:orange>

<p align=center><i style='font-size:18.0pt;color:red'>Создайте текст с использованием HTML тегов (5-6 строк) различного цвета (не более 3-х) и начертания. Отобразите его в окне браузера. </istyle='font-size:18.0pt;color:red>

<p align=center style='text-align:center;' ></p align=center style='text-align:center;'>

<p align=center style='text-align:center;'><i style='font-size:14.0pt;color:green'>СтраницасоздаетсяспомощьютеговвБлокнотеисохраняетсясрасширением HTM</i style='font-size:14.0pt;color:green></p align=center style='text-align:center;'>

</BODY>

</HTML>

  1. Создайте простуюWeb-страницу на языке html. Оформите текст на этой странице с использование тегов оформления текста курсивом, не менее 3 строк.

<html>  <head> <title> Начертания cимволов</title>  </head> <body>  <p><fontface-="TimesNewRoman">Текст бывает <b>полужирным</b> или <i>курсивным</i><br> А может быть одновременно и <b><i>полужирным и курсивным</i></b></р> <р>Бывает <u>подчеркнутым</u> и <strike>nepeчepкнутым</strike>. <Р>или <tt>моноширинным</tt> . <р>Мы можем <big>увеличивать</big> и <small>уменьшать</small> размер символов.</р> </body> </html>

  1. Создайте простуюWeb-страницу на языке html. Оформите текст на этой странице с использование тегов оформления текста жирным шрифтом, не менее 3 строк.

<html>

<head>

<title>Начертания cимволов</title>

</head>

<body>

<p><fontface-="TimesNewRoman">Текст гораздо лудшесмотрится если он выделен <b>полужирным тегом, увеличивается четкость его восприятия, да и в целом </b>

</р>

</body>

<ul type="circle">

</html>

  1. Создайте простуюWeb-страницу на языке html с текстом и заголовком. Задайте цвет фона вашей странички.

<html>

<head>

<title>Начертания cимволов</title>

<p class=MsoNormal align=center style='text-align:center'><b style='mso-bidi-font-weight:

normal'><span style='font-size:20.0pt;color:Blue4'>Начертания cимволов<o:p></o:p></span></b></p></head>

<body>

<p><font face-="Times New Roman"><span style='font-size:20.0pt;color:red'>Текстгораздолудшесмотритсяеслионвыделен<b>полужирнымтегом, увеличиваетсячеткостьеговосприятия, даивцелом</b><o:p></o:p></span></b></p></head>

</р></body>

<body bgcolor="#9400D3"></body>

<ultype="circle">

</html>

  1. Создайте простуюWeb-страницу на языке html с текстом и заголовком. Задайте цвет заголовка и текста.

<html>

<head>

<p class=MsoNormal align=center style='text-align:center'><b style='mso-bidi-font-weight:

normal'><span style='font-size:20.0pt;color:DeepSkyBlue3'>Заголовоксинимцветом<o:p></o:p></span></b></p></head>

<body>

<p><font face-="Times New Roman"><span style='font-size:20.0pt;color:Green2'>ТекстнаписаныйипридуманыйнаэкзаминеПОКС 2013 цветзеленыймаркер 2 <o:p></o:p></span></b></p></head>

</р></body>

<ul type="circle">

</html>

  1. Создайте HTML – документ под названием spisky.html, содержащий простой маркированный список .

<HTML>

<HEAD>

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

</HEAD>

<BODY>

<UL>

<B>Экзамены 4 Б группы:</B>

<LI>РУБД

<LI>ТРПП

<LI>ЭКОНОМИКА ОТРАСЛИ

<LI>ЧИСЛЕННЫЕ МЕТОДЫ

<LI>ПОКС

</UL>

  1. Создайте HTML – документ под названием spisky.html, содержащий простой маркированный список , цвет заголовка отличен от цвета списка.

<HTML>

<HEAD>

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

</HEAD>

<BODY>

<UL>

<span style='font-size:20.0pt;color:DeepSkyBlue3'><B>Экзамены 4 Бгруппы:</B></span>

<LI>РУБД

<LI>ТРПП

<LI>ЭКОНОМИКА ОТРАСЛИ

<LI>ЧИСЛЕННЫЕ МЕТОДЫ

<LI>ПОКС

</UL>

  1. Создайте HTML – документ под названием spisky.html, содержащий простой нумерованный список .

<HTML>

<HEAD>

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

</HEAD>

<BODY>

<OL TYPE="1">

<FONT FACE="Times New Roman" SIZE=4>

<B>Экзамены 4 Б группы:</B>

<LI>РУБД

<LI>ТРПП

<LI>ЭКОНОМИКА ОТРАСЛИ

<LI>ЧИСЛЕННЫЕ МЕТОДЫ

<LI>ПОКС

</OL>

  1. Создайте HTML – документ под названием spisky.html, содержащий двухуровневый маркированный список.

<HTML>

<HEAD>

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

</HEAD>

<BODY>

<UL TYPE="CIRCLE">

<B>Экзамены 4 Б группы:</B>

<LI>РУБД

<LI>ТРПП

<UL TYPE="SQUARE"><FONT FACE="Times New Roman" SIZE=2>

<LI>ЭКОНОМИКА ОТРАСЛИ

<LI>ЧИСЛЕННЫЕ МЕТОДЫ

<LI>ПОКС

</UL>

  1. Создайте Web-страницу на языке HTML с текстом и графическим объектом. Расположите рисунок справа от текста.

<HTML>

<HEAD><TITLE>ПОКС</TITLE>

</HEAD>

<BODY BGCOLOR="YELLOW">

<IMG SRC="имякартинкивпапке" ALIGN=RIGHT></IMG>

<B>Экзамен 4 Б группы</B><br>

Это - пример совместного картинки справа<br> при этом текст обтекает его слева.

<P><br>

Экзамен покс

<P><br>

Следающий Экономика отрасли

</BODY></HTML>

  1. Создайте Web-страницу на языке HTML с таблицей. 3столбца Х 3 строки.

<html>

<head>

<title>html table</title>

</head>

<body>

<table width="300" bgcolor="NavyBlue" border="1"

align="center" cellspacing="5" cellpadding="10">

<caption>Названиетаблицы</caption>

<tr><th>1</th><th>2</th><th>3</th></tr>

<tr><td>11</td><td>12</td><td>13</td></tr>

<tr><td>21</td><td>22</td><td>23</td></tr>

<tr><td>31</td><td>32</td><td>33</td></tr>

</table>

</body>

</html>

  1. Создайте две Web-страницы на языке HTML. На первой странице создайте ссылку на вторую страницу, так чтобы страница открывалась в новом окне

<html>

<body>

<a href="file://localhost/C:/Documents%20and%20Settings/Администратор/Рабочий%20стол/Новая%20папка/Текстовый%

20документ.html" target="_blank">Ссылка открывает новое окно на сайт колледжа</a>

</body>

</html>

  1. Создайте две Web-страницы на языке HTML. На первой странице создайте ссылку на вторую страницу, так чтобы страница открывалась в том же окне. Задайте основной цвет ссылки, цвет ссылки, уже выбиравшейся пользователем и цвет активной (нажатой) ссылки.

<html>

<body>

<a href="file://localhost/C:/Documents%20and%20Settings/Администратор/Рабочий%20стол/Новая%20папка/Текстовый%

20документ.html"_blank">Ссылка открывает новое окно на сайт колледжа</a>

</body>

</html>

  1. Создайте Web-страницу на языке HTML и сделайте перенаправление на сайт колледжа.

Припер1

<html>

<body>

<a href="http://www.google.ru/">Обычнаяссылканасайтgoogle</a><br>

<a href="http://192.168.0.4" target="_blank">Ссылка открывает новое окно на сайт колледжа</a>

</body>

</html>

Пример 2

<html>

<head>

<meta http-equiv=Content-Type content="text/html; charset=windows-1251">

<meta name=Generator content="Microsoft Word 11 (filtered)">

<title>Fghfh</title>

<style>

<!--

/* Font Definitions */

@font-face

{font-family:"MS Mincho";

panose-1:2 2 6 9 4 2 5 8 3 4;}

@font-face

{font-family:"\@MS Mincho";

panose-1:0 0 0 0 0 0 0 0 0 0;}

/* Style Definitions */

p.MsoNormal, li.MsoNormal, div.MsoNormal

{margin:0cm;

margin-bottom:.0001pt;

font-size:12.0pt;

font-family:"Times New Roman";}

a:link, span.MsoHyperlink

{color:blue;

text-decoration:underline;}

a:visited, span.MsoHyperlinkFollowed

{color:purple;

text-decoration:underline;}

@page Section1

{size:595.3pt 841.9pt;

margin:2.0cm 42.5pt 2.0cm 3.0cm;}

div.Section1

{page:Section1;}

-->

</style>

</head>

  1. Создайте макет странички сайта с необходимыми атрибутами.

  2. Создайте макет странички сайта и заполните своими данными.

  3. Проверьте соединение с сервером колледжа с помощью командной строки.

  1. Проверьте функционирование сетевого соединения вашего компьютера.