Правила HTML и CSS Правила HTML Все пробелы, табуляция и начало новых строк преобразуются в обычный пробел. Поэтому очень желательно форматировать текст с отступами:

Заголовок 1 уровня

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio rerum, praesentium repellat cupiditate dolorum voluptatum.

Blanditiis similique, modi officiis, dignissimos asperiores totam quae aut doloribus quam esse reprehenderit quos sed.

Eum facilis voluptates ut dicta, delectus, tempore animi repudiandae qui quis voluptas maxime ullam, assumenda.

Весь текст должен быть отформатирован в виде тегов. Обязательно присутствуют открывающий и закрывающий тег: <элемент>Текст элемента Если у элемента нет содержимого, закрывающий тег ему НЕ нужен.

Всегда должны быть теги основы: , , , <body> И они должны соответствовать содержанию документа. Правило "матрешки": всегда соблюдать вложенность элементов и не допускать их пересечения: <b><i>Текст внутри тегов</i></b> Значения атрибутов всегда берутся в кавычки. Атрибутов у элемента может быть несколько, они отделяются друг от друга пробелами: <img src="images/someimage.jpg" alt="Альтернативный текст" id="pic"> Универсальными атрибутами для всех тегов являются: id, class, style, title, tabindex Комментарии в HTML предназначены для того, чтобы скрыть часть кода: <-- Комментарий --> Правила CSS Комментарии в CSS предназначены для того, чтобы скрыть часть css-кода. Код в комментариях не влияет на форматирование: /* CSS Комментарий */ Стиль можно добавить непосредственно к элементу, использовав атрибут style. Этот стиль имеет, как правило, более высокий приоритет, но, если его нужно изменить в нескольких местах, это будет сделать достаточно трудно. Поэтому применяют такое решение редко. Такое стилевое оформление называется внутренним, встроенным или инлайновым: <h2 style="font-size: 3em; font-family: Georgia, serif;">Встроенный стиль</h2> Стили также могут быть встроены на страницу. Для этого в блоке head размещают теги style: <style> body { width: 80%; margin: 20px auto; font-family: Verdana, Geneva, sans-serif; } </style> Внимание! Тег style обязательно должен быть закрыт. Иначе вы не увидите текста страницы! Весь css-код размещают в отдельном css-файле. По сути это обычный текстовый файл, который содержит код в формате css. <link rel="stylesheet" href="somefile.css"> Внимание! В css-файле можно размещать только код и комментарии в css-синтаксисе, но не в HTML-синтаксисе! Внутри css-файла все правила записывают в следующем виде: селектор { свойство1: значение; свойство2: значение; свойство3: значение; } Т.е. правила пишутся внутри фигурных скобок в виде пар свойсво: значение свойства, разделенных точкой с запятой. После последнего правила ставить точку необязательно. В качестве селектора может выступать какой-нибудь элемент, группа элементов, класс или id. Более сложные селекторы рассмотрим позже. Импорт css-файла: записывают либо внутри основного css-файла, либо в тегах style. Строка с импортом всегда должна быть в самом начале. После нее можно записывать другие css-правила. <style> @import url("somefile.css"); .rules { border: 3px double #900; padding: 10px; } </style>