Структура HTML страниц

Тема 1. Основы HTML

Упражнение

Скачайте файл(текст1.rtf) в формате RTF, создайте по его образу html-документ с соблюдение всех элементов оформления текста.

Задать цвет фона страницы. Цвет фона должен контрастировать с цветом текста.

Для подбора цветов, можно воспользоваться генератором цвета https://colory.ru/colorgenerator

Задать в качестве заголовка страницы Фамилию и номер группы.

Выложите получившийся файл в личный каталог

Пояснение к работе

Теги

Команды для браузера, говорящие, как отображать текст, вставлять таблицы, изображения и другие объекты, называются тегами (от англ. tag - ярлык, признак).
Сами теги (команды) не отображаются на экране.

Имя тега пишется в треугольных скобках, например, < b> - тег, говорящий браузеру записывать весь последующий текст жирным шрифтом.
Имя тега можно записывать на любом регистре (прописными или строчными буквами), то есть < b> будет воспринято браузером так же, как и < B>.

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

Теги могут иметь параметры (или атрибуты).
Например, чтобы задать цвет шрифта, используется тег font с параметром color:
< font color=green>
- это открывающий тег, который командует браузеру с этого момента отображать шрифт зеленым (в данном примере) цветом до закрывающего тега < /font>.

Некоторые параметры требуют обязательного указания их значений. Для некоторых параметров браузер использует значения по умолчанию, если другие значения не заданы.

Если тег имеет несколько параметров, то они прописываются через пробел в любой последовательности. Например:
< font color=green size=3>
< font size=3 color=green>
- две аналогичные записи открывающего тега font с параметрами color и size.

Структура HTML страниц

Тег DOCTYPE - ключевой компонент web-страниц, претендующих на соответствие стандартам. Этот тег должен всегда находиться в первой строке каждой страницы. тег DOCTYPE также важен для правильного отображения и работы страницы в броузерах, соответствующих стандартам (Mozilla, IE5/Mac, и IE6/Win).

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

В этом режиме броузер попытается разобрать вашу страницу по правилам обратной совместимости и выведет на экран, например, CSS так, как его вывел бы Internet Explorer 4-ой версии, а DOM будет работать так, как он работал именно в этом броузере (IE переключается в свой старый DOM, а Mozilla и Netscape 6 переключается вообще в бог знает что).

Существует несколько видов <! DOCTYPE>, они различаются в зависимости от версии языка, на которого ориентированы. В табл. 1. приведены основные типы документов с их описанием.