Предмет: Информатика,
автор: Karinka696
Привет) помогите пожалуйста, умоляю!!! Нужно написать это в HTML так, чтобы когда открывалось в браузере получалась такая картинка) прошу
Приложения:
Ответы
Автор ответа:
0
HTML
<!DOCTYPE html>
<html>
<head>
<title>Сайт</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="all" />
</head>
<body>
<div id="cont">
<div id="header">Сайт</div>
<div id="center"> <div id="left">
<h2>Статья</h2>
<p>Первый абзац.<script>x=0;while(x!=20){document.write("Учите HTML ");x++;}</script>.</p>
<p>Второй абзац.<script>x=0;while(x!=20){document.write("Учите CSS ");x++;}</script>.</p>
<p>Третий абзац.<script>x=0;while(x!=10){document.write("Учите JavaScript<br>");x++;}</script></p>
</div>
<div id="right">
<ul>
<li>Меню</li>
<li>Пункт 1</li>
<li>Пункт 2</li>
<li>Пункт 3</li>
</ul>
</div>
</div>
<div id="footer">2015©Copyleft</div>
</div>
</body>
</html>
CSS
ul{
margin:0;
padding:4px;
width:150px;
}
li{
display:block;
background:#1E90FF;
border:2px solid;
}
li:hover{
background:#7979B1;
}
#cont{ min-height:500px; }
#header{
background:red;
font-size:2em;
font-weight:bold;
}
#center{
background:yellow;
}
#left{
float:left;
width:70%;
min-height:500px;
}
#right{
margin-left:70%;
min-height:500px;
}
#footer{ background:red; }
<!DOCTYPE html>
<html>
<head>
<title>Сайт</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="all" />
</head>
<body>
<div id="cont">
<div id="header">Сайт</div>
<div id="center"> <div id="left">
<h2>Статья</h2>
<p>Первый абзац.<script>x=0;while(x!=20){document.write("Учите HTML ");x++;}</script>.</p>
<p>Второй абзац.<script>x=0;while(x!=20){document.write("Учите CSS ");x++;}</script>.</p>
<p>Третий абзац.<script>x=0;while(x!=10){document.write("Учите JavaScript<br>");x++;}</script></p>
</div>
<div id="right">
<ul>
<li>Меню</li>
<li>Пункт 1</li>
<li>Пункт 2</li>
<li>Пункт 3</li>
</ul>
</div>
</div>
<div id="footer">2015©Copyleft</div>
</div>
</body>
</html>
CSS
ul{
margin:0;
padding:4px;
width:150px;
}
li{
display:block;
background:#1E90FF;
border:2px solid;
}
li:hover{
background:#7979B1;
}
#cont{ min-height:500px; }
#header{
background:red;
font-size:2em;
font-weight:bold;
}
#center{
background:yellow;
}
#left{
float:left;
width:70%;
min-height:500px;
}
#right{
margin-left:70%;
min-height:500px;
}
#footer{ background:red; }
Похожие вопросы
Предмет: Химия,
автор: maschucop
Предмет: Английский язык,
автор: namysnursulu
Предмет: Окружающий мир,
автор: nigarbabayeva84
Предмет: Алгебра,
автор: ProstoSempai
Предмет: Литература,
автор: dimkaholodny