Задание 4. Создайте HTML-документ по образцу:
Задание 5. Создайте HTML-документ по образцу:
Задание 6. Создайте HTML-документ по образцу:
Задание 7. Создайте HTML-документ по образцу:
Задание 8. Создайте HTML-документ по образцу:
Использование графики в HTML-документах
Задание 1. Наберите с помощью программы «Блокнот» следующий программный код. Сохраните его и просмотрите результат в браузере.
<HTML>
<HEAD> <TITLE> Графика </TITLE> </HEAD>
<BODY>
<H1 ALIGN=CENTER> Горизонтальная линия </H1>
<HR ALIGN=LEFT SIZE=50 WIDTH=50 COLOR=red>
<HR SIZE=100 WIDTH=2 COLOR=green>
<HR ALIGN=RIGHT SIZE=40 WIDTH=120 COLOR=black>
<HR ALIGN=CENTER SIZE=2 WIDTH=100 COLOR=blue>
</BODY>
</HTML>
Задание 2. Наберите с помощью программы «Блокнот» следующий программный код. Сохраните его и просмотрите результат в браузере.
<HTML>
<HEAD> <TITLE> Графика </TITLE> </HEAD>
<BODY>
<H1 ALIGN=CENTER> Рисунки в HTML-документах </H1>
<IMG SRC="picture.jpg»» ALT=«Это рисунок»
HEIGHT=200 WIDTH=150 ALIGN=RIGHT BORDER=4>
</BODY>
</HTML>
Задание 3. Напишите HTML-код для отображения квадрата размером 100х100 красного цвета, расположив его по левому краю.
Задание 4. Напишите HTML-код для отображения синей вертикальной линии толщиной в 5 пикселей и высотой в 200 пикселей, расположив ее по центру.
Задание 5. Создайте HTML-документ по образцу:
Задание 6. Создайте HTML-документ по образцу:
Задание 7. Создайте HTML-документ по образцу:
Примечание: в качестве фона используйте рисунок.
Задание 8. Создайте HTML-документ по образцу:
Примечание. Изображение ангела должно двигаться по горизонтали. Изображение Земли – по вертикали.
Задание 9.. Необходимо реализовать интерактивное изображение персонального компьютера. При наведении курсора мыши на любое устройство, изображенное на рисунке, должно появляться название устройства.
Задание 10. Создайте HTML-документ по образцу:
Вы ознакомились с фрагментом книги.
Приобретайте полный текст книги у нашего партнера: