Вопрос задан 29.12.2018 в 04:25.
Предмет Информатика.
Спрашивает Бакмураткызы Адема.
Привет) помогите пожалуйста, умоляю!!! Нужно написать это в HTML так, чтобы когда открывалось в
браузере получалась такая картинка) прошу
0
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; }
0
0
Топ вопросов за вчера в категории Информатика
Информатика 47
Информатика 33
Информатика 67
Информатика 18
Информатика 25
Информатика 563
Информатика 16
Последние заданные вопросы в категории Информатика
Предметы
-
Математика
-
Литература
-
Алгебра
-
Русский язык
-
Геометрия
-
Английский язык
-
Химия
-
Физика
-
Биология
-
Другие предметы
-
История
-
Обществознание
-
Окружающий мир
-
География
-
Українська мова
-
Информатика
-
Українська література
-
Қазақ тiлi
-
Экономика
-
Музыка
-
Право
-
Беларуская мова
-
Французский язык
-
Немецкий язык
-
МХК
-
ОБЖ
-
Психология
-
Физкультура и спорт
-
Астрономия
-
Кыргыз тили
-
Оʻzbek tili
