HTML (. 1).
1
| index.html | |
| index1.html | - |
| index2.html | |
| index3.html | |
| index4.html | |
| index5.html | |
| index6.html | |
| air.html | |
| elektro.html | |
| expr.html | |
| karta.html | |
| magaz.html | |
| marh.html | |
| parkovki.html | |
| post.html | |
| rcv.html | |
| reg.html | |
| rekl2.html | Outdoor |
| rekl3.html | indoor |
| rekl.html | |
| snd.html | |
| sprav.html | |
| taxi.html | |
| texnika.html | |
| tr_obshectven.html | |
| vip.html | vip |
| ysl.html | |
| .htm |
images.
. default.css (. 1). <head> <link href="default.css" rel="stylesheet" type="text/css" /> HTML .
2.
2
| headerFon | , . . . |
| header | |
| header * | |
| header h1 | |
| karta | . |
| content | , . |
| colTwo | . . . |
| colTwo ul | |
| colTwo li | |
| colTwo li li | |
| colTwo h2 | |
| colTwo a | |
| colTwo a:hover | |
| colOne | , . . . |
| colOne.post | |
| colOne.title | |
| colOne.story | |
| colOne.meta | |
| colOne.meta p | |
| colOne.menu | |
| footer | , . |
| footer p | |
| footer a | |
| tablevilet | . |
| body | body |
| h1, h2, h3 | . |
| , a:hover | . |
| blockquote | blockquote. |
|
|
|
HTML:
< head ></ head > < title> . meta keywords, "description" ;
< body ></ body > < div ></ div >. ;
< ul ></ ul > . < li>;
< a > href;
< blockquote ></ blockquote > .
. , HTML index.html (. 2).
index.html ( ) head:
< head > <title> </title> </ head >. title - . <title> </title>. (. . 2).
. 2 title
, < body ></ body > < div ></ div >:
1. <div id="headerFon"> </div>. headerFon, , images/ img4.jpg. .
2. <div id="header"> <h1><a href="index.html"> </a></h1> </div>. header, , images/ img1.jpg. . header h1, header * , , index.html. (.. 3). 
|
|
|
. 3
3. <div id="karta"><a href="karta.html"> </a></div>. karta, - (. . 4). <a></a> , karta.html. .
. 4
4. <div id="content">></div>. content, 20 , . content :
<div id="colTwo">
<ul>
<li><h2></h2>
<ul><li><a href="index.html"></a></li>
<li><a href="index1.html">- </a></li>
<li><a href="index2.html"></a></ <li><a href="index3.html"></a></li> <li><a href="index4.html"> </a></li>
<li><a href="index5.html"></a></li>
<li><a href="index6.html"> </a></li>
</ul></li>
</ul>
</div>. colTwo 210 . <ul>,<li>, < h2> <> , (. . 5).
. 5
. colTwo ul colTwo li li , , . colTwo h2.
<div id="colOne">
<div class="post">
<h2 class="title"> </h2> <div class="story"></div>
<div class="meta">
<blockquote>
<h1<p><span class="style1"> 1997 , . </span></p></h1>
</blockquote>
</div>
</div>
</div>. colOne. colOne post colOne title (. . 6).
. 6
, colOne story colOne meta, . , blockquote/blockquote. <h1>, <p> style1 colOne meta p (. . 7).
. 7
<div style="clear: both;"> </div>. . , .
|
|
|
<div id="footer">
<p class="style2">Copyright c 2011 <a href="index.html">
<strong> </strong></a></p>
<span class="style2">></span>
</div>. footer 26 (. . 8).
. 8
( ) images/img2.gif, , footer p, footer a, style2 <strong>,<span> .
, HTML CSS , , , .
:
;
;
CSS ;
, , ;
HTML.
, , .
1. , , ., , , .. HTML 4, 4- . .: . . .; .; .: , 1999. 784 .
2. .., .., .. HTML 4.0. .: -, 2002. 672 .
-02069154-135-04-11
WEB-
1
2011
1
