  
  
(class  id)

    
    
   
  .
     
,   
 class  id  
 
 .

   
  
   
   ? 
   
    
   
?    
,    
   .

   
 class

,     
   
 -     
 . HTML- 
  :

<p>   
:</p>
<ul>
<li><a 
href="ri.htm"></a></li>
<li><a href="ch.htm">
</a></li>
<li><a href="pb.htm"> 
</a></li>
</ul>

<p>   
:</p>
<ul>
<li><a href="cs.htm"> 
</a></li>
<li><a 
href="me.htm"></a></li>
<li><a href="pn.htm"> 
</a></li>
</ul>



,  ,  
     
 ,   
 - ,
     
   
.

    
     
   
   
  class.

  
   
:

<p>   
:</p>
<ul>
<li><a href="ri.htm" class="whi
tewine"></a></li>
<li><a href="ch.htm" class="whi
tewine"></a></li>
<li><a href="pb.htm" 
class="whitewine"> 
</a></li>
</ul>

<p>   
:</p>
<ul>
<li><a href="cs.htm" 
class="redwine"> 
</a></li>
<li><a href="me.htm" class="re
dwine"></a></li>
<li><a href="pn.htm" 
class="redwine"> 
</a></li>
</ul>

    
   
 whitewine  redwine, 
.

a {
color: blue;
}

a.whitewine {
color: #FFBB00;
}

a.redwine {
color: #800000;
}

   ,  
   
 , 
  
 ,  

._   
 .
 

   
 id

  
   
 
  
 .  
 
   id.

 id  ,   
    
    
  id.
 id   
.    
  class. 
   
 id:

<h1> 1</h1>
...
<h2> 1.1</h2>
...
<h2> 1.2</h2>
...
<h1> 2</h1>
...
<h2> 2.1</h2>
...
<h3> 2.1.2</h3>
...

    
,   
  . 
  
 id  :

<h1 id="c1"> 1</h1>
...
<h2 id="c1-1"> 1.1</h2>
...
<h2 id="c1-2"> 1.2</h2>
...
<h1 id="c2"> 2</h1>
...
<h2 id="c2-1"> 2.1</h2>
...
<h3 id="c2-1-2"> 2.1.2
</h3>
...

, , chapter 
1.2,   . 
   
  CSS:

#c1-2 {
color: red;
}

    
,   
  
   
 #id  
 .
 
