Обрамление графического изображения.
Лабораторная работа №4 по HTML
Тема: Работа с графическим изображением.
Вставка графического изображения
Тег < IMG SRC =”?”> - вместо знака ? запишите название и путь к графическому файлу
Примечание:
Для вашего удобства кладите картинку в ту же директорию, что и документ- HTML, тогда путаницы будет меньше.
Названия каталогов (папок) недолжно включать пробелов!
Например:
1) <img src="my.jpg"> - картинка лежит в том же каталоге (директории, папке), в которой лежит и наш HTML - документ. Вместо my.jpg мы можем подставить имя любой картинки с расширением .gif, .jpeg и .png.
3) <img src="my/my.jpg"> - картинка лежит в поддиректории MY
4) <img src="../my.jpg"> - картинка лежит на уровень выше, а документ - HTML находится в поддиректории
5) <img src="http://www.homepage.ru/my/my.jpg"> - картинка лежит на другом сайте
2) < p >< br >< center ><img src="my.jpg"></ center > -в центре по горизонтали, на новой строке
Атрибут Alt позволяет вставлять текст вместо картинки при невозможности ее просмотреть.
Например:
<img src =”images/ежик.jpg” Alt =”Здесь изображен ежик обыкновенный”>
ЗАДАНИЕ 1:
1. Создайте на своем диске папки S:\Html\Images
2. Занесите в папку IMAGES любой понравившийся вам файл картинки
3. Скопируйте текст в рамке в Блокнот и сохраните как lab4.html в папке Html
<html>
<head>
<title> Мои странички </title>
</head>
<body text=green bgcolor=#aaaaaa>
<center>
|
|
<H3>Здравствуйте, это моя вторая страница.</H3>
<br>
<font color=#CC0000> Добро пожаловать!</font></center>
<p align=justify>
<img src =”? ” Alt =” ? ”>Я совсем недавно начал знакомиться с виртуальной жизнью, но мне по давней традиции тоже захотелось создать свою домашнюю страничку для моих новых виртуальных друзей и знакомых, чтобы они могли посмотреть мои фотографии, почитать обо мне, черкнуть пару строчек в мою гостевую книгу. <br><br> А может и просто случайный посетитель вдруг захочет познакомиться со мной, и у меня появится <b> еще один виртуальный друг? </b>
<br><br> На фотографии изображен(а) я. Качество картинки не очень хорошее, к сожалению, поэтому она не четкая и разглядеть черты моего лица немного проблематично. Но в целом заметно, что я вполне ничего. <br><br> Если ты так тоже думаешь, то давай как-нибудь встретимcя, поболтаем, чайку попьем в кафешке? Кто знает, может быть мы и в реальной жизни станем друзьями.
</p>
</body>
</html>
4. Вместо знаков ? запишите путь к картинке и ее название (см. примеры выше)
5. Снабдите картинку поясняющим текстом, если ее невозможно будет считать.
6. Посмотрите, что у вас получилось.
Обрамление графического изображения.
|
|
Атрибут BORDER =?в теле тега< img > задает рамку вокруг изображения с толщиной, выраженной в пикселах (точках). Вместо знака вопроса задается значение толщины. Чтобы убрать рамку, необходимо задать толщину равной 0.
ЗАДАНИЕ 2:
Добавьте рамку вокруг вашего изображения произвольной толщины.
Дата добавления: 2022-06-11; просмотров: 20; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!