Атрибут Alt позволяет вставлять текст вместо картинки при невозможности ее просмотреть

2016-09-16

312

Обсуждений (0)

0.00 из 5.00 0 оценок

Лабораторная работа №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) <center><img src=my.jpg></center> -в центре по горизонтали, на новой строке

Атрибут Alt позволяет вставлять текст вместо картинки при невозможности ее просмотреть.

Например:

ЗАДАНИЕ 1:

1. Создайте на своем диске папки S:\Html\Images

2. Занесите в папку IMAGES любой понравившийся вам файл картинки

3. Скопируйте текст в рамке в Блокнот и сохраните как lab4.html в папке Html

<html>

<head>

<title> Мои странички </title>

</head>

<H3>Здравствуйте, это моя вторая страница.</H3>

Добро пожаловать!</center>

<img src =? Alt =?>Я совсем недавно начал знакомиться с виртуальной жизнью, но мне по давней традиции тоже захотелось создать свою домашнюю страничку для моих новых виртуальных друзей и знакомых, чтобы они могли посмотреть мои фотографии, почитать обо мне, черкнуть пару строчек в мою гостевую книгу. А может и просто случайный посетитель вдруг захочет познакомиться со мной, и у меня появится еще один виртуальный друг?

На фотографии изображен(а) я. Качество картинки не очень хорошее, к сожалению, поэтому она не четкая и разглядеть черты моего лица немного проблематично. Но в целом заметно, что я вполне ничего. Если ты так тоже думаешь, то давай как-нибудь встретимcя, поболтаем, чайку попьем в кафешке? Кто знает, может быть мы и в реальной жизни станем друзьями.

</body>

</html>

4. Вместо знаков ? запишите путь к картинке и ее название (см. примеры выше)

5. Снабдите картинку поясняющим текстом, если ее невозможно будет считать.

6. Посмотрите, что у вас получилось.

2016-09-16

312

Обсуждений (0)

0.00 из 5.00 0 оценок

Обсуждение в статье: Атрибут Alt позволяет вставлять текст вместо картинки при невозможности ее просмотреть

Обсуждений еще не было, будьте первым... ↓↓↓