- •Создание простейших html-документов. Работа со шрифтами, формирование абзацев. Создание списков, заголовков. Вставка изображений. Лабораторная работа Задание 1
- •Задание 2
- •Задание 3
- •Задание 4
- •7. Посмотрите, какие теги необходимо использовать для разметки этого задания:
- •Задание 5
- •7. Посмотрите, какие теги необходимо использовать для разметки этого задания:
- •Создание гиперссылки. Управление структурой web-документа через таблицы. Создание формы на странице сайта. Лабораторная работа Задание 1
- •3. Посмотрите, какие теги необходимо использовать для разметки этого задания:
- •Задание 2
- •4. Посмотрите, какие теги необходимо использовать для разметки этого задания:
- •Задание 3
- •4. Посмотрите, какие теги необходимо использовать для разметки этого задания:
- •Задание 4.
7. Посмотрите, какие теги необходимо использовать для разметки этого задания:
<HTML>
<BODY>
<p align="center"> <font size="7" color="Purple" face="Monotype Corsiva"><marquee>Обучение</marquee></font>
<font size="6" color="Purple" face="Impact">работе на компьютере</font>
<hr align="center" color="Maroon" width=50%>
<font size="5" color="Navy" face="Arial">
<ul type="square"><b>Курсы по направлениям:</b>
<font size="4">
<li>Компьютер с нуля (Windows, Office, Internet)
<li>1С 7.7 для главного бухгалтера (заместителя)
<li>Инженерное проектирование (САПР AutoCad)
<li>Трехмерное моделирование (3D MAX)
<li>Создание сайта за 1 день (Joomla)
</ul> </font>
<p align="center"> <font size="4" color="Purple" face="Monotype Corsiva"> <b>Начало занятий по мере комплектования групп
<br>По окончании выдается свидетельство установленного образца
</b></font>
<hr align="center" size=5 color="Navy" width=80%>
<font color="Navy">
<p align="center"><font size="3" color="Purple" face="Tahoma"> Справки по телефонам: <b>(017)310-49-15; (029)664-00-95</b>
<br>круглосуточно без выходных </font>
</BODY>
</HTML>
8. Просмотрите созданный HTML-документ в браузере. Обратите внимание, какой тэг используется для разбивки текста на абзацы и с помощью какого тега можно осуществить принудительный переход текста на новую строку без создания абзаца? Каким тегом задается бегущая строка? Какие теги можно использовать для изменения свойств шрифта?
Задание 5
1. Создайте web-страницу по образцу (рисунок 28) и сохраните ее под именем 5.html.
Рисунок 28 – Web-страница «Hardware»
2. Цвет фона страницы установите желтый.
3. Добавьте горизонтальную линию и расположите ее по центру. Для линии установите длину – 50%, толщину – 5 пикселей.
4. Вставьте на веб-страницу сопроводительный рисунок. Расположите его по правому краю. Задайте следующий размер рисунку: ширина – 200 пикселей, высота – 200 пикселей. Задайте рамку вокруг картинки толщиной 5 пикселей. Рисунок можно взять любой и сохранить в своей рабочей папке под именем, например ris.png
5. Обратите внимание, что информация, расположенная на странице, оформлена в виде списков разных видов (нумерованный, маркированный и список определений).
6. Примените к тексту разное шрифтовое оформление.
7. Посмотрите, какие теги необходимо использовать для разметки этого задания:
<html> <body bgcolor=yellow>
<h2 align="center">Основные устройства компьютера <Font size=3>(Hardware)</Font></h2>
<hr size=5 width=50%>
<i>
<ol type=I>
<IMG src="ris.png" align="right" width="200" heigth="200" border=5>
<li>Процессор
<li>Устройства ввода информации
<ul type="circle">
<li>Клавиатура
<li>Мышь
<li>Сканер
</ul>
<li>Устройства вывода информации
<ul type="circle">
<li>Монитор
<li>Принтер
</ul>
<li>Внутренняя и внешняя память
</ul></i><br>
<dl>
<dt><big>Файл</big>
<dd><small>это информация, которая храниться на диске под специальным именем</small>
<dt><big>Файловая система</big>
<dd><small>система хранения и передачи информации в виде файлов</small>
</dl>
</body> </html>
Примечание: <big>. . .</big> – укрупненный шрифт (увеличение размера шрифта по сравнению с обычным); <small>. . .</small> – уменьшенный шрифт (уменьшение размера шрифта по сравнению с обычным).
8. Просмотрите созданный HTML-документ в браузере. Обратите внимание, какой тег отвечает за вставку изображений на web-страницу? Назовите обязательный атрибут этого тега.