Практическая работа «Текстовые ссылки»
Тип урока – Совершенствования знаний, умений и навыков
Вид урока – учебный практикум
Ресурсы: компьютеры, Visual Studio Code.
Требование:
· Каждый ученик должен сделать 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>
Практическое задание
Задание. Сделать личную страницу.
Требование:
· Цвет фона: отличный от белого
· Цвет текста: отличный от черного
· Заголовки: выравнивание по центру
· Текст: выравнивание по левому краю
· Изображение : выравнивание по центру
· Размер изображения:300*300
· Ссылки:
· 1 ссылка на изображение (скачать в интернете и сохранить в 1 папке с кодом страницы)
· 2 ссылка на видео
· 3 ссылка на сайт
Пример
Главная страница
Скачано с www.znanio.ru
Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.