Uploaded html file from notepad but pic won't show

Status
Not open for further replies.

bdistler

Well-Known Member
Prime Account
Messages
3,534
Reaction score
196
Points
63
After I change the name what do I do? In what folder do I upload it?
just change the URL (i.e. remove "/images") - no need to re-upload the image
 
Last edited:

essellar

Community Advocate
Community Support
Messages
3,295
Reaction score
227
Points
63
A big part of what's going on with the validation (not all by any means) is that it's being checked as HTML 4.01 Transitional, which it isn't. (Broadly speaking, it's mostly HTML 3.2, still with a lot of errors. HTML 3.2 wasn't really a standard, it was simply a description of what was being used around the time the document was created.) (BTW, the W3C validator has a lot of problems, and its results should always be taken with a grain of salt. Think of it as a spelling-and-grammar checker in a word processing program: it doesn't always know all of the words you're using, its grasp of real-world grammar is questionable, relying on some rules that aren't really rules, and it doesn't know local dialects (which you can read as "things needed to make the browsers and accessibility tools people actually use happy".))

It's pretty clear that you were using some very old reference materials; the dialect of HTML you're speaking stems from a very awkward period in history we'd rather not speak of anymore. (It's like the plaid polyester leisure suit era of computing. We're sorry. We thought it was the future. We thought we had to do that.) Into that, you've mixed a few bits of a much newer version of the language. That's going to cause some problems, since the browser won't be able to figure out exactly which set of rules to play the game by. For instance, you're using a <font> tag (which was deprecated long ago) to make a heading look like a heading without being semantically marked as a heading (not useful to the visually impaired), but you're also using ARIA attributes (new and not fully supported yet) to tell a screen reader which tone of voice to use on a link. Browsers are amazingly good at making some sort of basic sense out of just about anything you send them, but if you tell them the rules to use, then play by those rules, everything will work much better with many fewer surprises.

That said, there's nothing wrong with using Notepad to make a page (although it's harder than it needs to be), and there's nothing there that can't be fixed fairly easily. But you really need to get some more up-to-date reference material to help you along the way.
 

exampl41

New Member
Messages
14
Reaction score
0
Points
1
It's not working at all now. Can someone please help me? This is my code:file:///C:/Users/Student/Desktop/index.html
 

exampl41

New Member
Messages
14
Reaction score
0
Points
1
A big part of what's going on with the validation (not all by any means) is that it's being checked as HTML 4.01 Transitional, which it isn't. (Broadly speaking, it's mostly HTML 3.2, still with a lot of errors. HTML 3.2 wasn't really a standard, it was simply a description of what was being used around the time the document was created.) (BTW, the W3C validator has a lot of problems, and its results should always be taken with a grain of salt. Think of it as a spelling-and-grammar checker in a word processing program: it doesn't always know all of the words you're using, its grasp of real-world grammar is questionable, relying on some rules that aren't really rules, and it doesn't know local dialects (which you can read as "things needed to make the browsers and accessibility tools people actually use happy".))

It's pretty clear that you were using some very old reference materials; the dialect of HTML you're speaking stems from a very awkward period in history we'd rather not speak of anymore. (It's like the plaid polyester leisure suit era of computing. We're sorry. We thought it was the future. We thought we had to do that.) Into that, you've mixed a few bits of a much newer version of the language. That's going to cause some problems, since the browser won't be able to figure out exactly which set of rules to play the game by. For instance, you're using a <font> tag (which was deprecated long ago) to make a heading look like a heading without being semantically marked as a heading (not useful to the visually impaired), but you're also using ARIA attributes (new and not fully supported yet) to tell a screen reader which tone of voice to use on a link. Browsers are amazingly good at making some sort of basic sense out of just about anything you send them, but if you tell them the rules to use, then play by those rules, everything will work much better with many fewer surprises.

That said, there's nothing wrong with using Notepad to make a page (although it's harder than it needs to be), and there's nothing there that can't be fixed fairly easily. But you really need to get some more up-to-date reference material to help you along the way.

Can you please help me rewrite my code? I just want a simple html code to show my DIG "outdated" teacher lol, as you guys put it so kindly that I can upload a green website. This is going to show everyone I can upload this baby correctly! just like I've done in the past.

My code is file:///C:/Users/Student/Desktop/index.html
 

jensen

Active Member
Messages
1,167
Reaction score
22
Points
38
When the file is "C:\Users\Student\Desktop\index1.html" only you can see it.
Once you've uploaded it to a public folder in the hosting here like "http://examplesite.x10host.com/DIG2100.png", then everyone can see it.

The URL - http://examplesite.x10host.com/DIG2100.png, tells the server where your picture file is. So if the URL is wrong, then the picture won't show up.

For example,
When you were coding on your desktop, you wrote you a href = "C:\Users\Student\Desktop\DIG2100.png" so the picture is on your desktop and when you access your site C:\Users\Student\Desktop\index1.html from your desktop, then you will see the picture.

You are happy and you upload that file "index1.html" to your hosting here at x10host.com under the "public_html" folder.
When you access it the picture does not appear because the file still tells the server to go to "C:\Users\Student\Desktop\DIG2100.png" which does not exist on the server. So it won't show up even when you have uploaded DIG2100.png to the same public_html folder because in that "index1.html" file, it is still asking the server to go fetch the image from your desktop instead of from the public_html folder.

I also learned to code with notepad way back in 1995 :) standards have changed. You need to be clear on your code. Else just use a CMS like WordPress to help you with getting a blog or website up. (that's another thing to learn).

Now it's html5 and CSS3. Don't mix your codes.
 
Status
Not open for further replies.
Top