Member Avatar for HLA91

Hi
I have some pictures i want to place on my website their on my hard drive.Is there a code to place it on the web page?
I've got a HTML book but it doesnt tell me how to it just tells you the basics.
I use notepad to write the scripts if thats useful.

Thanks

HLA91

  • 3 Contributors
  • 3 Replies
  • 137 Views
  • 9 Hours Discussion Span
  • Latest Post Latest Post by stymiee

Dani AI

Generated

As described, the pictures stored on a local hard drive will not be visible to the public until they are served by the website’s host. Building on the points from and : the browser needs an HTTP(S) URL that the server can deliver, and the HTML image element is the client-side mechanism that displays that file. Local testing with Notepad and file:// paths will show images only on the same machine; for a live site the files must be uploaded (via FTP, the host’s file manager, or through a CMS).

Troubleshooting checklist (common causes when an uploaded image does not appear):

  • Confirm the file was uploaded to the intended folder and that the filename matches exactly (Linux servers are case-sensitive).
  • Try opening the image’s direct URL in a browser to see whether the server returns the file or a 404/permission error.
  • Check file permissions so the webserver can read the image (typical Unix/Apache setups use world-readable permissions).
  • Look in the browser DevTools Network/Console panels for 404, blocked mixed-content, or CORS messages.
  • Avoid spaces and unusual characters in filenames; clear the browser cache after changes.

Practical tips and best practices:

  • Use web-friendly formats and optimize images for file size to improve load speed; consider modern formats like WebP where supported.
  • Keep images organized in a dedicated folder and follow a consistent naming scheme.
  • Include descriptive alt text for accessibility and SEO, and use responsive techniques later if images need to scale across devices.

Further reading: MDN’s reference on the HTML image element and the DevTools Network monitor are useful for diagnosis and correct usage: MDN: img element and MDN: Network Monitor.

Note: ’s earlier accidental paste can be ignored — focus on uploading the files and verifying the server serves them before referencing them in the page.

Recommended Answers

All 3 Replies

Member Avatar for stymiee

You want to use the IMG tag:

Do you know how to FTP? If not, you'll have to learn that first as that is how you will get the pages to your server.

Member Avatar for katarey

Hi there,

First I agree with stymiee,

Well as your post shows that you have web site already, and I am sure if you have website hosted somewhere you must have the FTP details, so first use that and connect (*use you ftp add) and upload the images that you want to place on your web site. Then you can use the img tag to place the images on html/asp/php pages

<img src="Location of you Image" alt="alternate text" border="0" /> 
<img src="/images/image.jpg" alt="My Image" border="0" />

I hope this will helpful for you.:)

Best regards,
Rahul Dev

commented: had time for newbies i respect that +1
Member Avatar for stymiee

Man, I pasted wrong stuff. Sorry dude. Use the HTML above.

Man, I feel like an ass....

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.