Почему не отображается картинка на моей html странице?
Картинка в папке лежит, что-то не правильно написал?:
<html>
<head>
<title>Образец</title>
</head>
<body> style="background: url(images/0934.jpg)">
</body>
</html>
Еще одна строчка появляется сама по себе:
4 ответа:
Итак, для того чтобы выбранная вами картинка отображалась на созданной вами WEB-странице можно воспользоваться несколькими методами, выбор метода зависит от того каким образом вы хотите отобразить картинку.
Например, для вашей веб-страницы можно задать картинку как фон-заставку через свойство "background", причем это работает для любого компонента формы HTML, у которого это свойство присутствует.
В качестве примера приведу часть кода, где картинка с именем "img.jpg" является фоном всей веб-страницы:
________________<wbr />_______________
<html>
<head>
<title>
</title>
</head>
<body background="img.jpg"<wbr />>
</body>
</html>
________________<wbr />______________
Заранее скажу, что картинка в таком случае должна лежать непосредственно в каталоге с файлом вашей веб страницы.
Структура каталога будет выглядеть так:
С:/MySite/index.html
С:/MySite/img.jpg
Однако, хранить картинки, скрипты, таблицы стилей в одной директории с файлами *.html - является "дурным тоном" разработчика.
Поэтому, лучше всего создать логически упорядоченную структуру файлов по каталогам по признаку их принадлежности к тому или иному расширению, например скрипты, написанные на JavaScript должны находиться в директории:
С:/MySite/js/myscrip<wbr />t.js
Изображения, встраиваемые в веб-страницы должны находиться в директории:
С:/MySite/pic/img.jp<wbr />g
Таблицы стилей CSS должны находиться в директории:
С:/MySite/styles/mys<wbr />tyle.css
С учетом всего материала, изложенного выше можно определить синтаксис подключения любого из вышеперечисленных типов файлов *.js, *.css, *.jpg в виде соответствующей строки:
для скриптов в тело тега <head></head>
<script type="text/javascrip<wbr />t" src="js/myscript.js"<wbr />></script>
для таблиц стилей
для изображений, не обязательно формата *.jpg
<body background="pictures<wbr />/img.jpg"></body>
для таблиц стилей через link в теле тега head.
Свойство "background" так же имеется у тега table для создания фона таблицы.
Так же можно картинку в тело вашей веб - страницы добавить через тег
<img src="pic/img.jpg"></<wbr />img>
Для того, чтобы произвести отрисовку графики своего изображения на вашей веб-странице используют тег "canvas".
Кроме того, изображениям можно придавать функционал кнопок для улучшения визуализации вашего сайта.
Так же изображения можно использовать для создания своих собственных игр и графики в браузере.
Код приведенного ниже примера оставлю здесь.
Вот, простой пример использования фонового изображения страницы, фона таблицы и простого изображения.
Читайте также
Если это статичный код, то конечно можно. Для этого можно просто выкачать всю страничку и выдернуть оттуда все, что необходимо. Ну или использовать возможности браузера. Расскажу на примере Chrome.
- Клацаем правой клавишей на необходимом элементе и в выпадающем меню нажимаем на "просмотр кода элемента".
- Снизу браузера появится html-код страницы. Там выбираем участок кода и нажимаем "Copy as HTML.
Теперь в буфере обмена у Вас хранится код необходимого элемента. При желании можно более углубленно исследовать каждый элемент и выбирать его отдельные части. Перебирая строки в коде, на экране подсвечивается то, что вы выделили. Не буду углубляться, думаю Вы и сами сможете разобраться.
Но добавлю, таким образом вы выдергиваете только html-код, а элементы дизайна содержат еще стили, которые находятся в .css файлах. Посмотрите какие стили использованы и достаньте необходимые из подключенных .css-файлов.