HOME FONTS LISTS HYPERLINKS TABLES IMAGES META TAGS COMMENT TAGS
Using Images
In the assignment you need to use at least one image. You need to ensure that it meet the size restrictions as outlined in the Assignment Brief. Putting pictures into a webpage is pretty simple, first you prepare and place it in the relative file path for you web site. The, you build the code in your website so it will show and display as you require it. See the code below to see how I placed a picture in the centre of the page below.
Image courtesy of digitalart / FreeDigitalPhotos.net
Which results in the image above being displayed. Note the image path, it is located in the same directory as the page calling it which is why it lacks a full path to it (so its using a relative path). This is image was sourced from http://www.freedigitalphotos.net/images/Internet_g170-World_Wide_Web_p41993.html which is a website where you can get royalty free picture and photos from. You need to make sure that any images you use are your own, othewise you need to ask and get permission to use it/pay for the license or at very minimum credit the owner and provide a link from which it originally came from.Meta tags provide metadata about an HTML document in the Head section. The tags do not produce anything that is displayed by the browser; however they do provide information to it. The types of information they provide are things like the author, the keywords that a search engine might use to point people to your website along with configuration settings for the browser (like whether the browser needs to refresh automatically) amongst others. This very website has meta tags on its home page which you can see in the code box below.
Comment Tags
Comment tags allow you to enter information into the code to explain what you are doing. This makes it easy to understand what needs to change to fix something or explain to someone else why you used a certain function over another when down the track someone else looks at your code. This website has a number of comment tags built into it, but you will never see them here as they are not meant to be displayed in the browser. See the code below which is an excerpt where comment tags were used in the table section (Note the <!-- and closing //--> part).