<html>
<!--Раздел шапки-->
<head>
<!--Заголовок-->
<title>Использование CSS </title>
<!--Здает кодировку документу -->
<META http-equiv="content-type" content="text/html; charset=windows-1251">
<!--Внутренние таблицы стилей-->
<style type='text/css'>
.a1
{
text-decoration:none;
text-color:blue;
}
.a1:hover
{
text-transform:uppercase;
text-color:silver;
}
.a1:link
{
text-color:green;
}
.a1:visited
{
text-decoration:none;
text-color:rgb(11,22,200);
}
.a2
{
text-transform:uppercase;
text-decoration:none;
text-color:green;
}
.a2:hover
{
text-transform:uppercase;
text-color:red;
}
.a2:link
{
text-color:green;
}
.a2:visited
{
text-decoration:none;
text-color:rgb(11,22,200);
}
.a3
{
text-decoration:none;
text-color:purple;
}
.a3:hover
{
text-transform:uppercase;
text-color:red;
}
.a3:link
{
text-color:green;
}
.a3:visited
{
text-color:rgb(11,22,200);
}
.a4
{
text-transform:uppercase;
text-decoration:none;
text-color:green;
}
.a4:hover
{
text-transform:uppercase;
text-color:lime;
}
.a4:link
{
text-color:green;
}
.a4:visited
{
text-decoration:none;
text-color:rgb(11,22,200);
}
.a5
{
text-decoration:none;
text-color:yelloy;
}
.a5:hover
{
text-transform:uppercase;
text-color:red;
}
.a5:link
{
color:green;
}
.a5:visited
{
text-decoration:none;
text-color:rgb(11,22,200);
}
.tab
{
border:10px solid black;
}
.t1
{
background-color:rgb(206,206,206);
}
.t2
{
background-color:rgb(230,230,230);
}
</style>
</head>
<!--Тело документа-->
<body>
<h1 style="font-family:'Times New roman';font-size:20pt; font-weight:bold; color:blue; text-align:center; font-style:italic;">
Использование CSS
<a href='#11' class='a1'>first</a>
<a href='#21' class='a2'>index</a>
<a href='#31' class='a3'>me</a>
<a href='#41' class='a4'>tables</a>
<a href='#51' class='a5'>forms</a>
</h1>
<table class='tab' cellspacing=5 cellpadding=0>
<tr>
<td>
<table border=1>
<tr >
<th>№</th>
<th>Наименование</th>
<th>Цена</th>
<th>Колличество</th>
<th>Стоимость</th>
</tr>
<tr>
<td class='t1'>1</td>
<td class='t1'>Молоко</td>
<td class='t1'>22</td>
<td class='t1'>5</td>
<td class='t1'>110</td>
</tr>
<tr>
<td class='t2'>2</td>
<td class='t2'>Хлеб</td>
<td class='t2'>20</td>
<td class='t2'>9</td>
<td class='t2'>180</td>
</tr>
<tr>
<td class='t1'>3</td>
<td class='t1'>Сгущенка</td>
<td class='t1'>19</td>
<td class='t1'>4</td>
<td class='t1'>76</td>
</tr>
<tr>
<td class='t2'>4</td>
<td class='t2'>Йогурт</td>
<td class='t2'>18</td>
<td class='t2'>9</td>
<td class='t2'>162</td>
</tr>
<tr>
<td class='t1'>5</td>
<td class='t1'>Кефир</td>
<td class='t1'>15</td>
<td class='t1'>5</td>
<td class='t1'>75</td>
</tr>
</table>
</td></tr></table>
</body>
</html>