Наполним нашу страницу картинками (тэг img, border, width, height). |
Автор megabax | ||||
01.08.2009 г. | ||||
Давайте продолжим делать сайт. На нашей страничке чего то не хватает …
Тема сегодняшнего урока: «Наполним нашу страницу картинками» (тэг img, border, width, height).
Давайте продолжим делать сайт. На нашей страничке чего то не хватает … Правильно, картинок! Поэтому изучим тэг <img>. Вот его синтаксис: <img src=адрес и имя картинки>
Пример тэга img
В данном тэге, помимо адреса местоположения картинки (URL) мы задали толщину рамки картинки (точнее, отсутствие самой рамки, так как мы задали нулевую толщину):
border="0"
Ширину
width="317"
и, наконец, высоту:
height="201".
Теперь немного о правилах задания пути в параметре src. Если картинка находиться на другом сайте, то путь нужно задавать полный, с URL адресом, например вот так:
http://www.easyprog.ru/kb1_files/image004.jpg
Совсем другое дело, если картинка находиться на нашей странице. Тогда нужно задать локальный путь, иначе, переместив страницу на другой сайт, мы будем вынуждены исправлять все адреса сайта в тэгах img. Вот таким может быть тэг <img>
А теперь давайте посмотрим пример (Картинку для урока можно скачать здесь):
Если вы скопируете пример в файл html и откроете его, то увидите нечто вроде:
На сегодня я закончу урок, а в следующем выпуске мы посмотрим, как сделать расположение текста и картинок более красиво. |
||||
Последнее обновление ( 14.10.2009 г. ) |