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

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

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

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

:link

????????? ????? ??? ??????, ??????? ??? ?? ????????

:hover

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

:active

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

:visited

????????? ????? ??? ??????, ??????? ??? ????????

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

a {color: black}
a:hover {color: red}

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

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

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

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

???? ???????? ?????? padding. ???? ????? ???????? ?????? ? ?????????-???????????, ??????? ????? ????????? ? ???? ?????? ????????. ????? ????????? ?????? ???????? ????? ????? ?????? ???????? ? ??? ??????????. ????? margin ????????? ?????? ??????? ?? ???????? ?? ????????? ?????? ??????? ????????. ????????? ??????? ???????? ????? ???? ??????? ????????????? ??????????, ? ????? ???? ????? ????????.

????????? ??????? ?????? (CSS)

HTML ? ?????? ???? ???? ?? ????? ??????? ??????????? ?????????? ????????. ?????? ??? ???????? ???????? ????? CSS. ??????????? ? ??????? ???????? (HTML-????) ?????????? ??????? style, ????????? ???????? ???????? ???????? ?????? CSS ??????? ????. ????? ???????? ???????? ?? ?????????? ???????:

<tag style="style1: value1; style2: value2">

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

<span style="font-family: verdana; font-size: 10px">Hello, world!!!</span>

? ????????? span ???????? ????? "Hello, world!!!". span ??? ?????? ???, ??????? ??? ?? ???? ??????? ??????? ????????? ??? ????? ?????????? ?? ??????????, ?????? ????????? ????????? ???????????? ????? CSS, ????????? ? ???. ???? ????? ??? ?????????? ?????? ??? ???? ?????. ? ????? ???? ??????? ??? ????? CSS: ????? font-family ?? ????????? verdana ? ????? font-size ?? ????????? 10px. ????? font-family ?????? ????? ??????, ? ????? font-size ??? ??????. ????? ???????, ????? "Hello, world!!!" ????? ????????? ??????? Verdana ???????? 10 ????????.

??? ? ? ?????? ? HTML ?????? ? ?????? ???????? ?????? ???????? ???????? ? ???????????????? ?????? CSS. ? ? ?????? ???? . ?? ?????????? ?????, ????????? ???????? ?????? ??? ???? ????? ?????????, ????????? ?????????? ??? ????????????? ????. ??????? ????????? ????? ???????????????? ??????, ?????? font-family ? font-size: background-color ??????? ???? ????????, ????????, ???????? red ??? #ff0000 ????????????? ???????? ????? (?????? ??????? ?????? ????????????????? ???????? ????? ? HTML, ????? ???? ???????? ?? ??????? HTML-??????, ???? ? ??????? ???????????? ????????????), color ???? ??????, text-align ?????????????? ???????????? ?????? (left ?? ?????? ????, center ?? ??????, right ?? ???????, justify ?? ??????). ????????????? ? ????????????? ??????? ????? ????? ???????? ???????? :).