Домашнее задание. теги div, span
Не пойму почему второй блок меняется на тот же цвет, что и первый? В домашнем задании необходимо раскрасить первый блок в красный второй в зеленый. С первым все гуд, а второй перекрашивается в цвет первого... Что не так?
6 ответов
Кавычки забыли поставить скорее всего, без кода вашего сложно подсказать. Код можно сюда прикладывать, знак {;}
У вас ошибки:
Вы открываете тэг span, а закрываете тэг div, поэтому ошибки.
Если на базе вашего кода, то такой код должен быть:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Домашнее задание 2</title>
<meta name="description" content="Урок HTML разметки">
<meta name="kaywords" content="html,Lesson">
</head>
<body>
<style>
.content1 {
width: 300 px;
background-color: red;
}
.content2 {
width: 300 px;
background-color: green;
}
</style>
<div class="content1">
<h1>Урок HTML разметки</h1>
<p>300 тысяч фунтов стерлингов было потрачено британским ученым на изучение взаимодействия уток с водой. В результате длительного исследования им удалось выяснить, что всем остальным способам провести время в воде утки предпочитают дождь, который заменяет им душ.</p>
<p>Еще одно шокирующее открытие исследователей с Туманного Альбиона наконец объяснило страдающим от избыточного веса, в чем заключается их проблема. В ходе научного эксперемента британским ученым удалось установить, что худые люди, как правило, едят меньше, чем полные.</p>
</div>
<div class="content2">
<h1>Урок HTML разметки</h1>
<p>300 тысяч фунтов стерлингов было потрачено британским ученым на изучение взаимодействия уток с водой. В результате длительного исследования им удалось выяснить, что всем остальным способам провести время в воде утки предпочитают дождь, который заменяет им душ.</p>
<p>Еще одно шокирующее открытие исследователей с Туманного Альбиона наконец объяснило страдающим от избыточного веса, в чем заключается их проблема. В ходе научного эксперемента британским ученым удалось установить, что худые люди, как правило, едят меньше, чем полные.</p>
</div>
</body>
</html>HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Домашнее задание 2</title>
<meta name="description"content="Урок HTML разметки">
<meta name="kaywords"content="html,Lesson">
</head>
<body>
<span class="content">
<h1>Урок HTML разметки</h1>
<p>300 тысяч фунтов стерлингов было потрачено британским ученым на изучение взаимодействия уток с водой. В результате длительного исследования им удалось выяснить, что всем остальным способам провести время в воде утки предпочитают дождь, который заменяет им душ.</p>
<p>Еще одно шокирующее открытие исследователей с Туманного Альбиона наконец объяснило страдающим от избыточного веса, в чем заключается их проблема. В ходе научного эксперемента британским ученым удалось установить, что худые люди, как правило, едят меньше, чем полные.</p>
</div>
<style type="text/css">
.content{
width: 300 px;
background-color: red;
}
<span class="content">
<h1>Урок HTML разметки</h1>
<p>300 тысяч фунтов стерлингов было потрачено британским ученым на изучение взаимодействия уток с водой. В результате длительного исследования им удалось выяснить, что всем остальным способам провести время в воде утки предпочитают дождь, который заменяет им душ.</p>
<p>Еще одно шокирующее открытие исследователей с Туманного Альбиона наконец объяснило страдающим от избыточного веса, в чем заключается их проблема. В ходе научного эксперемента британским ученым удалось установить, что худые люди, как правило, едят меньше, чем полные.</p>
</div>
<style type="text/css">
.content{
width: 300 px;
background-color: green;
</style>
</body>
</html>Теперь я видать совсем намудрила, у меня совсем ничего не выделяется ((((
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Домашнее задание 2</title>
<meta name="description"content="Урок HTML разметки">
<meta name="kaywords"content="html,Lesson">
</head>
<body>
<div class="content1">
<h2>Урок HTML разметки</h2>
<p>300 тысяч фунтов стерлингов было потрачено британским ученым на изучение взаимодействия уток с водой. В результате длительного исследования им удалось выяснить, что всем остальным способам провести время в воде утки предпочитают дождь, который заменяет им душ.</p>
<p>Еще одно шокирующее открытие исследователей с Туманного Альбиона наконец объяснило страдающим от избыточного веса, в чем заключается их проблема. В ходе научного эксперемента британским ученым удалось установить, что худые люди, как правило, едят меньше, чем полные.</p>
</div>
<div class="content2">
<h2>Урок HTML разметки</h2>
<p>300 тысяч фунтов стерлингов было потрачено британским ученым на изучение взаимодействия уток с водой. В результате длительного исследования им удалось выяснить, что всем остальным способам провести время в воде утки предпочитают дождь, который заменяет им душ.</p>
<p>Еще одно шокирующее открытие исследователей с Туманного Альбиона наконец объяснило страдающим от избыточного веса, в чем заключается их проблема. В ходе научного эксперемента британским ученым удалось установить, что худые люди, как правило, едят меньше, чем полные.</p>
</div>
<style type="text/css">
.content1 {
background-color: red;
}
<style type="text/css">
.content2 {
background-color:green;
}
</style>
</body>
</html>
Вроде бы разобралась, поменяла, разбила на блоки, но второй блок не хочет окрашиваться, будь он не ладен ))
Все получилось! Вдруг у кого то тоже будет проблема, Вот код
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Домашнее задание 2</title>
<meta name="description"content="Урок HTML разметки">
<meta name="kaywords"content="html,Lesson">
</head>
<body>
<div class="content1">
<h2>Урок HTML разметки</h2>
<p>300 тысяч фунтов стерлингов было потрачено британским ученым на изучение взаимодействия уток с водой. В результате длительного исследования им удалось выяснить, что всем остальным способам провести время в воде утки предпочитают дождь, который заменяет им душ.</p>
<p>Еще одно шокирующее открытие исследователей с Туманного Альбиона наконец объяснило страдающим от избыточного веса, в чем заключается их проблема. В ходе научного эксперемента британским ученым удалось установить, что худые люди, как правило, едят меньше, чем полные.</p>
</div>
<div class="content2">
<h2>Урок HTML разметки</h2>
<p>300 тысяч фунтов стерлингов было потрачено британским ученым на изучение взаимодействия уток с водой. В результате длительного исследования им удалось выяснить, что всем остальным способам провести время в воде утки предпочитают дождь, который заменяет им душ.</p>
<p>Еще одно шокирующее открытие исследователей с Туманного Альбиона наконец объяснило страдающим от избыточного веса, в чем заключается их проблема. В ходе научного эксперемента британским ученым удалось установить, что худые люди, как правило, едят меньше, чем полные.</p>
</div>
<style type="text/css">
.content1 {
background-color: red;
}
.content2 {
background-color:green;
}
</style>
</body>
</html>