Images
-
Controlling sizes of Article images in CSS
-
CenteringArticle images Using CSS
-
Background-image
- Repeat images
repeat repeat-x repeat-y no-repeat fixed scrool
-
Gradients
- contrast
Summary
-
You can specify the dimensions of images using CSS. This is very helpful when you use the same sized images on several pages of your site.
-
Images can be aligned both horizontally and vertically using CSS.
-
You can use a background image behind the box created by any element on a page.
-
Background images can appear just once or be repeated across the background of the box.
-
You can create image rollover effects by moving the background position of an image.
-
To reduce the number of images your browser has to load, you can create image sprites.
Video and Audio
- video/audio format example
<video controls>
<source src="rabbit320.mp4" type="video/mp4">
<source src="rabbit320.webm" type="video/webm">
<p>Your browser doesn't support HTML5 video. Here is a <a href="rabbit320.mp4">link to the video</a> instead.</p>
</video>
- The HTMLMediaElement API
Practical Information
-
Search Engine Optimization (SEO)
page title url/web address headings text link text image alt text page descriptions
- Google Analytics: Learning about your Visitors
- Domain names ( your website address)
- Web hosting (Cloud servies)
- FTP and third party tools