To add an image to your document you would use the <img> tag but you can't simply put something like <img>panda</img>, you must use something called a Image Source, which means the picture you want to include must already be uploaded somewhere on the internet (although you can get in trouble for using other peoples pictures without getting proper permission ).
For example, to add a picture of a panda your code should look like this:
<body>This code would show up like this:
<img src="http://www.rockfuse.com/blog/wp-content/uploads/2011/04/panda.jpg" alt="Panda" />
The alt="Panda" is what shows up if the picture can not be displayed for one reason or another. Remember adding the / before the closing > is good practice.
To place a link in your page you would use the <a> tag, but like the above <img> tag you need other factors inside the tag for it to work correctly. It is used like this:
<body>The href factor is necessary for the link to work correctly, it stands for hyperlink reference and tells the browser what it is linking too. The text between the opening tag and closing tag can be changed to whatever you like.
<a href="http://murdernickelsafehouse.blogspot.com"> Murdernickel's Safehouse </a>
When this code is implemented it shows up like this:
- An unvisited link is underlined and blue
- A visited link is underlined and purple
- An active link is underlined and red
Although this can be changed with CSS which I will show you at a later date.
Thanks for taking the time to read this, Catch you all later.