Subtitles of the Movie

The ID Selector labeled Advanced here in the Dreamweaver Rule Dialog allows you to give a name to a specific style without associating it with a tag or with another HTML element as I did previously with classes and tag selectors. You code an ID code by selecting the third option here in the dialog. You associate an ID tag the same way you associate classes within the element that should have that style. The Selector Name should start with a pound sign then what you want to do is give your ID tags a grouping of letters and numbers that you would like. It's a good idea to give your ID tags names that you will remember and understand a few weeks later or a few months later. When you look at the Selector, for example here in the, one of the, templates that come with Dreamweaver Adobe has named these ID Selectors, pound sign, site name, global nav, global nav image, global nav A, page name, breadcrumb, search, search form and so on. Notice that those are pretty descriptive, all of them start off with a pound sign. Should point out here that HTML standard require that ID's all must be unique, so you can't use the same ID name for two styles if you want to use the ID Selector. If we look at the CSS file for this template you can see how Adobe has used these ids in this example, Section Links, Sections H3, so that's applied to H3 tags. Section Links A, Section Links A colon Hover. So we'll be using ID's a lot during the course of this tutorial as well classes but I wanted to introduce them to you early in the course.