6. :
p {font-size: 12 } ( 12 )
7. , :
h1 {font-family: "lucida calligraphy"} ( )
8. , :
table { font-family: arial, "sans serif"; border-style: dotted} ( )
9. , :
h2{font-family: arial;
margin-right: 20pt;
color:#ffffff } ( , )
10. , . , . sans serif:
p,table,li {font-family: "sans serif";}( , )
( <>) "#" "#rrggbb", RGB- ? , :
EM { color: red } /* */
EM { color: #ff0000 } /* #rrggbb */
3.9. CSS. , . CSS "/*" "*/", :
/* . */
table
{
/* . */
margin-left: 10pt;;
/* . */
border-style:outset; }
4. :
( <HEAD> HTML). , . <style>.
.
, HTML 4 div,
<body>
<div id="wrapper">
<div id="header">
<div id="logo"></div>
<div id="navigation">
<ul>
<li><a href="#">Why?</a></li>
</ul>
</div>
</div>
<!-- -->
<div id="content">
</div> <!-- -->
<div id="sidebar">
|
|
</div> <!-- -->
<div id="footer">
</div>
</div>
</body>
, , (, , .) , <div>. HTML5
HTML5 :
header / section (section , ). , , .. .
section , .
article, , , ( , , , ). .
, article section , . , article . , . , . section , , . , , . section , , article. , article section , .
aside, , , , ( , , ).
aside , , , , . aside ( (sidebar) , , . , . , , ). , , .. aside .
footer , , , . .. , , , .
|
|
nav header.
-. , . , , . . . ( ).
, :
<header> <nav> | |
<aside> | <article> |
<article> | |
<footer> |
? , . , - , , , , . , , header. section aside , header.
footer. footer , , . sections, articles asides , , footer.
(header, footer, nav, aside, article, section) , , , . , , . , . ? article, article, article . ? , , , , , .. header.
HTML 4. div - , html5. div , html5 , . div ( Web , , . , , , . , ). header, footer, aside, nav, article section div, . , , , div. div . , div : .
( ) Web-.
NAST_CSS_1.html :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
|
|
<h1> <abbr title> </abbr> - </title> </h1>
<style>
aside { background: #f0f0f0; /* */
padding: 10px; /* */
width: 200px; /* */
float: left; /* */}
header {display: block; /* */
background: #FFFF00; }
H2 {font-weight: bold; /* */
font-size: 14pt; /* */
font-family: Helvetica; /* */
color: maroon /* */ }
</style>
</head>
<body>
<header>
<h2></h2>
<h2> </h2>
<h2> </h2>
</header>
<article>
<p> HTML 5. 28 2014 HTML5.</>
</article>
<aside>
<h2> </h2>
<p> </p>
<p> </p>
<p> </p>
</aside>
<footer>
<> 2016 .</>
</footer>
</body>
</html>
< article > . , , , . :
<article>
<header>
<h2> </h2>
</header>
<p> HTML 5. 28 2014 HTML5.</>
<footer> - </footer>
</article>
< section >.
< section > , , , . <section> .
<article>
<header>
<h2> </h2>
</header>
<p> HTML 5. 28 2014 HTML5.</>
<section>
<h2> ( 1) </h2>
<p> 40 . , , . , , (, ). , XIX . . , , , , . </>
</section>
< section>
<h2> ( 2) </h2>
<> 40 . <P>    , , . <R> , , (, ). , XIX . . , , , , .</>
|
|
</section>
<footer> - </footer>
</article>
, <P>, . , .
< nav > . , < nav > . < nav > . , .
< header > :
<header>
<nav> <a href="1.html"></a>
<a href="2.html"> </a>
<a href="3.html"> </a>
</a>
</nav>
</header>
P.S ( ). HTML- HTML 4 :
<div class="header">
<div class="navigation">
<ul class="nav-list">
<li><a href="1.html"> </a></li>
<li><a href="2.html"> </a></li>
<li><a href="2.html"> </a></li>
</ul>
</div>
<!-- navigation -->
</div>
<!-- header -->
.