How To Put Pictures In Html

Hello

Welcome to Webune Support Forums

Today we are going to teach you how you can put pictures or images in your html web pages.

its very easy. putting pictures or images or photos in html.

example:


ok, as you can see, the picture above is the Webune Logo

this is the code we used to put that picture on this tutorial:


a simple explanation of things:

src="" - src stands for source. this is the url where the picture can be found

atl="" - alt is the text that shows up to describe the image

border="0" - we use border as 0 because we dont want the browser to put a border on our image, if you dont put this element, then some browser will put a border on your picture automatically



ok, now we are going to show you how you can put pictures in html, but in the background using css

example:


this is the html code we used to make the above example:
<div style="background-image: url(http://www.webune.com/images/headers/default_logo.jpg);height:300px; width:400px">this box has an image of the webune logo</div>