Поделиться
Практическая работа «Рисунок ссылки».docx
Практическая работа «Рисунок ссылки»
Тип урока – Совершенствования знаний, умений и навыков
Вид урока – учебный практикум
Ресурсы: компьютеры, Visual Studio Code.
Требование:
· Каждый ученик должен сделать 4 страницы. (3 страницы-районы 1 страница-главная)
· Создать свою папку на рабочем столе
· Название страницы должно соответствовать его заданию
Напоминание:
· Текст страницы записывается после тега <body>
· Выравнивание осуществляется с помощью тега
<p align=”……”> Текст,
который выравнивается</p>
· Переход на новую строку <br>
· Цвет текста
<font color=" ">Текст</font>
 |
|||
 |
· Цвет фона
<body bgcolor=" ">
|
|||
|
|||
· Заголовки
<h1> Первый заголовок </h1>
<h2> Второй заголовок </h2>
<h3> Третий заголовок </h3>
· Стиль текста
· Вставка изображения
<img src="foto.jpg"> foto.jpg-название файла с изображением
· Вставка изображения с размерами
<img src="foto.jpg"
width="180" height="240">
height -
Высота изображения.
width -Ширина изображения
· Выравнивание изображения
·
·
· Пример таблицы:
|
<html> <head> <title>Иван</title> </head> <body> <table border="10" width="300" height="300"> <tr> <td> 1 </td></p> <td> 2 </td> <td> 3 </td> </tr> <tr> <td>4 </td>
<td>5 </td> <td>6 </td> </tr> <tr> <td>7 </td> <td>8 </td> <td>9 </td> </tr> </table> </body> </HTML>
|
|
· Ссылка
<a href= “путь к файлу”> Название ссылки </a>
· Ссылка картинкой
<a href="путь к файлу"><img src="путь к изображению"></a>
Практическое задание
· Создать 4 страницы(3 страницы-районы Новосибирска, 1 страница-Главная)
· Главная страница:
· Заголовки: выравнивание по центру
· 3 любых района Новосибирска
· Ссылки в виде изображения
· Размер изображений:500 на 300
· Изображения и заголовки: выравнивание по центру
· Цвет фона: отличный от белого
· Цвет текста: отличный от черного
· Районы:
· Заголовки: выравнивание по центру
· Текстовая ссылка на главную страницу
· Размер изображений:600 на 290
· Изображение и заголовки: выравнивание по центру
· Цвет фона: отличный от белого
· Цвет текста: отличный от черного
Пример
Скачано с www.znanio.ru
Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.
