??????

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

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

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

??? ??????????????? ????:

????? ?????? ???? ????????, ?? ????? ??????? ?????, ???????????? ???????, ????, ??????? ??? ??????? ????? ?? ????????. ????? ??????? ?????? ??? ?????? ????????? ??? ??????????? ? ? HTML-???????? ???????? ? ???? ???????? img ??? ??? ??? ????????-??????????. ? ?? ?? ????? ?????? ?????? ???????? ???????? ?????? ? ???????, ??? ??? ?????? ????? ????? ??????? ???????. ?????? ??? ???????? "?????????" (?? ????, ????? ?????????? ???? ???????) ??????? ?????????? ??????????? ????????? ????????? ??????? ???????????.

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

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

  
  

??? ???????:

<table border="1" width="200px">
  <tr><td>&nbsp;</td><td>&nbsp;</td></tr>
  <tr><td>&nbsp;</td><td>&nbsp;</td></tr>
</table>

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

<style>
  #ourtable, #ourtable td {border: 1px solid #070}
</style>
<table border="1" width="200px" id="ourtable">
  <tr><td>&nbsp;</td><td>&nbsp;</td></tr>
  <tr><td>&nbsp;</td><td>&nbsp;</td></tr>
</table>