вставки HTML изображения в сНу тег не работает в среде NetBeans

<html> 
<head> 
    <title>mohit</title> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <style> 
     body{margin: 0} 
     #mohit1{ 
      width: 100%; 
      height: 211.5px; 
      background: orange; 
     } 
     #mohit2{ 

      width: 100%; 
      height:211.5px; 
      background: white 

     } 
     #mohit3{ 
      width: 100%; 
      height: 211.5px; 
      background: green; 
     } 
    </style>  
</head> 

<body> 

    <div id="mohit1"></div> 
    <div id="mohit2"> <center> <img src="C:/Users/WELCOME/Desktop/flag.png" width="210" height="210" alt="chakra" /> </center> </div> 
    <div id="mohit3"></div> 

</body>

Когда я запускаю эту страницу в NetBeans он просто показывает кадр изображения с определенной ширины и длины, а не реальное изображение. Но если я бегу с помощью блокнота, он работает нормально.

источник

2017-02-03 jack reacher

Можете ли вы сделать это jsfiddle? –

В вашем HTML у вас есть источник абсолютного изображения, который будет работать нормально, если вы просто загрузите HTML-файл в браузер, потому что он знает, что нужно посмотреть в своей собственной файловой системе. При использовании Netbeans я считаю, что он устанавливает локальный веб-сервер, и браузер пытается получить файл с localhost/C:/Users/WELCOME/Desktop/flag.png

и веб-сервер не знает, что делать, и будет пустой ответ. Способ исправить это было бы поместить файл изображения в относительной папке, например: C:/path/to/project/img/flag.png

и изменив атрибут Src для img/flag.png

Надеется, что это помогает

источник

2017-02-03 11:50:48

Потому что, вы используете абсолютный путь изображения. Используйте относительный путь к изображению на странице HTML. Для достижения этой цели создать одну папку с именем images под Web Pages каталога, как показано ниже,

и вставить изображение внутри этой папки. В вашем HTML файл использовать как этот

<body> 
    <div id="mohit1"></div> 
    <div id="mohit2"> 
     <center> 
      <img src="images/ashoka_chakra.png" width="210" height="210" title="chakra" /> 
     </center> 
    </div> 
    <div id="mohit3"></div> 
</body>

Если у вас есть путаница с вашим относительным путем, поместите указатель внутри src="" и нажмите Ctrl + Space вы получите автоматическое завершение, как показано ниже в Netbeans

Вот окончательный выход

источник

2017-02-04 17:47:21 Shashanth

Я сделал то же самое, что и у, но вместо фактического изображения я просто создал имя, которое я положил под меткой alt. –

Может быть, ваш относительный путь к изображению неверен. Как я сказал в своем ответе, используйте контрольное пространство, чтобы получить правильный путь. Если вы используете отдельную папку для «HTML» страниц, то относительный путь может быть «../ images/ashoka_chakra.png». Не забудьте создать папку 'images' в разделе« Веб-страницы ». – Shashanth

Я использовал контрольное пространство для ввода пути, но все тот же вопрос. Моя папка с изображениями также находится под веб-страницами –

вставки HTML изображения в сНу тег не работает в среде NetBeans

ответ

Смежные вопросы