Web-страница – это текстовый файл, созданный командами языка HTML. Для работы с такими файлами используется специальная программа – браузер. Броузеры или браузеры - это просмотрщики HTML-файлов. Наиболее часто используемыми браузерами являются программы Internet Explorer, Netscape Communication.
HTML-файл состоит из тегов и содержимого страницы. Теги бывают парные – для указания начала и конца фрагмента и одноэлементные – для определения действия. Создают такие файлы в любом текстовом редакторе. При записи его на диск в поле Тип файла определяют Только текст, в поле Имя файла вводят имя файла, а через точку – расширение html.
Основные команды (теги), которые применяются при создании Web-страниц:
<html> ... </html> - начало и конец документа;
<head> ... </head> - область заголовка документа;
<body> ... </body> - содержание документа;
<title> ... </title> - заголовок окна броузера с открытым файлом;
<frameset rows=”N,*”> ... </frameset> - резервирование части окна для фрейма; N – количество пиксель по горизонтали, отводимое под фрейм. * - обозначает, что под второй фрейм отводится вся оставшаяся часть экрана; если в параметре указать cols=”200,*” , то экран будет разбит на два вертикальных фрейма. Размер первого –200 пиксель, а под второй отведется оставшаяся часть экрана. Значение N можно задавать в процентах.
<frame name=Имя_фрейма scr=”Имя_файла.html”> - определение имени фрейма и имени файла, который будет показан в окне;
<a href=Имя_файла.html target=Имя_фрейма> текст </a> - гиперссылка с определением части окна (фрейма) для помещения файла;
<body bgcolor=”silver” text=”black” link=”#ff0000”> определение цветов фона окна, текста, гиперссылок; цвет можно указать с помощью названия (silver или black) или шестнадцатеричным кодом (#FF0000);
<!-...> - создание комментария;
<marquee bgcolor=”#6defff”> текст </marquee> - создание бегущей строки с указанием цвета фона;
<font face=”arial” size=”6” color=”#dd0000” > - определение типа шрифта, его размера, цвета;
<img src=”Имя_файла.jpg” width=”220” height=”140” alt=”изображение”> - вставка графического объекта с определением его ширины, высоты и комментария, который появляется на экране дисплея после подведения указателя мыши к объекту;
<bgsound=”Имя_файла.wav” loop=”infinitive”> - вставка звукового файла, где loop определяет продолжительность звучания;
  – абзацное отступление;
<p> ... </p> - абзац;
<br> ... </br> - переход на красную строку;
<b> ... </b> - форматирование текста полужирным шрифтом;
<и> ... </и> - форматирование текста курсивом;
<u> ... </u> - форматирование текста подчеркнутым шрифтом;
<ul> ... </ul> - начало (конец) маркированного списка;
<ol> ... </ol> - начало (конец) нумерованного списка;
<li> ... </li> - элемент списка;
<a hreaf=”URL-адрес”> текст </a> - гиперссылка на другой сайт;
<p fling=center> - определение вида выравнивание абзаца;
<table> ... </table> - начало (конец) таблицы;
<table border=3> - создание рамки таблицы;
<td> ... </td> - начало (конец) клетки таблицы;
<tr> ... </tr> - начало (конец) строки таблицы;
<th> ... </th> - заголовок столбца таблицы;
Чтобы включить в Web-страницу файл мультимедиа (звуковой, видео файл или файл анимационной графики) надо воспользоваться дескриптором <embed>:
<embed src=” Имя_файла.swf” width=140 height=130>
В этом случае сначала запускается Flash проигрыватель (это определяется типом файла *.swf ), а дальше отображается файл анимации в окне шириной 140 и высотой 130 пиксель.
Тэг <Meta> размещается на странице между тэгами <HEAD> и </HEAD>. Информация, указываемая в этом тэге, не отображается браузером, однако имеет большое значение. Она позволяет задавать кодовую страницу языка просмотра документа, ключевые слова, по которым вашу страницу будут искать поисковые системы, и т.д.
Параметры тэга делятся на две группы – НТТР-эквиваленты и группа NAME. В первой группе задаем тип документа и его кодировку (то есть какими кодами будут отображаться русские буквы)
<META HTTP-EQUIV=”CONTENT-TYPE”
CONTENT=”text/html; charset=windows-1251”>
Во второй группе задаем описание документа и ключевые слова:
<META NAME=”DESCRIPTION” CONTENT=”Описание данного документа, до 100 символов. Отображается поисковым сервером в результатах поиска.”>
<META NAME=”KEYWORDS” CONTENT=”Ключевые слова, разделенные запятой, до 1000 символов”
Ключевые слова – это набор ключевых слов и фраз, наиболее полно характеризующих данный документ. Являются основным критерием поиска вашей страницы поисковыми системами. В конечном счете эти слова учитываются при выдаче результатов поиска и способствуют повышению рейтинга вашего сайта.
Таблица 5
Назначение
Вид тегов
Примечание
Общая структура документа HTML
Тип документа
<HTML></HTML>
Начало и конец
Имя документа
<HEAD></HEAD>
Не отображается браузером
Заголовок
<TITLE></TITLE>
Отображается в строке заголовка окна браузера
Тело
<BODY></BODY>
Комментарий
<! --***-->
Обозревателем игнорируется
Структура содержания документа
Внутренние заголовки различного уровня
<HN></HN>
Где N – номер уровня заголовка (от1 до 6).
Заголовок с выравниванием
<H? ALIGN=”left”></H?>
Типы выравнивания:
· left - по левому краю,
· center - по центру,
· right - по правому краю
Форматирование абзацев
Создание абзаца (параграфа)
<P></P>
Перевод строки внутри абзаца
<BR>
Одиночный тег
Перенос
<WBR>
Выравнивание абзаца
<P ALIGN=”left”></P>
Типы выравнивания:
· left - по левому краю,
· center - по центру,
· right - по правому краю
Разделительная горизонтальная линия между абзацами
<HR>
Одиночный тег
Толщина линии
<HR SIZE=?>
Размер указывается в пикселях
Таблица 6
Форматирование шрифта
Жирный
<B></B>
Фрагмент документа:
<HR> Обычный текст
<B>Жирный</B>
<EM>Выделение текста</EM>
</HR>
Курсив
<I></I>
Выделение текста
<EM></EM> или
<STRONG>
Подчеркнутый
<U></U>
Верхний индекс
<SUB></SUB>
Нижний индекс
<SUP></SUP>
Размер шрифта
<FONT SIZE=?></FONT>
От 1 до 7
Базовый размер шрифта
<BASEFONT SIZE=?>
От 1 до 7; по умолчанию равен 3 и задается для всего документа в целом
Цвет шрифта
(задается либо ключевым словом, либо шестнадцатеричным кодом)
<FONT COLOR=”$$$$$$”>
</FONT>
Red –красный
Blue – голубой
#ff0000 – 16-теричный код – красный цвет в формате RGB
