Основы html
Автор: Victor888 • Февраль 26, 2022 • Контрольная работа • 4,893 Слов (20 Страниц) • 194 Просмотры
МИНИСТЕРСТВО ЦИФРОВОГО РАЗВИТИЯ, СВЯЗИ И МАССОВЫХ КОММУНИКАЦИЙ РФ
Федеральное государственное образовательное бюджетное учреждение высшего профессионального образования
«Санкт – Петербургский государственный университет телекоммуникаций
им. проф. М.А. Бонч-Бруевича»
Санкт-Петербургский колледж телекоммуникаций им. Э.Т. Кренкеля
КОНТРОЛЬНАЯ РАБОТА
По МДК 03.01 ПМ 01 ВЕБ программирование
Тема: HTML
Санкт-Петербуг 2022
Задание №1.Структура документа HTML. Основные теги.
Выполнить задания: 1. Отделите каждое задание сплошной линией. 2. Разбейте заголовок на две строки (заголовок 1 уровня и заголовок 2 уровня разного цвета) 3. Измените размер и ширину линии. 4. Разбейте приведенный ниже афоризм по словам (каждое слово отдельно в каждой строке). 5.
6. Ничто так прочно не запоминают ученики, как ошибки своих учителей. 7.
8. Измените фон страницы 9. Измените размер шрифта у данной строки (любой). 10. Создайте в папке новый WEB-документ. 11. Оформите новый документ в том же стилевом решении, что и первую страницу 12. Создайте на первой странице гиперссылку к созданному документу (вторая страница). 13. На второй странице создайте ссылку для перехода на первую страницу 14. Измените цвет пройденной и активной ссылки. 15. Вставьте любое изображение с выравниванием по правому краю. Задайте размер не более 100px по ширине.
Содержимое файла index.html:
<head>
<title>основы HTML</h1></title>
</head>
<body BGcolor="#92EAEB" LINK="#1733EB" VLINK="#C823F5">
<hr width="60%" size="3">
<h1 ALIGN="center" font="18">ПРАКТИЧЕСКАЯ РАБОТА №1 </h1>
<h2 style="color:red" ALIGN="center" font="12">основы языка разметки HTML</h2>
<hr size="3">
Выполните задания:
<p>
<hr >
1 Отделите каждое задание сплошной линией.
<hr >
2 Разбейте заголовок на две строки (заголовок 1 уровня и заголовок 2 уровня разного цвета)
<hr >
3 Измените размер и ширину линии.
<hr >
4 Разбейте приведенный ниже афоризм по словам (каждое слово отдельно в каждой строке).
<hr >
<p>
Ничто<br> так<br> прочно<br> не<br> запоминают<br> ученики,<br> как<br> ошибки<br> своих<br> учителей.
<p>
<hr >
5 Измените фон страницы
<hr >
<font size="11">6 Измените размер шрифта у данной строки (любой).</font>
<hr >
7 Создайте в папке новый WEB-документ.
<hr >
8 Создайте в на этой странице гиперссылку к созданному документу.
<a href="new.html"> Переход на вторую страницу</a>
<hr >
9 Измените цвет пройденной и активной ссылки.
<hr >
10 Вставьте изображение butterfly.gif с выравниванием по правому краю
<hr >
<br>
<img src="butterfly.gif" ALIGN="right">
</body>
</html>
Результат:
[pic 1]
[pic 2]
Задание №2. HTML Таблицы.
Создать таблицы по образцу.
Содержимое файла table1.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Таблица 1</title>
</head>
<body>
<table border="1" cellspacing="0" Align="center">
...