Audio, Video, Images

Images

We talked earlier about images in genera - check link-, here we are goin to talk about sizing, positioning, and images as backgrounds.

Sizing Images

Selecting the size of image will enhance the loading of a web page, image size can be defined be setting the <width> and <height> properties eighther in pixels (px) or a percentage of its containing element (say 50%).

Psitioning of Images

Images are inline elements by default, their position can be controlled by <float>, to center image set <margin> to auto, changing the <display> to block will make the image appear on a single line.

Images as Backgrounds

To set an image as a background, after selecting the element you want the image to be set as its background, select background property and enter the URL of the background in need, background images can be repeated and positioned as well.

Practical Information Summary

Search engine optimization is aset of rules that help people find your website in search engines, Analytics tools in turn allow you to know how people interact with your page and how they reached it and how many people are visiting your site.

To publish your site you will need a domain name and a web hosting.

Video and Audio

<video> is used to embed vieos to your site, you will add the video source src, width, height, and type like mp4,and FLV, see w3schools,HTML video.

For <audio> you will set src and type, see example.