Assignments

Learning Report #1:

Add an Image to a Site:

What I have Learned:

To add images onto a website, there must be a tag for the image. This tag is defined by typing < img >. But this won’t get an image onto the website; the < img > tag is empty. To display an image on a page , you need to use the “src” attribute. The “src” stands for ‘source.’ The value of the “src” attribute is the URL of the image you want to display on your page.

Placement of the < img > tag is important. The browser will put the image where the image tag occurs in the document. If you put an image tag between two paragraphs, the browser shows the first paragraph, then the image, and then the second paragraph.

Another attribute that is proper to have is the “alt” attribute. The “alt” attribute tells the reader what he or she is missing on a page if the browser can’t load the images or images. The browser will then display the alternative text instead of the image. It is a good practice to include the “alt” attribute for each image on a page, to improve the display and usefulness of your document for people who have text-only browsers. It is also another way to add –mostly hidden text- that can help for search engines to find your website.

Also using “height=” and “width=” can be used to properly display images to the desired size of the image on the website.

Information from: http://www.w3schools.com/html/html_images.asp

Why Important:

This is very important to know for my website. I am planning of having several-several images displayed on my site, and I will need to know how to properly add them to the website.

My website will display the movie poster image of each movie that I own and that is available to rent. Having the images showing of each movie, will make it easier for my customers to recognize the movie and maybe see if it looks interesting if they haven’t seen it before. This will be more helpful than just the title of the movie written in text.

Implication:

Assignments Page