Все публикации

????????????? ?????? ????????????

???? ??????! ????????????? ????? ?? ???? ???????????? ? ???????, ????? ????????? ?? ??????, ? ??? ?? ? ?? ????????. ???????, ?????? ??? ?????????.

??????????, ????????????? ????? ??? ?????? ????????? ?? ????? :) ??????? ? ???? ??? ?????? ? ????????????? ????? ?? ??????. ?????? ??? ?????, ??????? ????? ? ???? ? ??????? ??????. ? ?????? ??? ????????? ????? ?????? ? ??????, ??? ? ??????? ????????? ???????? ?????????? ???????????? ??????.

????????? XHTML

?????????? ???? ???????? ???-??????? ????? ?? ?????? ????????? ???????????? ???? HTML, ??????? ? ?????? ?????? ???????? ?????? ??? ????????????? ???????????? ? ?? ???????? ????? ?? ???????????. ????? ?? ???????? ???????????????? ?????? ???????? ??????????? ? ????????? ????? ???????? XHTML. XHTML ??? ??????????? ??? ?? HTML, ?? ? ?????????? ??????????. ?????????? ????????? ?????? (1.0, 1.1, 2.0 ? ??????????) ? ????? (strict, transitional, frameset) XHTML. ??? ???????? ??????? ? ?????????? ???????????? XHTML Transitional ??? Strict. XHTML Strict ??????? ????? ?????? ?????????? ?????????? ? ??????????? ??? ?????????????? ???????????. ???? ?????????? ???????? ? ????????, ?? ??????????? XHTML Frameset.

?????? ??????? ????? HTML ? XHTML, ? ??????? ? ?? ????? ?????????, ??????????? ? ????????? ???????? ?????. ???????? ???? ? XHTML ??????????? ??? ?????? ?????????? ??????? ????? ? ??????????? ??????????? ??????:

HTML:

<br>
<img src="logo.gif">

XHTML:

<br />
<img src="logo.gif" />

???? 5: ???????? HTTP-??????????

???? ?? ?? ??????, ??? ????? HTTP-?????????, ??? ?????????? ????????? ?????? "???????? ???????????????? ???-???????".

????, ?????? ????????, ?????????????? ?? ?????? ?????, ? ???????? ??????????????? ??????? ?? ???????? HTML ? CSS ?? ?????? ????? ????????? ???-????????? ????????? ? ??????? ? ????????? ?????????. ??, ? ??????, ????? ?? ?????? ????? ????????? ???????????? ??????, ?? ????? ???????? ??? ???? ??????? ???????? ?? ???? ??????? ???????????. ?????????? ??? ? ????? ??????? ?????????? ??? ????????? HTTP-??????????, ???????????? ????? ????????? ???-??????? ? ????????.

? ?????????? ???? ?????? ?????? ????????????? ?????????? ???? ????????? ????? ???????? HTTP-??????????, ???????????? ????????? ??? ??????? ??????? ???????? ????? ya.ru ? ???????????? ? ?????? ???-??????? ?? ??????????????? ??????. ?? ??????? ?????????? (? ????????) ??????????, ??? ???????? ??? ?????? ?? ??????? ????????? ????? ?????????. ?????, ??? ???????? "?????" HTML-??????? ??? ?????? ?????? ? ????????? ????????? ????????? ?????????????? ???????????? ? ?????.

? ???????? ??????????? ??? ????????? HTTP-?????????? ? ????????? ???????????? ?????? ? ???????? FireFox LiveHTTPHeaders. ?????????? ??? ????? ???: ??????????? ?????????? ????? ??????????, ???? ?? ????? "headers", ????????????? LiveHTTPHeaders. ????? ???????????? ???????? ???????? ????? ???????: ??????????? ???????? HTTP-??????????.

????????? ?????????? ?????? ?? ????????, ????????? ?? ?????????? ?????. ????????? ???? "???????? HTTP-??????????", ???? "????????", ????? ?????? ??????????? ????????? (??? ??????? ???????? ???????? ???????? ? ?.?.). ????? ?????? ?????? ????????, ????????, http://test-domain2/. ? ???? ?????????? ????????? ????????? ?? ???????? ???????? ? ?? ??????? ???-???????:

