Unable to diplay the image which is embeded in this html page
<!DOCTYPE html>
<html lang="en-US">
<head>
<title style> Adding Hyperlink to Example3</title>
<style>
body {background-color:lightyellow}
h1 {color:blue;}
p.error {
color: blue;
}
</style>
</head>
<body>
<h1 > Example3</h1>
<a href="http://www.google.com" target="_blank"><img src="C:\Users\DADA\Desktop\HOD.JPG" alt="Image" width="104" height="142"> </a>
<h2 style="font-family:verdana">This is Heading</h1>
<hr>
<h3 style="font-family:courier">This is Heading</h3>
<hr>
<h4 style="text-align:right">This is Heading</h4>
<hr>
<h5 style="font-size:100%">This is Heading</h5>
<hr>
<h6 style="font-size:100%">This is Heading</h6>
<p>This paragraph
<mark style="color:blue">contains a lot of lines</mark>
<q>in the source code,
but the browser
ignores it.</q>
</p>
<p>Hello! This is another paragraph</p>
<p class="error">This is different buddy!!!</p>
</body>
</html>Modified by cor-el
Chosen solution
Did you open the image in a Firefox tab to get the correct "file:" URL?
- file:///C:/Users/DADA/Desktop/HOD.JPG
All Replies (9)
That is not the way to specify the location of a local file. You can open the file in a Firefox tab to see the correct URL.
See also:
MadhujitB said
<!DOCTYPE html>
<html lang="en-US">
<head>
<title style> Adding Hyperlink to Example3</title>
<style>
body {background-color:lightyellow}
h1 {color:blue;}
p.error {
color: blue;
}
</style>
</head>
<body>
<h1 > Example3</h1>
<a href="http://www.google.com" target="_blank"><img src="C:\Users\DADA\Desktop\HOD.JPG" alt="Image" width="104" height="142"> </a>
<h2 style="font-family:verdana">This is Heading</h1>
<hr>
<h3 style="font-family:courier">This is Heading</h3>
<hr>
<h4 style="text-align:right">This is Heading</h4>
<hr>
<h5 style="font-size:100%">This is Heading</h5>
<hr>
<h6 style="font-size:100%">This is Heading</h6>
<p>This paragraph
<mark style="color:blue">contains a lot of lines</mark>
<q>in the source code,
but the browser
ignores it.</q>
</p>
<p>Hello! This is another paragraph</p>
<p class="error">This is different buddy!!!</p>
</body>
</html>
Thanks for your suggestion but the Problem Still Exists!!!
Only change is that, this time I am able to see image boundary while reloading the page. The image boundary is getting displayed for few seconds but after that the same earlier thing no image and no image boundary. I am able to display it in Chrome and IE with the same code, so I am not able to understand why it is not displaying in Firefox. Please help.
Chosen Solution
Did you open the image in a Firefox tab to get the correct "file:" URL?
- file:///C:/Users/DADA/Desktop/HOD.JPG
cor-el said
Did you open the image in a Firefox tab to get the correct "file:" URL?
- file:///C:/Users/DADA/Desktop/HOD.JPG
I used this link But can you please tell me that why in IE and Chrome it was getting displayed with the code
I used this link But can you please tell me that why in IE and Chrome it was getting displayed with the code
I used this link <img src="file:///C:/Users/DADA/Desktop/HOD.jpg" in my HTML code and image is getting displayed in Firefox. Thank You for helping me with the code.
But can you please tell me that why in IE and Chrome it was getting displayed with the code <img src="C:\Users\DADA\Desktop\HOD.JPG" but not in Firefox?
Modified by cor-el
How to eliminate an website from a new tab? Because whenever I click new tab in Firefox it opens with a website on it. I have tried uninstall and install process of the Firefox but still the problem hasn't been solved. What else I have to do to make the new tab blank again or set my choice of site. Can you tell me please?
Regarding what IE and Chrome do with Windows paths: apparently they don't mind backslashes. Firefox has never treated those as valid in a link.
Regarding the "new tab" page, here's how you can change what appears:
(1) In a new tab, type or paste about:config in the address bar and press Enter. Click the button promising to be careful.
(2) In the search box above the list, type or paste newtab and pause while the list is filtered
(3) Double-click the browser.newtab.url preference and enter your preferred page:
- Page thumbnails (default) => about:newtab
- Blank tab => about:blank
- Built-in Firefox home page => about:home
- Any other page => full URL to the page
Press Ctrl+t to open a new tab and verify that it worked. Fixed?
If problems persist, some potential diagnoses and remedies:
If Firefox won't let you edit this setting: you may have something called SearchProtect on your system. This needs to be removed from the Windows Control Panel.
If Firefox lets you save your change but ignores it: one of your extensions may be overriding it. You can review, disable, and/or remove extensions on the add-ons page. Either:
- Ctrl+Shift+a
- "3-bar" menu button (or Tools menu) > Add-ons
In the left column, click Extensions. Then cast a critical eye over the list on the right and disable (or remove) anything unknown.
If the change works during your session, but at the next startup is back to the unwanted page: you might have a user.js file in your personal Firefox settings folder (your Firefox profile folder). This article describes how to track down and remove the file: How to fix preferences that won't save.
Any luck?
Firefox sees a link that starts with C: as an attempt to use the 'C' protocol. There might have been an error message about this in the browser/web console.