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

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

??????? ??????? ????? ???????? ???????????? ??? ?????????. ? ???????? ?? ?????? ????? ??????? ??, ??? ????? ???????? ???? ???? ?? ?????, ?????? ???????? ???????? (??????????? ????, ?????? ? ?. ?.), ??????? ???????? ???????. ????? ??????? ??????????? ??????? ???????, ????????? ??, ??? ?????? ??????? ????? ??-?????? ???????????? ????? ??? ???????, ??????? ???????? ?????????? ???????????? ?????????????? ???? ? ????????? ???? ??? ?????? ?????????. ??? ?????????????? ???? ?????????? ?????????? ????????? html, ?????????? ??? ? ????? ??? ???????? ?????. ??? ????????? ????????????? ?????????? ??? ?????????? ?????????, ?? ???? ????? ??? ????????? ? ?????? ?????????.

????? ??? ??? ?????? ???????, ????? ????????? ?????? ????????? ? ????? ??????? ??????????? ?????????. ???????? ??, ??? ??????????, ????? ? ????????? ?????. ????????? html-???? ? ??????? ??????? ? ???????? ????????? ??? ?????? ???? DIV, ?? ?????????? ? ?????? ????, ???????? ????? ??? SECTION, ??????? ????? ?? ?????????? ?? ???? DIV. ?????? ???? (????) ?????? ???????? ?????? id-?????????, ???? ??????.

??????:

???? 1
???? 2

??????????? ? html-??? ???? css:

body {
background: #d5d5d5;
font-size: 20px;
}

#container {
background:#CCEEFF;
margin: 40px auto;
width: 1000px;
height: 550px; 
}

.block-1 {
background: #FFFF00;
width: 1000px;
height: 100px;
} 

.sblock-2 {
background: #00FF00;
width: 1000px;
height: 550px;
}

????????? ? ??????? ?? ?????????. ????? ???? ??? ?????: ??????? ??? ????? ?????? ?????, ? ?????? ???????. ?????????? ???????? ??? ???? ????, ???????? ??? menu ? ??????????? ????? ?? content. ??????????? ?? ?????? ???? ???????? ???????? ??? ???? ???:


? css:

#menu {
background: #2E8B57;
float: right;
width: 150px;
height: 550px;
}

????????? ??? ? ?????? ???? ? ?????, ??? ????? ? ??? ???????? ??? ???? ????. ??? ?? ????????? ???? ?????? ??? ?????, ? ??????????? ?? ????????? ?????. ? ??????? ???? H1 ????????? ?????? ?????, ? ? ??????? 'background:url ("????? ???????????")' ????? ????????? ????? ???????? ?? ?????? ????. ?????? ? ?????? ????? ????? ???????? ? ??????? width\height. ???????? ????????? ???? ????? ? ??????? float: left\right.

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