??????? ??? ??????? LiveHTTPHeaders

???? 4: ???????? HTML-??????? 2

?? ?????? ????? ?? ??? ????????? ????????? HTML-????????, ?????? ??? ????????????? ?????? ??? ??????????, ?????????? ??????, ??????. ? ??????? CSS-?????? ????? ??????? ??????? ????? ???????? ? ?????????????? ????????, ??? ?? ? ?????????? ???????.

???????? ? ???????? ???????? ?????? ?? ????? ??????????? ??????? ????? index.html ? style.css. ? ?????? ????? ???????? HTML-???, ? ?? ?????? CSS-????? ????????. ?????????? ? index.html ????????? ???:

<html>  
  <head> 
    <title>??????? ????????</title> 
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> 
    <link rel="stylesheet" href="/style.css" type="text/css">
  </head>  
  <body> 
    <table class="content" border="1" width="100%" height="100%"> 
      <tr> 
        <td height="80px" colspan="3">?????</td> 
      </tr> 
      <tr> 
        <td height="30px" colspan="3">????</td> 
      </tr> 
      <tr> 
        <td width="200px">????? ???????</td> 
        <td>???????? ???????</td> 
        <td width="200px">?????? ???????</td> 
      </tr> 
      <tr> 
        <td height="60px" colspan="3">??????</td> 
      </tr> 
    </table>
  </body>  
</html>

? ???? style.css:

* {font-family: verdana; font-size: 12px}
body {margin: 0; padding: 0}
 
.content {border-collapse: collapse}  
.content td {padding: 0}

?? ???? ???? ?? ??????? ?????? HTML-????????, ??????? ?????????, ?????????. ?????????? ??????? ???? ??????. ? ???? ???????? ??????? ????????? ??????? ???????? ???????????????? ?????????: ?????, ????, ?????? ? ??????? ????????, ?????????????? ????? ??? ???????: ??? ????? ?? ????? ? ??????? ?? ??????. ? ?????? ?????? ????? ????? ???????? ? ?????? ???? ? ??????? ???? ????????, ????? ????????? ??????? ?????? ????????? ? ????? ????????. ? ????????? ??????? ?????? ???? ? ???????, ????? ????? ????????.

?????, ?????? ????? ???????? ? ??????????? ?????????. ? ?????? ????????? ???????? ? ????????? Gimp (????????):

????????? ????? ????????

???? 3: ???????? ??????????????? ????? ? ????? (HTML + CSS)

?????? ???????????? ???????? ??????? ??? ????????? ????????? ????????? ?????????????? ????? ? ?????. ? ?????? ????? ??????? ???????? ??????????? ???????, ??????? ??? ?????? ??? ?????????? ???????????? ? ??????????????? ???????.

?????? ??? ??? ???????? ????? ??? ????????? ? ??????????? ?????????. ???????? ?? ????? ??????: ????????????? ??????? ???????? ? ??????????? ? ???? ???????? ????. ?, ????????, ????????? ? ????????? Gimp (????????):

???? ? ?????. ??????? ???

????? ?????????? ????????? ???? ????. ??? ??? ????? ?????? ????, ??? ???? ?? ?? ???????. ?????????? (????????) ? ???? ??????? ? ?????????? ?????????, ?????????? ?? ??????????? ? ??????? ? ?????????? ?????????, ?????????? ?? ????????? ????????, ??? ??? ???? ????? ???????????? ???????:

???? ? ?????. ?????????? ??????? ????

??????? ??????? ???????????-?????????? ????, ????? ??????? ?????????????-?????????? ????, ??????? ??????? ?????????/??????????? ????, ??????? ?????????? ????????? ?????????? ?????????????. ???? ?????? ???? ????????? ???????? ???????????? ????? ? ??????? ??????, ??????????? ?????? ?????? ????? ??????? ??????? 1-2 ???????. ??? ????? ??????????? ????????? ??????????? ?????? ? 10 ????????. ??????? ???????, ??????????????, ????????? ???????? 10x10 ????????.