??????

?????????? ??????????? (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 ?? ??????). ????????????? ? ????????????? ??????? ????? ????? ???????? ???????? :).

???? ???????? ??????????? (HTML)

???????? ????? ???????? ????? ??????? ?? ??????. ??????, ?????? ?? ??? ?????-???? ???????? ????? ? ??????????? htm ??? html. ??? ????????? ????, ??????????? ???????? ???????? ?????, ?? ???? ???????????? ? ?????????????? ??????, ???????, ?????? ? ?.?. ??? ?????? ????? ???????? HTML (HyperText Markup Language). ???????????? ?????? ???? ?? ????? HTML ? ???? ?? ?????, ??? ??? ???? ????? ????????, ??????? ? ???? ?????? ? ???????? ? ??????? ????????, ??????????? ??? ????????? ????. ????? ?????? ?????????? ??? ????? ?????? ? ?????? ??? ?????????????????? ????????-???????? ?? HTML, ?????, ??????? ??????.

HTML-???????? ???????? ?? ?????????? ?????, ??????? ???????????? ????? ????????? ????????, ??????????? ? ??????????? ?????? ("<" ? ">"), ????????:

<br>

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

<font>?????</font>

???????? ???????????????? ???-???????

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

?????, ????? ? ?????, ??? ???????? ???????????? ? ????? ?????, ??????????? ???-?? ???? ???????????, ??? ??????????? ??????? ?????????? ??????????, ?????????????? ?????? ????? ?????. ????? ? ?? ??? ??????? ???????? ?????????? ???? ? ????????? ?? ?????????. ? ???????????????? ??, ???????? ??? ??????????? ???????, ??????? ????????? ?????????? ?? ???????????? ?? ???? ?????? ????. ??? ????? ????? ???????????? ????? ????? ?? ???????? ??????????? ????????? ??????????? ????????? ? ?????????, ? ?????????, ???????? TCP/IP, ?? ??????? ? ????????? ????? ????????????? ??? ????????. ???????? ????? ?????????, ?????? ?????????, ??????????? ? ?????????? ????, ????? ???? ?????????? ????? IP-?????. IP-????? ???????????? ????? ?????????????????? ??????? ????? ? ????????? ?? 0 ?? 255, ??????????? ????? ????? ??????? (????????, 92.166.31.18). ???? ????????? ????? ????????? ? ?????? ??????????? ? ????, ???? ??? IP-?????. ?? ??????? "????????? ???????? ? ???????????" ?? ?????? ?????, ??? ??? ??????????? ?? ???? ??????????, ? ??????? ?????? (?????????, ???? ??????), ????????????? ?? ???. ????????, ?? ??????????? ??????????? ????? ???????, ??? ???? ???? ???????? ????????? ??????????? ? ???????? ???????? ??? ???????? ??????.

?? ?????????? ???????????? ????? ???????? ????????? ??????? ????????, ??????? ?????? IP-?????? ??? ????? ?????????? TCP/IP ????????????? ????????????? ????? ??????? ??? ????. ???? ??? ????? ? ????????? ?? 1 ?? 65536. ????? ???????, ??????????? ???????? ??? ????? ????? ??????? ????????? ? ?????? ???????? ??????? ? ?????? IP-?????? ? ?????? ????? ??????. ???????????? IP-?????? ? ????? ??????? ?????????? ????? ????????? (????????, 192.168.35.2:443).

??? ???????????? ????? ?????? ????????? ???????? ????? ????? ? ??? ???????? "???????" ??????????? ??????. ?????? ????????? ??????????? ??? ?? ????? ????? ????? ? IP-????? ??????????, ?? ??????? ???????? ?????? ?????????. ????? ???? ???????? ?????????? ?????? ?? ???????? ????????: ???? ?????? ????, ???? ????? ?????? ? ?????????? ????????. ??? ???? ????? ???????? ??? ???????????? IP-?????? ? ?????? ????? ? ????? ??????.