Урок 5. Работа с атрибутами тега img

advertisement
2013-2014 учебный год «7 ключей» РБИУ
Работа с атрибутами тега img
Задание 1. Выровнять картинку по правому краю создаваемой веб-странички.
Для этого в уже существующий тег <img src=" картинка.jpg"> добавить
атрибут align="right", то есть должно получиться
<img src=" картинка.jpg" align="right">
Показать учителю!
Задание 2. Выровнять картинку по левому краю создаваемой веб-странички.
Для этого в уже существующий тег <img src=" картинка.jpg"> добавить
атрибут align="left", то есть должно получиться
<img src=" картинка.jpg" align="left">
Показать учителю!
Задание 3. Изменить ширину картинки.
Для этого в уже существующий тег <img src=" картинка.jpg" align="left">
добавить атрибут width="150",то есть должно получиться
<img src=" картинка.jpg" align="left" width="150">
Показать учителю!
Задание 4. Изменить высоту картинки.
Для этого в уже существующий тег <img src=" картинка.jpg" align="left" width="150">
добавить атрибут height="150", то есть должно получиться
<img src=" картинка.jpg" align="left" width="150" height="150" >
Показать учителю!
Задание 5. Самостоятельно изменить ширину и высоту картинки, изменив
значения атрибутов предыдущих заданий.
Показать учителю!
Задание 6. Создать рамку вокруг картинки.
Для этого в уже существующий тег <img src=" картинка.jpg" align="left" width="100"
height="250" >
добавить атрибут border ="2", то есть должно получиться
<img src=" картинка.jpg" align="left" width="100" height="250" border ="2">
Показать учителю!
Задание 5. Самостоятельно убрать рамку вокруг картинки, изменив значение
атрибута border на «0» предыдущего задания (border="0").
Показать учителю!
Download