HELP!! Where Can I get HTML Code for a photo?

Question

Where on the www can I upload a photo and get the html code back for it without having to host the pic somewhere? Help!!!! Thanks!!!!

Answer 1

www.photobucket.com it's free and really awesome

Answer 2

Here is the short and sweet answer:
http://briefcase.yahoo.com
This lets you create folders for organizing your files. You can upload any kind of file. The only caviat is that files can only be viewed when you are logged into Yahoo. A site that allows you to upload images, and create a public personal website for free is myspace.com: http://www.myspace.com

First of all, to be absolutely clear, I assume that "hosted" means that a picture is being served by a server. With that in mind, note that any content on web, regardless of media, must be served by some server in order for it to be seen on the web.

Now, an image doesn't need HTML code to be seen on the Internet. The only thing the HTML code does is add formatting to the image. Therefore, you can either publish the image by simply linking to it with an HREF tag, or you can display it directly with image tag.

Here is an example of an HTML tag for a link:
Here is my picture.

The components of this tag are described below:

1. a -- This tells the browser that it has encountered an anchor tag (or a link). There are many attributes in addition to the "href" attribute shown above, but in the interest of brevity (haha), I have omitted them.

2. href="..." -- In this example, the word "picture" would be a hyperlink. The place you would go if you clicked on the hyperlink in this case is the image file. This attribute tells the browser the location of that image file. More on locations is detailed below.

3. The hyperlink -- this is text that will show as a hyperlink. The hyperlink in this case is "picture".

4. -- closing tag. A closing tag is always required for the tag. When the browser sees this, it knows that it has reached the end of the (anchor) tag.

For a complete rundown of this tag and others, go to
http://www.htmlcompendium.org

Here is an example of an HTML tag for an image:


This HTML tag has many components, each of which serves a specific purpose:

1. img -- this tells the browser that this is an image tag. When the browser sees this, it knows that it will encounter certain attributes that tell it how to display the image. These certain attributes might be the location of the file (src), width, height, border, margin, and several others.

2. src="...." -- this is an abbreviation for "source," and tells the browser where the image is located on the server. This must be in quotes. It can be an absolute location, or a relative location. The example above shows a relative location, which means it is a location relative to the HTML file that is displaying the image. An absolute location would be any fully qualified URL, beginning with "http://....", for instance:
"http://www.google.com/intl/en/images/logo.gif"
The only reason to use this type of location is to link to content on another domain.


Other examples of relative file locations are:
"images/title_bar.gif" -- the image file is in the images directory

"../images/title_bar.gif" -- same thing, except the images directory is in the parent directory

"/images/title_bar.gif" -- same thing, except we specify that the image directory is directly below the root (top-level) directory. This could be considered an absolute location, from the standpoint of the domain, since the browser would know how to get to the image file from anywhere in the directory tree.

"/title_bar.gif" -- in this case, the image is in the root directory

"../title_bar.gif" -- the image file is located in the parent directory

The following attributes are optional.

3. width="450" height="35" -- it is optional but recommended to always include the width and height for each image, even if they are the same as the images dimensions. The browser uses these as "hints" for how to size the image. Without these attributes, the browser may have to analyze the image file to discover these properties, and thus would take longer to show the image. To get the height and width of an image, just open it in any image browser and look at the properties that are displayed. In Photoshop and some other painting applications, you may have to do a "select all" (CTRL-A) to get the width and height properties.

4. border="2" -- Tells the browser to draw a border around the image. If this is omitted, it defaults to 0.

5. bordercolor="RED" -- this is only effective if the border is greater than 0.

6. .../> -- Required ending for the tag. Notice the space, followed by "/>" This tells the browser that it has reached the end of the image tag. Note that this is simply an ending for the tag, where as the tag requires a separate closing tag --

7. Surrounding HTML code: other HTML code surrounding the image tag can be used to place an image somewhere on the page. Browsers tend to anchor all content to the upper left hand corner of the web page, unless they are instructed otherwise with HTML. Any image files displayed without HTML will also be displayed in the upper left hand corner of the display area.

Good luck!

Answer 3

There is no html code for a photograph. You have to have it hosted somewhere, if only on the site you are posting it on. Then you use html to point to the image where it is stored on the site. an example might look like this in html

Answer 4

You can use photobucket to host the image for you... http://photobucket.com/