- , .
ü
, , css, <link>. <head>.
:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="http://htmlbook.ru/mysite.css">
<link rel="stylesheet" href="http://www.htmlbook.ru/main.css">
</head>
<body>
<h1></h1>
<p></p>
</body>
</html>
<link> - rel , . href CSS-, , . , , . mysite.css:
H1 {
color: #000080;
font-size: 200%;
font-family: Arial, Verdana, sans-serif;
text-align: center;
}
P {
padding-left: 20px;
}
, , CSS. HTML- , . . . . , HTML- .
ü
CSS -. , , <style>.
:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title> </title>
<style>
H1 {
font-size: 120%;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333366;
}
</style>
</head>
<body>
<h1>Hello, world!</h1>
</body>
</html>
<h1>, - ( 7).
7. ,
ü
-. style, .
|
|
:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title> </title>
</head>
<body>
<p style="font-size: 120%; font-family: monospace; color: #cd66cc"> </p>
</body>
</html>
<p> style, ( 8).
8.
. , , , .
CSS , . . , .
:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title> </title>
<style>
H1 {
font-size: 120%;
font-family: Arial, Helvetica, sans-serif;
color: green;
}
</style>
</head>
<body>
<h1 style="font-size: 36px; font-family: Times, serif; color: red"> 1</h1>
<h1> 2</h1>
</body>
</html>
36 , ( 9).
9.
HTML CSS
html- CSS , .
Validator.W3C http://validator.w3.org/, , , .
Mozilla Firefox, HTML VALIDATOR (http://users.skynet.be/mgueury/mozilla/). , Mozilla Firefox , CSS. , CSE HTML Validator for Windows - http://www.htmlvalidator.com/.
Validator.W3C (. 9-12).
HTML CSS.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title> </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<style type="text/css">
#main {
position: absolute;
left: 100px;
top: 50px
border: 1px solid black;
padding: 0 100px 100px 0
}
#content {
position: relative;
|
|
left: 20px;
top: 10px;
border: 1px solid green;
}
</style>
</head>
<body>
<div id="main"> :
<div id="content"><p> .</div>
</div>
</body>
</html>
9.
. , ( 10).
10.
( 11).
11.
CSS (http://jigsaw.w3.org/css-validator/).
, 12.
12. CSS
, :
1. xlmns HTML.
<html>
<html xmlns="http://www.w3.org/1999/xhtml">, .. XHTML 1.0. HTML 5 ( ), .
2. </p>
<div id="content"><p> ... </p> </div>
3. , ; :
top: 50px;
border: 1px solid black;
( 13):
13.