Структура Web-страницы
<html> } - начало
<head>
.......... } - заголовок страницы, в котором размещается название страницы, кодировка страницы и прочее.
</head>
<body>
} - тело Web-страницы. Сюда записываются все необходимые теги, с помощью которых отображаются элементы Web-страницы
</body>
</html> } - конец
<img src="C:\users\1\pictures\cats2.gif"> - Вставка изображения, хранящегося на этом же локальном компьютере, что и файл Web-страницы, но в другой папке, в данном случае в папке Изображения
<img src="http://www.cats.com/cats2.gif"> - Вставка изображения с удаленного сервера Интернета
<img src="cats1.gif" align="right"> - Вставка изображения, выровненного по правому краю относительно текста
Атрибут align со значением left (align="left") располагает изображение по левому краю относительно текста, align="top" - над текстом, align="bottom" - под текстом, align="middle" - в середине текста
<a href="http://www.server.ru/filename.htm"> Указатель ссылки </a> - Ссылка на Web-страницу, размещенную в Интернете
<li> Первый элемент списка с номером 1.
<li> Второй элемент списка с номером 2.
...
</ol>
<li> Первый элемент списка c маркером.
<li> Второй элемент списка с маркером.
...
</ul>
Атрибут type="disk" означает, что каждый элемент списка имеет маркер в виде закрашенного круга, type="circle" - в виде окружности, type="square" - в виде закрашенного квадрата.
<body>
} - тело Web-страницы. Сюда записываются все необходимые теги, с помощью которых отображаются элементы Web-страницы
</body>
</html> } - конец
Теги и их атрибуты для форматирования текста на Web-странице
<h1> Заголовок самого крупного размера </h1>
<font> Работа со шрифтом </font>
<font face="courier"> Задание гарнитуры шрифта типа Courier </font>
<font size=5> Задание шрифту размера 5 </font>
<font color="red"> Задание красного цвета шрифту</font>
<font align="left"> Выравнивание шрифта по левому краю</font>
<b> Выделение текста полужирным шрифтом </b>
<u> Подчеркивание текста </u>
<br> Принудительный переход на другую строчку
<hr> Вставка горизонтальной линии
<font size=5> Задание шрифту размера 5 </font>
<font color="red"> Задание красного цвета шрифту</font>
<font align="left"> Выравнивание шрифта по левому краю</font>
<h6 align="center"> Заголовок самого мелкого размера выровнен по центру </h6>
<p> Выделение текста в отдельный абзац с интервалом перед и после него </p>
<p align="right"> Выравнивание текста абзаца по правому краю </p>
<i> Выделение текста курсивом </i><b> Выделение текста полужирным шрифтом </b>
<u> Подчеркивание текста </u>
<br> Принудительный переход на другую строчку
<hr> Вставка горизонтальной линии
Вставка изображений
<img src="cats2.gif"> - Вставка изображения, хранящегося в той же папке, что и файл Web-страницы
<img src="http://www.cats.com/cats2.gif"> - Вставка изображения с удаленного сервера Интернета
<img src="cats1.gif" align="right"> - Вставка изображения, выровненного по правому краю относительно текста Атрибут align со значением left (align="left") располагает изображение по левому краю относительно текста, align="top" - над текстом, align="bottom" - под текстом, align="middle" - в середине текста
Гиперссылки на Web-странице
<a href="filename.htm"> Указатель ссылки </a> - Ссылка на Web-страницу, файл которой (filename.htm) размещен в той же папке на локальном компьютере, что и файл Web-страницы, с которой осуществляется ссылка<a href="http://www.server.ru/filename.htm"> Указатель ссылки </a> - Ссылка на Web-страницу, размещенную в Интернете
Нумерованный список на Web-странице
<ol><li> Первый элемент списка с номером 1.
<li> Второй элемент списка с номером 2.
...
</ol>
Маркированный список на Web-странице
<ul type="disc"><li> Первый элемент списка c маркером.
<li> Второй элемент списка с маркером.
...
</ul>
Атрибут type="disk" означает, что каждый элемент списка имеет маркер в виде закрашенного круга, type="circle" - в виде окружности, type="square" - в виде закрашенного квадрата.
Фон страницы сайта
<body style="background-color:## ## ##"> - заливка фона цветом ## ## ##, где ## ## ## три шестнадцатиричных числа, каждое из которых записано двумя цифрами
<body style="background-color:00FFFF"> - заливка фона голубым цветом
<body style="background-image:url(filename.gif)"> - фон в виде картинки из файла filename.gif, хранящегося в той же папке, что и файл Web-страницы
