Mikhail Baranov h4

## sample_header.css
#header {
height: 100px;
}
.footer {
height: 100px;
}
h1 {
color: red;
push: none;
}

## sample.css
.index {
    color: #900;
    }

## nested_links.html
<!-- Неправильная вложенность списков -->

<ul>
    <li>Города-миллионники</li>
    <ol>
        <li>Москва</li>
        <li>Санкт-Петербург</li>
        <li>Екатеринбург</li>
    </ol>
    <li>Другие города</li>

## CSS-common-mistaces-1.css
/*-----------------------
Неправильно указан селектор класса */

my-сlass {
	/* Не работает. Браузер будет искать ТЕГ my-class */
}

.my-class {
	/* Правильный селектор класса. Точка перед именем класса */
}

## table-and-header.html
<!--
как сделать чтобы между заголовком и таблицей был отступ?
-->

<h1>Заголовок для таблицы</h1>

<table>
    <tr>
        <td>Ладья</td>
        <td>Конь</td>

## doctype_html.html
<!--
    Декларации HTML
 1. Не обязательны закрывающие теги для p, h1...h6, pre, li
 2. Значения атрибутов можно не заключать в кавычки
 3. Возможен ЛЮБОЙ регистр для имён элементов и атрибутов

-->

<!--HTML 4.01 Strict — строгое соответствие спецификации HMTL 4.01-->

## 1.xhtml1.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Главная страница</title>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    </html>
    <body>
        <div class="page">
            <div class="header">
                <img src="logo.png" alt="Логотип" />

## html-and-xhtml.html
<H1>Корректная html-разметка</H1>
<ul class=menu>
   <li>О компаниии
   <li>Услуги
   <li>Контакты
</ul> <p>
   <img
     src=logo.png
     alt=Логотип>

## base.html
<!-- подключение внешнего файла css -->

<head>
    <link href="style.css" rel="stylesheet" type="text/css">
</head>

## dabblet.css
body {
font:normal 16px Helvetica, Arial, sans-serif;
background: #EDEDED
url(http://www.starwars.com/img/explore/encyclopedia/technology/millenniumfalcon_hero3.jpg)
top center no-repeat;
color:#fff;
}
h1 {
font-size:36px;
line-height:28px;
	#header {
	height: 100px;
	}
	.footer {
	height: 100px;
	}
	h1 {
	color: red;
	push: none;
	}
	<!-- Неправильная вложенность списков -->

	<ul>
	<li>Города-миллионники</li>
	<ol>
	<li>Москва</li>
	<li>Санкт-Петербург</li>
	<li>Екатеринбург</li>
	</ol>
	<li>Другие города</li>
	/*-----------------------
	Неправильно указан селектор класса */

	my-сlass {
	/* Не работает. Браузер будет искать ТЕГ my-class */
	}

	.my-class {
	/* Правильный селектор класса. Точка перед именем класса */
	}
	<!--
	Декларации HTML
	1. Не обязательны закрывающие теги для p, h1...h6, pre, li
	2. Значения атрибутов можно не заключать в кавычки
	3. Возможен ЛЮБОЙ регистр для имён элементов и атрибутов

	-->

	<!--HTML 4.01 Strict — строгое соответствие спецификации HMTL 4.01-->
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<title>Главная страница</title>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	</html>
	<body>
	<div class="page">
	<div class="header">
	<img src="logo.png" alt="Логотип" />
	<H1>Корректная html-разметка</H1>
	<ul class=menu>
	<li>О компаниии
	<li>Услуги
	<li>Контакты
	</ul> <p>
	<img
	src=logo.png
	alt=Логотип>
	<!-- подключение внешнего файла css -->

	<head>
	<link href="style.css" rel="stylesheet" type="text/css">
	</head>
	body {
	font:normal 16px Helvetica, Arial, sans-serif;
	background: #EDEDED
	url(http://www.starwars.com/img/explore/encyclopedia/technology/millenniumfalcon_hero3.jpg)
	top center no-repeat;
	color:#fff;
	}
	h1 {
	font-size:36px;
	line-height:28px;