Публикации с тегом "HTML"

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

????????? ?????? ???????? ??????????? ??????? ????? ?????????? ???????? ???????? ? ???-?????????????. ????? ????? ??????????????? ???????, ?????? ?? ??????? ???????????? ??????? ??? ????????? ??????, ? ????? ???????, ?????? ?? ??????? ???????????? ? ?????? ???????, ??? ???????? ??????? ???-?? ????? ????? ?????.

Q: ??? ?????? ????????????? ????????????

A: ?????????????? ??????????? ???????? CSS-?????? text-decoration:

text-decoration: underline;

????? ?????????? ?? ?????????????, ??????? ????? ????? ???????? none:

a { text-decoration: none; }

???? ?? ?? ??????, ??? ???????????? CSS-?????, ?????????? ? ?????? "????????? ??????? ??????".

Q: ??? ???????? ???? ???????????? ?????? ????? ?????? ?? ???????? ?????, ? ????? ???????????

A: ??????????? ????? ??? ?????????????? ?????????, ? ??????? ??? ????????? ??? ???????????? ????????. ????????? hover ?????????, ????? ?? ?????? ?????? ?????? ????, ????????? active ? ??? ??????, ????? ?? ?????? ??????, ?? ??? ?? ?????????? ???????, ?? ??????? ??? ??????? (????????, ???? ?????? ? ?? ????????? ????? ?????? ????). ?????????? ????? ?????? ????????? ????????? visited. ??? ??????? ????????? ????? ?????? ????????? CSS-?????, ?? ???? ??-??????? ????????? ??? ??????. ? ??????????? ????????? ?? ????????? ????? ??? ??????????? ?????? ?? ????? ???? ? ?????????????, ? ??? ????????? visited ???? ???????????????? ?? ??????????. ??? ?????? CSS-????? ??? ??? ??????????? ? ?????, ??? ? ??? ?? ????????? ????????? ?????????????? ? ?????? "?????????? ???????????".

Q: ??? ??????? ??????, ??????????? ???????? ? ????? ??????? (? ????? ????)?

A: ??? ????? ?????????? ?????? ?????? ??????? target ?? ????????? _blank:

<a href="/" target="_blank">??????? ???????? ? ????? ????</a>

?????????? ???????????????? ????????? (HTML + CSS)

??? ???????? HTML-???????? ???????? ??????????????? ???????? ????????? ?? ???? ? ????? ???? ????????. ?????? ??????? ???????, ???? ??? ????? ??????? ?????? ???? ?????? ???????, ?? ? ?? ???????? ???? ???? ????? ?????? ???? ??????. ??? ????? ????????? ??? ?????????? ???????????, ???, ????????, ???????? ???????? ???? ??????? ?? ??????. ??????, ??? ???????? ??? ?????? ??????????? ???????????????? ?????????. ??? ???? ????????? ???????? ???????????? ?? ?????????? ??? HTML-???? ? ???????? ???? ????????, ? ??? ????????????, ????????? ? ??????? CSS-?????? left ? top.

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

top: 200px; left: 300px;

?? ?????????? ??? ???????? ???? ?? ??????? ??????? ???????? ????? 200 ????????, ? ?????????? ?????? ???? ?? ????? ??????? ???????? 300 ????????:

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

?????? ?????? left ? top, ???????? ?????????? ????? ?????? ????? position ?? ????????? absolute, ????????, ??? ?? ????? ????????? ?????????? ????????????????. ???? ??? ???? ???????? ????? z-index, ??????? ????????? ????????? ?????????? ????????? ??? ?????????. ??????? ? ?????????? ????????????????? ????????? ??? ???????? ? ????????????? ?????????????????. ???? ??? ???????? ? ?????????? ????????????????? ???????? ???? ?? ?????, ?? ?? ???????? ???? ????????????? ??? ???????, ? ???????? ?????? ???????? ????? z-index.

????????? 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" />

???? 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 ????????.