Задачи по html
Составить первый html–документ на тему Internet, который содержит заголовок (любого уровня) два абзаца из трёх строк (как минимум), и рисунок.
Составить второй HTML–документ на тему Первая компьютерная сеть, который содержит заголовок (любого уровня), абзац из трёх строк (как минимум), и ссылку.
Рисунок сделать ссылкой на второй документ, а ссылка во втором документе переходит на первый документ
Отформатировать страницы из задания 2:
Поставить отступы в обоих документах слева и сверху 200 пикселей
После второго абзаца первого документа поставить горизонтальную линию, красным цветом, толщиной в 6 пикселей, 50% от окна, посередине.
Установить параметры для рисунка: высота – 200, ширина – 250, отступы текста – 40, рамка – 6, текст к картинке - первая компьютерная сеть.
Ссылка во втором документе – пятый размер шрифта, зелёным цветом
<html>
<head>
<title>Internet</title>
</head>
<body topmargin=200px leftmargin=200px>
<h1 align="center"> Internet</h1>
<p>Интернет - это.....<p>
WWW - это..............<p>
<hr align="center" color="red" size="6px" width=50%>
<a href="1_1.html"><font face=arial size=5 vlink="green" alink="green" link="green">
<img src="1.jpg" width=250 height=200 alt="Первая комп сеть" vspace=40 hspace=40></a>
</body>
</html>
1_1
<html>
<head>
<title>Ifhhgh</title>
</head>
<body topmargin=200px leftmargin=200px>
<h1 align="center"> Первая комп сеть</h1>
<p>КС - это.....<p>
<a href="1.html"> переходим ка сюда</a>
</body>
</html>
2 Создать html-документ, содержащий фрагмент информации об истории развития языков разметки. Он должен включать два заголовка разного уровня и два абзаца, размером не менее четырех строк, маркированный список, маркеры - окружности.
Используя встроенные листы стилей CSS оформить страницу следующим образом:
фон черного цвета;
заголовки должны быть красного и синего цвета, шрифтом Arial и Times New Roman, выровнены по центру, один должен быть подчеркнут;
цвет шрифта одного абзаца белый, другого желтый. Выровнены абзацы по ширине. Каждый абзац с красной строки. Один из абзацев должен иметь отступ от левой границы окна браузера.
<html>
<head>
<title> Название</title>
</head>
<body style="background:black">
<h1 style="color:red;font-family:Arial;text-decoration:underline;text-align:center"> 1 uroven</h1>
<h2 style="color:blue;font-family:Times New Roman;text-align:center"> 2 uroven</h2>
<p style="color:white;text-align:justify">История развития языков разметки - это ......
<p style="color:yellow;text-align:justify;margin-left:100px">ПОиск - это....<p>
<ul type="circle">
<li><font color="red">Интернет
<li>Связь
<li>Поиск</ul>
</body>
</html>
___________________________________________________
3 Создать html-документ, содержащий фрагмент информации о Web-технологиях. Он должен включать два заголовка второго уровня и два абзаца, размером не менее четырех строк.
Используя внутренние листы стилей оформить страницу следующим образом:
фон синего цвета;
заголовки должны быть красного и зеленого цвета, шрифтом Arial и Times New Roman, выровнены по центру, один должен быть в рамке;
цвет шрифта абзацев белый, выровнены по ширине, с красной строки, увеличенное расстояние между словами.
<html>
<head>
<title> Название</title> </head>
<body style="background:blue">
<h2 style="color:red;font-family:Arial;text-decoration:underline;text-align:center;border-style:solid"> WEB-технолгии</h2>
<h2 style="color:green;font-family:Times New Roman;text-align:center"> 2 uroven</h2>
<p style="color:white;text-align:justify">Кадровая развертка......
<p style="color:white;text-align:justify;margin-left:100px">Ddkjgfdkjhgvjdfbvjd.<p>
</body> </html>
</html>
4
<html>
<head>
<title>Internet</title>
</head>
<body>
<h1 align="center"> Заполните пожалуйста анкету</h1>
<form>
<table>
<tr><td>Введите ваше ФИО:</td><td><input type=text size=40></td>
</tr>
<tr><td>Введите ваше пароль:</td><td><input type=password size=6></td>
</tr>
<tr><td>Ваш род занятий:</td>
<td><select><p>
<option>Информационные технологии</option>
<option>Информационные технологи2</option>
<option>Информационные технологии3</option>
</select>
</td></tr>
<tr><td>Ваш пол:</td><td><input type="radio" name="p1"> Мужской <input type=radio name="p1">Женский</td>></tк>
<tr><td valign=top>Сведения об образовании:</td>
<td><textarea rows=5></textarea></td>
</tr><tr>
<td valign=top> Ваши предпочтения(1 или несколько вариантов):<br>
<td><input type=checkbox>все равно <br><input type=checkbox>работа с клиентами <br><input type=checkbox>работа с документами</td>
</tr>
<tr><td></td><p>
<td><input type=reset value="Очистить форму"><input type=submit value="Отправка данных"></td>
</tr>
</table>
</form>
</body>
</html>