Теория:

Давайте проанализируем самую простую страницу, описанную с помощью языка HTML. В окне браузера она может выглядеть так, как показано на рисунке.
 
 
1_!.png
 
В окне же текстового редактора, на который можно перейти, выбрав в меню Вид / Просмотр HTML-кода, вы увидите следующее:
 
1_2.png
 
Вполне понятные предложения на русском языке чередуются здесь с какими-то неясными словами, взятыми в своеобразные скобки из знаков < и >. На самом деле эти скобки сигнализируют программе просмотра, что внутри их стоят так называемые теги — управляющие словосочетания, указывающие браузеру на то, как надо оформлять ваш электронный документ.
Рассмотрим, к примеру, тег <CENTER>. Он означает, что все дальнейшие элементы оформления документа, а в нашем случае это текст и картинка, будут расположены строго по центру окна, выделенного программе просмотра. А отменяется это центрирование с помощью другого тега </CENTER>.
  
Обрати внимание!
Вообще косая палочка в теге означает отмену какого-либо элемента оформления.
Тег <НЗ> заставляет программу просмотра весь дальнейший текст писать крупными буквами, так называемым заголовочным шрифтом третьего уровня. Надеемся, вы уже догадались, когда шрифт снова станет обычным. Кстати, раз уж речь пошла о заголовочных шрифтах, заметим, что всего их существует шесть уровней. Им соответствуют теги <Н1>, <Н2>, <НЗ>, <H4>, <Н5> и <Н6>. Первый уровень самый крупный.
Каждая пара тегов <CENTER> и </CENTER>, <Н1> и </Н1> и т. п. образует так называемый контейнер, придающий новые свойства тексту, который в него попадает.
Познакомимся с другими тегами, присутствующими на странице. 
<BR> — текст будет располагаться на новой строке (но без отступа, известного нам как «красная строка»). Такой тег не имеет отмены </BR>, а значит, и не образует контейнера.
<HTML> — указатель начала описания электронного документа на языке HTML.
<HEAD> — тег, располагающийся еще до описания самой страницы документа, в его заголовке. Текст внутри контейнера <TITLE> </TITLE> выводится программой просмотра страниц в верхней заголовочной части уже готового экрана с документом и помогает ориентироваться при поиске нужных документов.
<BODY> — указатель начала описания собственно странички документа. В нем присутствуют достаточно важные атрибуты. И один из них — BGCOLOR — определяет фон нашей странички. Фоном может быть не просто цвет, но и любая картинка, которая сохранена в формате JPG или GIF. Для создания такого фона нужно использовать атрибут BACKGROUND (например, BACKGROUND="klen.gif").
 
1.png
 
При выборе картинки в качестве фона надо иметь в виду следующее:
  1. Очень яркая картинка сильно затрудняет чтение текста и, как правило, плохо согласуется с другими картинками, которые вы помещаете на страницу.
  2. Браузер «мостит вашу страницу картинкой-фоном так, как это показано на рисунке. Для наглядности на этом рисунке мы оставили белые промежутки между фоновыми картинками. Иными словами, если фоновая картинка не очень большая, то необходимо обеспечить, чтобы происходила стыковка узора как по горизонтали, так и по вертикали. Если же картинка слишком большая, то, как правило, ее загрузка сильно тормозит получение остальной части документа. А что это за фон, когда только и приходится ждать, пока он загрузится, словно это наиважнейшая информация?
Источники:
Гейн А. Г., Ливчак А. Б., Сенокосов А. И. Информатика и ИКТ.  11 класс. М. : Просвещение, 130 с.