Adding pictures and videos to websites using html is not very complicated. You can save yourself a lot of money by doing it yourself. Pictures and videos add to the appeal of websites. By doing it yourself you give your site some uniqueness. I will show you how simple it is to add these to your web pages on your own.
First we are going to look at adding pictures to your web pages. The code that you use for adding pictures will be placed inside the body tag of your html document.
To start you will need to upload the images that you want to use to your file manage of your web hosting. Then from there you can start to html code them into your site.
For adding pictures with html you will be using the image source tag lt; IMG SRC=. This tag will tell the browser to display the image there. It’s very easy to tinker with this one in WordPress, which is one of the best 10 website builders you can find. You will need to place the name of the image and type of image into the html code. For our example will use a picture named baby boy and that picture is a jpg file. Here is how it should look:
lt; IMG SRC = ” babyboy.jpg” gt;
You can also turn your images into links. If there is a web page you want the visitor to be taken to when they click onto your picture you can link to it through the image. In this example we will still use the baby boy image example. Here is how it should look:
lt; a href=”url of site or page” gt; lt; IMG SRC = “url of site or page/ babyboy. jpg” gt; lt; / a gt;
Now we will look at adding some flare to your web pages by adding videos using html codes. Videos will also be placed inside the body tag of the html codes.
For this you will need to upload your video to your web hosting just like you did with the pictures. For this example we are going to use a video called baby boy and this video will be formatted as an AVI video. We will also set it to automatically start when the page loads. Here is how it should look:
lt; EMBED SRC=” baby boy.avi” loop=”1″ height = “75” width=”75″ autostart= “true” gt; lt; / EMBED gt;
If you don’t want the video to start as soon as the page loads but rather allow visitors to use the media player controls, you can do this with just a simple change of coding. For this you will only need to change one word. Instead of having autostart=true you will just change this to autostart=false.
Now you have learned how to add pictures and videos to your web pages. Just remember when using these codes that for the purpose of this lesson I have put spaces into the codes. When you go to use them remove the spaces. The codes should read like one big long word.