Как в HTML с помощью CSS стилей выделить 2 абзаца текста разными цветами.

3

0

<!DOCTYPE html>
<html lang="ru">
<head>
	<meta charset="UTF-8">
	<title>Урок HTML разметки 2</title>
</head>
<body>
	<div class="content">
		<h1>Урок HTML разметки</h1>
		<p>300 тысяч фунтов стерлингов было потрачено британскими учеными на изучение взаимодействия уток с водой. В результате длительного исследования им удалось выяснить, что всем остальным способам провести время в воде утки предпочитают дождь, который заменяет им душ.</p>
		<h1>Урок HTML разметки</h1></h1>
		<p>Еще одно шокирующее открытие исследователей с Туманного Альбиона наконец объяснило страдающим от избыточного веса, в чем заключается их проблема. В ходе научного эксперимента британским ученым удалось установить, что худые люди, как правило, едят меньше, чем полные.</p>
	</div>

	<style type="text/css">

		.content {
        width:300px;
        background-color: orange;
        background-color: green;
		}


	</style>

</body>
</html>

HTML/CSS. УРОК 3.9 Интерактивное упражнение

student_TfNOcGq3

4 years ago

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Урок HTML разметки 2</title>
<style type="text/css">

.content {

}
.green {
background-color: green;
}

.red {
background-color: red;
}

.content h1,h2 {
margin-bottom: 0px;
padding: 15px;
}

.content p {
margin:0;
padding: 15px;
}

</style>
</head>
<body>
<div class="content">
<h1 class="red">Урок HTML разметки</h1>
<p class="red">300 тысяч фунтов стерлингов было потрачено британскими учеными на изучение взаимодействия уток с водой. В результате длительного исследования им удалось выяснить, что всем остальным способам провести время в воде утки предпочитают дождь, который заменяет им душ.</p>
<p class="red">Еще одно шокирующее открытие исследователей с Туманного Альбиона наконец объяснило страдающим от избыточного веса, в чем заключается их проблема. В ходе научного эксперимента британским ученым удалось установить, что худые люди, как правило, едят меньше, чем полные.</p>
<h1 class="green">Урок HTML разметки</h1>
<p class="green">300 тысяч фунтов стерлингов было потрачено британскими учеными на изучение взаимодействия уток с водой. В результате длительного исследования им удалось выяснить, что всем остальным способам провести время в воде утки предпочитают дождь, который заменяет им душ.</p>
<p class="green">Еще одно шокирующее открытие исследователей с Туманного Альбиона наконец объяснило страдающим от избыточного веса, в чем заключается их проблема. В ходе научного эксперимента британским ученым удалось установить, что худые люди, как правило, едят меньше, чем полные.</p>
</div>

</body>
</html>

Это правильный код для выполнения урока 3.9 Интерактивное упражнение. по изучению HTML/CSS. Если нажать кнопку Посмотреть подсказку, то в ней вообще код неправилный для того, что должно получиться в итоге.

Почему при нажатии кнопки Посмотреть результат Неверный ответ?

student_TfNOcGq3

4 years ago

Я сделал так

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="dicreption" content="Уроки HTML разметки">
<meta name="keywords" content="html,Lesson">
</head>
<body>
<div class="content1">

<h1>Уроки HTML разметки</h1>
<p>
Согласно Британской Энциклопедии 1771 года, практически вся Сибирь образовывала в то время, то есть в конце XVIII века! — самостоятельное государство со столице в Тобольске. При этом, МОСКОВСКАЯ ТАРТАРИЯ, согласно утверждению Британской Энциклопедии 1771 года, БЫЛА САМОЙ БОЛЬШОЙ СТРАНОЙ В МИРЕ.
</p>
</div>

<style type="text/css">

.content1{
width: 1250px;
background-color: red;
}

</style>

<div class="content2">

<h1>Уроки HTML разметки</h1>
<p>
Возникает вопрос: куда же делось это огромное государство? Стоит только задать этот вопрос, как тут же начинают всплывать и по-новому осмысливаться факты, показывающие, что вплоть до конца XVIII века на территории Евразии существовало гигантское государство, которое с XIX века исключили из мировой истории.
</p>

</div>

<style type="text/css">

.content2{
width: 1250px;
background-color: green;
}

</style>

</body>
</html>

student_0VpkWbSy

3 years ago

посмотрите уроки - там все подробно объясняется достаточно для выполнения заданий

есть еще кнопка Показать ответ - как подсказка решения, но если "подсматривать" - будет сложнее двигаться дальше. Лучше пересмотреть уроки, чтобы все знания улеглись, сделать себе пометки, конспекты, погулить дополнительно если что-то все-таки не понятно... Вцелом задания несложные, материала в уроках вполне достаточно для выполнения

Вадим Семенов

4 years ago

Да вот совсем нет объяснения, как сделать данный урок или домашние задание, пришлось перерыть половину инета чтоб найти ответ! просто для вас очевидные вещи это норм, а для новичков это совсем не очевидно (

Vaycheslav Charochki...

4 years ago

4 ответов