Вход
Последние темы
Новости
Дорогие пользователи!!!
С 31.05.2011 будут открыты предыдущие форумы (созданные до данного форума)!
Мы вас убедительно просим зайти на них, и по желанию зарегистрироваться!
Дедушек нашего форума, вы можете найти по адресу:
1. http://shareman.4admins.ru/ (самый старый)
2. http://megalopolis.2ua.in.ua/ (более новый)
Подробно https://megapolis.ace.st/t100-topic#424
Тема для обсуждения: https://megapolis.ace.st/t101-topic#425
С 31.05.2011 будут открыты предыдущие форумы (созданные до данного форума)!
Мы вас убедительно просим зайти на них, и по желанию зарегистрироваться!
Дедушек нашего форума, вы можете найти по адресу:
1. http://shareman.4admins.ru/ (самый старый)
2. http://megalopolis.2ua.in.ua/ (более новый)
Подробно https://megapolis.ace.st/t100-topic#424
Тема для обсуждения: https://megapolis.ace.st/t101-topic#425
Кто сейчас на форуме
Сейчас посетителей на форуме: 1, из них зарегистрированных: 0, скрытых: 0 и гостей: 1 Нет
Больше всего посетителей (68) здесь было Вт Авг 01, 2017 4:02 am
Статистика
Всего зарегистрированных пользователей: 66Последний зарегистрированный пользователь: opoo
Наши пользователи оставили сообщений: 455 в 104 сюжете(ах)
Тест
Виджет
Урок: 4. Вставляем на сайт картинку
Страница 1 из 1
Урок: 4. Вставляем на сайт картинку
Вставляем на сайт картинку
Допустим вы решили вставить на сайт вот такую картинку :
Сначала вам нужно сохранить эту картинку у себя на компьютере. Для этого наведите
курсор мышки на картинку и нажмите правую кнопку мышки. Выберите "Сохранить
рисунок как..." Укажите место для сохранения картинки (Как я рекомендовал
ранее - сделайте отдельную папку site на диске С например и туда сохраняйте
все файлы уроков.)
Сохраните картинку там-же, где находится страничка, которую мы делаем - page.html
Имя файла картинки оставьте тоже самое money-master.jpg
Опять же будеть внимательны! Имя файла не money-master.ipg, не money-master.jpq,
а money-master.jpg
Для вставки на страницу картинки - используется тег . img это он
аглийского слова image...изображение, картинка.В качестве параметра
для этого тега, используется название картинки.Должен же компьютер знать какую
картинку мы хотим вставить
В нашем случае для вставки картинки money-master.jpg вставляем в код страницы,
в то место куда мы хотим вставить картинку, следующий код :
или более грамотно писать вот так
, хотя код выше тоже будет работать.
через параметр src указывается имя файла-картинки.
src от английскогого слова source - ресурс, источник
img src= можно расшировать как изображение источник/название файла =
Таким образом код нашей страницы теберь будет выглядеть вот так
Моя первая интернет страница всего лишь за 5 минут
Сегодня замечательный день.
Я сделал свою
первую интернет страничку.
я
буду богатым и свободным человеком !
теги
вставлены чтобы расположить картинку на несколько строк ниже
текста.
Теперь наша страница будет выглядеть вот ТАК.
Желательно в параметрах картинки указать ее размеры. Для этого используется
параметр width (ширина картинки) и height (высота картинки).
(также будьте внимательны в написании. Не with, не witdh, не heihgt)
Т.е. например вот так :
width="258"
height="146" >
размеры картинки указываются в пикселях.
Если вы хотите, чтобы при наведении мышки на картинку отображался какой-то
текст, то это делается с помощью параметра alt
например вот так :
height="146" alt="Сайт о заработке в интернете"
>
Этот текст также будет виден, если у вас выключено отображение графики в браузере
(для экономии трафика например). Но этот параметр работает не во всех браузерах.
В Internet Explorer работает.
аналог этой команды - параметр title=
внесите изменения в код и посмотрите что получится.
Таким образом код нашей страницы будет такой :
Моя первая интернет страница всего лишь за 5 минут
Сегодня замечательный день.
Я сделал свою
первую интернет страничку.
я
буду богатым и свободным человеком !
height="146" alt="Сайт о заработке в интернете">
Если у вас вместо картинки показывается "крестик",
то значит вы допустили одну из распространенных ошибок:
- сохранили файл не в той же папке, где находится html-файл.
- сохранили файл под другим именем, например не верно указали расширение файла.
Должно быть jpg
- допустили ошибку в параметре, написав например scr= вместо src=
- не верно указали имя файла или расширение после src=
Также перечитайте вот эту
тему на форуме. Там разбираются все возможные ошибки.
Допустим вы решили вставить на сайт вот такую картинку :
Сначала вам нужно сохранить эту картинку у себя на компьютере. Для этого наведите
курсор мышки на картинку и нажмите правую кнопку мышки. Выберите "Сохранить
рисунок как..." Укажите место для сохранения картинки (Как я рекомендовал
ранее - сделайте отдельную папку site на диске С например и туда сохраняйте
все файлы уроков.)
Сохраните картинку там-же, где находится страничка, которую мы делаем - page.html
Имя файла картинки оставьте тоже самое money-master.jpg
Опять же будеть внимательны! Имя файла не money-master.ipg, не money-master.jpq,
а money-master.jpg
Для вставки на страницу картинки - используется тег . img это он
аглийского слова image...изображение, картинка.В качестве параметра
для этого тега, используется название картинки.Должен же компьютер знать какую
картинку мы хотим вставить
В нашем случае для вставки картинки money-master.jpg вставляем в код страницы,
в то место куда мы хотим вставить картинку, следующий код :
или более грамотно писать вот так
, хотя код выше тоже будет работать.
через параметр src указывается имя файла-картинки.
src от английскогого слова source - ресурс, источник
img src= можно расшировать как изображение источник/название файла =
Таким образом код нашей страницы теберь будет выглядеть вот так
Сегодня замечательный день.
Я сделал свою
первую интернет страничку.
я
буду богатым и свободным человеком !
теги
вставлены чтобы расположить картинку на несколько строк ниже
текста.
Теперь наша страница будет выглядеть вот ТАК.
Желательно в параметрах картинки указать ее размеры. Для этого используется
параметр width (ширина картинки) и height (высота картинки).
(также будьте внимательны в написании. Не with, не witdh, не heihgt)
Т.е. например вот так :
width="258"
height="146" >
размеры картинки указываются в пикселях.
Если вы хотите, чтобы при наведении мышки на картинку отображался какой-то
текст, то это делается с помощью параметра alt
например вот так :
height="146" alt="Сайт о заработке в интернете"
>
Этот текст также будет виден, если у вас выключено отображение графики в браузере
(для экономии трафика например). Но этот параметр работает не во всех браузерах.
В Internet Explorer работает.
аналог этой команды - параметр title=
внесите изменения в код и посмотрите что получится.
Таким образом код нашей страницы будет такой :
Сегодня замечательный день.
Я сделал свою
первую интернет страничку.
я
буду богатым и свободным человеком !
height="146" alt="Сайт о заработке в интернете">
Если у вас вместо картинки показывается "крестик",
то значит вы допустили одну из распространенных ошибок:
- сохранили файл не в той же папке, где находится html-файл.
- сохранили файл под другим именем, например не верно указали расширение файла.
Должно быть jpg
- допустили ошибку в параметре, написав например scr= вместо src=
- не верно указали имя файла или расширение после src=
Также перечитайте вот эту
тему на форуме. Там разбираются все возможные ошибки.
Похожие темы
» Урок: 1. Сайт за 5 минут
» Хостинги отдельных чатов (сайт-чат)
» Урок: 2. Раскрашиваем страницу
» Регистрация Видео урок
» Урок: 3. Выравнивание материала сайта по центру
» Хостинги отдельных чатов (сайт-чат)
» Урок: 2. Раскрашиваем страницу
» Регистрация Видео урок
» Урок: 3. Выравнивание материала сайта по центру
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
|
|
Пт Окт 10, 2014 1:17 pm автор Ad-18
» Антишарлатан
Пт Дек 21, 2012 11:16 am автор Алинка
» Считаем до миллиона
Пт Дек 14, 2012 12:03 am автор niksable
» Фатима Евглевская помогает
Вт Июл 17, 2012 8:47 am автор veroni4ka5
» GTA - Grand Theft Auto
Ср Июл 11, 2012 12:34 pm автор Hemkos
» Реальная помощь
Пт Фев 10, 2012 10:14 am автор 12311
» Танки Онлайн
Вт Янв 10, 2012 5:32 pm автор Kijgo
» урод бездушный
Пт Ноя 11, 2011 9:50 am автор RockLexa
» обсуждение windows 8
Ср Ноя 02, 2011 2:51 pm автор Роман