web-.
, ( , , , , , ).
: , .
:
{].: ;
2: ]., 2;
}
, , , // .
.
1. , . CSS (, mystyle.css):
:
{ color: gold;
background-color: #990000;
}
, , : :
<head>
<link rel="stylesheet" type="text/css"
href="mystyle.css">
</head>
, , :
<body>
<></>
</body>
2. head style,
.
:
<head>
<style type="text/css"> { color: gold; background-color: #990000;
}
</style> </head>
3. style, .
:
< style="color: gold; background-color: #990000;">
</>
. HTML . :
{ : ; }
:
) <style>
body { text-align: justify; color: black; font-family:
Arial; }
</style>
) <headxstyle>
HI { font-family: Arial, Helvetica, Verdana,
sans-serif; font-size: 150%; font-weight: light }
</style></head>
<body>
<1></1>
</body>
. , web-: , , .
:
. { : ; }
class= " ". :
<headxstyle>
P.cite (color: navy; font-size: 80% margin: 20px }
// cite
</stylex/head>
<body>
<p> </>
<p class=cite>TeKCT</p>
</body>
, . :
. { : ; }
:
<headxstyle>
.mycolor { color: navy; color-background: yellow; }
</style></head>
<h2 class=mycolor>TeKCT</h2>
<tablextr>
<td class=mycolor> </td>
<td>TeKCT</td>
</tr></table>
span , , . :
|
|
<headxstyle>
.capital { font-size: 150%; color: red; }
</styleX/head>
<body>
<span class=capital>B</span>yKBnua
</body>
. . : (link), (hover), (active), (visited). : : { : ; }
:
<headxstyle type="text/css">
a:link { color: #003366; }
a:visited { color: #660066; }
a:hover { color: #800000; }
a:active (color: #FF0O0O; }
</stylex/head>
<body>
| <a href=#>CcbinKa K/a> I <a href=#> 2</a> I
<a href=#>CcbtnKa 3</a> I
</body>
:
<head> <style>
a.linkl { font-size: 12px; color: green }
a.linkl:hover { color: red }
a.link2 {font-size: 14px; color: blue }
a.Iink2:hover { color: red }
</style> </head>
<body link=#0000ff>
I <a href=linkl.html>CcbinKa 1</> | <a href=link2.html
class=linkl>CcbmKa 2</a> | <a href=link3.html
class=link2>CcbLnKa 3</a> |
</body>
(hover):
<headxstyle type="text/css">
a {color: #003366;} a:hover {color: #800000;}
</style></head>
:
<head> <style>
a.linkl {font-size: 12px; color: green;}
a.linkl:hover { color: red;}
a.link2 {font-size: 14px; color: blue;}
a.Iink2:hover {color: red;}
</style> </head>
<body>
I <a href=linkl.html>CcbuiKa 1</> | <a href=link2.html
class=linkl>CcbmKa 2</a> | <a href=link3.html
class=link2>CcbuiKa 3</a> |
</body>
.