INDEX
Putting pictures on your pages
This page answers the most frequently asked questions I get about HTML and creating Web sites. I regret that, due to time constraints, I can no longer answer individual questions by email.
- How do I upload files to my site?
- There are several different ways to get files or graphics onto a Web server so that they can be accessed through the Internet. It depends on how your Web hosting provider has set up their system, and free home page services like Geocities and Angelfire may have different procedures than full-fledged Internet Service Providers like AOL or Netcom. All I can suggest is that you contact your service provider, or look for more detailed information in their online help files.
- Where can I find more detailed information?
- My Bare Bones Guide to HTML is designed to be a concise cheat sheat, not a step-by-step tutorial. The HTML guides section of my WWW Help Page links to several more detailed resources. The World Wide Web Consortium maintains the official HTML specification, and has many useful resources on its site.
- How do I put pictures on my page?
- You first need to create the image in a graphics program. The standard format for Web page graphics is GIF, although JPEG is also supported by the major browsers today. The next step is to put the graphic onto your Web server. How you do this depends on your Web hosting provider, but it will usually be the same way you upload your Web pages to the server. To display the graphic on your page, use the tag <img src="filename.gif">. Replace "filename.gif" with the name and path to your image file. If the file is in the same directory as the Web page, you just need the name of the file; if it is somewhere else you need to use the directory or full URL of the file.
- How do I put sounds on my page?
- There are several ways to add sound files to your page that play automatically when the page is loaded. The makers of Crescendo, a plugin for playing MIDI sound files, have a useful page explaining various options and how to implement them.
- Is there a site that shows which tags work on which browsers?
- There have been several attempts to do this, but I'm not aware of any really good source of comparisons between the browsers. The trouble is that there are many different versions of each browser, and many different tags. All current browsers should support the tags in the official HTML 3.2 specification, but the major ones also support nonstandard tags and sometimes have slightly different implementations. One place that has fairly good compatibility info is Browsercaps.
- My page looks good on one browser, but not on another.
- There are slight differences between browsers, such as Netscape Navigator and Microsoft Internet Explorer, in areas such as page margins. The only real answer is to use standard HTML tags whenever possible, and view your pages in multiple browsers to see how they look.
- How do I specify page breaks in HTML?
- There is no way in standard HTML to specify where page breaks will occur when printing a page. HTML was designed to be a device-independent structural definition language, and page breaks depend on things like the fonts and paper size that the person viewing the page is using.
- The colors on my page look different when viewed on a Mac and a PC.
- The Mac and the PC use slighly different color palettes. There is a 216 "browser safe" color palette that both platforms support; the Microsoft color picker page has some good information and links to other resources about this. In addition, the two platforms use different gamma (brightness) values, so a graphic that looks fine on the Mac may look too dark on the PC. The only way to address this problem is to tweak the brightness of your image so that it looks acceptable on both platforms.
- How do you create tabs or indents in Web pages?
- There was a
tag proposed for HTML 3.0, but it was never adopted by any major browser and the draft specification has now expired. You can simulate a tab or indent in various ways, including using a transparent GIF, but none are quite as satisfactory or widely supported as an official tag would be.
Copyright © 1997 by Kevin Werbach. Last updated July 20, 1997.