How to Add Photos or Images to Your Web Page

Mar 29, 2012, by admin

Adding HTML code for images to your web page can really improve its look and feel. You can even edit image properties to cover your text around the image on the left or right side, or to create alternate text for an image with SEO-friendly keywords.

This video website designing tutorial will cover a few of the “how to” features of using the hypertext markup language so watch and learn. ..

Use HTML image link code to generate links from your images to other sites or to other pages within your own site. You’ll find lots of reasons like those listed below but don’t overdo it. You want your website design to look clean and professional – no room for clutter.

Uses of  HTML Image Code

In general, you’ll use the HTML image code to include your company or website logo, photos, animations, banners or other images to improve your web page. Images must be placed deliberately on a web page so they won’t divert readers. HTML images can make a page stream more efficiently while livening up the content for your readers.

How to Add Image Code

Create an HTML tag within your page’s source code where you would like the image to become visible. Be sure it doesn’t go beyond any of your content. Open the tag with “img src” which stands for “image source.” The image name (name.gif or name.jpg) must be inserted within quotes after an equal sign. Then the tag must be closed. This tells your server where the image is placed, whether on your server or another website’s server.

Generally you’ll use an image located on your own website’s server. On exceptional occasions you might insert a pre made image code from another website to promote affiliate products or for other reasons. Never link images from another website without written permission! Now that you’ve had one class on HTML language, you might choose to become a designer – hope you learned enough to get excited about web design!