Images

Controlling the size and alignment of your images using CSS keeps rules that affect the presentation of your page in the CSS and out of the HTML markup

AligNi ng images Using CSS

In the last chapter, you saw how the float property can be used to move an element to the left or the right of its containing block, allowing text to flow around it. Rather than using the element’s align attribute, web page authors are increasingly using the float property to align images. There are two ways that this is commonly achieved: ##IMAGES 414 The background-repeat property can have four values: repeat The background image is repeated both horizontally and vertically (the default way it is shown if the backgroundrepeat property isn’t used). repeat-x The image is repeated horizontally only (as shown in the first example on the left). repeat-y The image is repeated vertically only. no-repeat The image is only shown once. The background-attachment property specifies whether a background image should stay in one position or move as the user scrolls up and down the page. It can have one of two values: fixed The background image stays in the same position on the page. scroll The background image moves up and down as the user scrolls up and down the page. Repeating Images

Practical Information

To wrap up the book we are going to look at some practical information that will help you launch a successful site.

Search Engine Optimization (SEO )

SEO is a huge topic and several books have been written on the subject. The following pages will help you understand the key concepts so you can improve your website’s visibility on search engines.

How to Identify Keywords and Phrases

Determining which keywords to use on your site can be one of the hardest tasks when you start to think about SEO. Here are six steps that will help you identify the right keywords and phrases for your site.

Video and Audio APIs

TML5 comes with elements for embedding rich media in documents —