Практическая работа: Создание веб - страницы «Мир животных»
1.
Создайте папку со своей фамилией на
рабочем столе, скопируйте в нее картинки «рысь» и «волк» из папки Материалы»,
все следующие HTML-файлы сохраните в своей папке.
2.Откройте
приложение Блокнот, создайте HTML-файл:
<html>
<head>
<title> Мир животных</title>
</head>
<body bgcolor=yellow>
<h1> <font size=7 color=blue> Царство животных </font></h1>
<TABLE border=5>
<TR><TD> <font color=green> позвоночные </font>
<TD>
тип рыбы
<TD> тип земноводные
<TD> тип пресмыкающиеся
<TR><TD> беспозвоночные
<TD> тип губки
<TD> тип черви
<TD> тип моллюски
</TABLE>
<h3> Млекопитающие </h3>
<b>Существует около 4500 видов
млекопитающих.</b>
<ol>
Характерные признаки:
<li>
теплокровные
<li>
вскармливают детенышей молоком
<li>
дышат воздухом через легкие
</ol>
<i>Рассмотрим более подробно следующих
млекопитающих:</i>
рысь, <a href="2.html"> волк</a>.
<h4> Рысь </h4> Млекопитающее семейства
кошек.
<ul>
<u>Характерные
признаки:</u>
<li>длина
тела до 109 см.
<li>обитает
в лесах Евразии и Сев. Америке.</ul>
<P align="center"><img src="рысь.jpg"> </p>
</body> </html>
2. Сохраните документ:
выберите свою папку на рабочем столе, найдите команду файл = сохранить как… f1.html Посмотрите,
как выглядит HTML-файл в браузере.
3.
Создайте следующий HTML-файл:
<html>
<head>
<title>
Волк </title>
</head>
<body>
<h4> Волк</h4> Хищное млекопитающее
семейства псовых.
<ul>
Характерные признаки:
<li>длина
тела до 1 – 1,5 м.
<li>обитает
в Евразии и Сев. Америке.</ul>
<P align="center"><img src="волк.jpg"> </p>
</body> </html>
4. Сохраните документ: выберите свою папку
на рабочем столе, найдите команду файл =
сохранить как… 2.html Посмотрите, как выглядит HTML-файл в браузере.
Самостоятельная работа
1) в
документе «Волк» создайте фон окна
по желанию, «Характерные признаки» выделите нумерованным списком, используя необходимые теги.
2)
Выделите любые 3 слова жирным, курсивом
и подчеркнутым шрифтами.
3) в
документе «Мир животных» выделите слово «беспозвоночные» зеленым цветом.
4) в
ТАБЛИЦЕ в строке ПОЗВОНОЧНЫЕ создайте 2 ячейки: тип птицы, тип млекопитающие.
5) в
ТАБЛИЦЕ в строке БЕСПОЗВОНОЧНЫЕ создайте 2 ячейки: тип иглокожие, тип членистоногие.
Тест.
1.
Язык HTML - это …
- a) Текстовый файл, имеющий расширение .html;
- b) Язык разметки гипертекста;
- c) Инструкция браузеру, указывающая способ отображения гипертекста.
2. Какое расширение имеет HTML – файл?
- a) .jpg
- b) .doc
- c) .html
3. Тег – это …
- a) Инструкция браузеру, указывающая способ отображения гипертекста;
- b) Текстовый файл, имеющий расширение .html;
- c) Язык разметки гипертекста.
4. Выделите лишний структурный тег:
- a) <html> </html>
- b) <table> </table>
- c) <body> </body>
- d) <head> </head>
5. Выделите лишний тег
форматирования символов:
- a) <b> </b>
- b) <pre> </pre>
- c) <i> </i>
6. Какое действие выполняет следующий тег
<h1> </h1>?
- a) Создает перевод строки;
- b) Создает новый «параграф»;
- c) Создает самый большой заголовок
7. Найдите лишний тег оформления списков данных.
- a) <u> </u>
- b) <ul> </ul>
- c) <ol> </ol>
8. Найдите лишний тег
для создания таблицы.
- a) <table> </table>
- b) <tr> </tr>
- c) <td> </td>
- d) <i> </i>
9. Какой тег используется для вставки в веб-страницу гиперссылки?
- a) <b> </b>
- b) <u> </u>
- c) <a> </a>
10. Какой тег
описывает графический файл на веб-странице?
- a) <img src=«имя файла»>
- b) <head> </head>
- c) <table> </table>
Домашнее задание
Создайте
HTML-файл
«Расписание уроков».
Содержание
HTML-файла:
1.Пронумерованный список «Расписание уроков на Пн.» (6 уроков
по желанию).
2.Таблица:
«Успеваемость в школе»:vстроки
– (математика, физика, русский язык)vстолбцы
– (1, 2, 3, 4 четверти)
3.Добавить
картинку
4.HTML-файл
прислать по адресу:
reutskayae@mail.ru
Например:
Леночка! Добрый день! Хорошо получилось!
ОтветитьУдалитьДобрый день.Спасибо, Оксана!
Удалить