Для создания web-страниц используется язык разметки гипертекста HTML.
Код страницы набирается в текстовом редакторе Блокнот или в специальных редакторах web-страниц и оформляется с помощью команд языка HTML.
Web-страницы имеют формат (расширение) file_name.html или file_name.htm.
Команды HTML задаются с помощью специальных элементов - тэгов, которые заключаются в угловые скобки. Прописные и строчные буквы при написании тэгов не различаются.
Существует 2 вида тэгов:
- непарные, например, <BR> - тэг перевода строки;
- парные, например, <B>информатика</B> - выделение слова "информатика" полужирным шрифтом.
Парные тэги образуют контейнер. Признаком окончания действия парного тэга служит слэш /.
Программы, написанные на языке HTML, имеют определенную стандартизированную структуру.
Основные теги разметки
<HTML> ... </HTML> - контейнер, который должен находиться в любом html-документе (указывает на то, что данный документ содержит в себе html-текст).
<HEAD> ... </HEAD>. Определяет заголовок страницы, содержит справочную информацию о странице (название, ключевые слова, используемая кодировка, ключевые слов и т.д.).
<HEAD> ... </HEAD>. Определяет заголовок страницы, содержит справочную информацию о странице (название, ключевые слова, используемая кодировка, ключевые слов и т.д.).
<TITLE> ... </TITLE>. Определяет название страницы, которое будет выведено в строке заголовка браузера.
<BODY> и </BODY>. Определяет содержимое страницы, выводимое на экран монитора.
<P> и </P> - теги, служащие для выделения абзацев. Новый абзац всегда отделяется от предыдущего пустой строкой.
<BR> - тег, служащий для переноса текста на другую строку. Может также служить для отделения графики от текста на интервал.
<HR> - тег, служащий для логического разделения текста горизонтальной линией.
<PRE> и </PRE> - Между этими тегами располагается предварительно отформатированный текст. На экран он выводится шрифтом типа "курьер".
Параметры выравнивания
Используются в <P> и <H>
ALIGN=LEFT - выравнивание по левому полю
ALIGN=RIGHT - выравнивание по правому полю
ALIGN=CENTER - выравнивание по центру
Теги выравнивания
<LEFT> и </LEFT> - выравнивание по левому полю
<RIGHT> и </RIGHT> - выравнивание по правому полю
<CENTER> и </CENTER> - выравнивание по центру
Заголовки, служащие для выделения логических частей текста
<H1> и </H1> - Заголовок первого уровня.
<H2> и </H2> - Заголовок второго уровня.
<H3> и </H3> - Заголовок третьего уровня.
<H4> и </H4> - Заголовок четвертого уровня.
<H5> и </H5> - Заголовок пятого уровня.
<H6> и </H6> - Заголовок шестого уровня.
Теги для выделения текста и шрифта
<B> и </B> - теги для выделения текста (слов, букв) жирным шрифтом.
<I> и </I> - теги для выделения текста (слов, букв) курсивным шрифтом, типа Italic.
<U> и </U> - текст, расположенный между двумя этими тегами, будет подчеркнут.
<BLINK> и </BLINK> - текст, расположенный между двумя этими тегами, будет мигать.
<FONT SIZE=n>и</FONT> - теги для изменения размера шрифта (где n - размер шрифта в пикселях px).
<FONT COLOR="#FFFFFF"> и </FONT> - теги для изменения цвета шрифта.
Теги для формирования списков
<OL> и </OL> - теги, показывающие начало и конец нумерованного списка
<UL> и </UL> - теги, показывающие начало и конец маркированного списка.
<LI> - Элемент списка
Теги-команды для вставки в текст объектов не текстовой информации
<IMG SRC="file.gif"> или <IMG SRC="file.jpg"> - команда для вставки графического изображения
<IMG SRC="file.wav"> - команда для вставки звукового фрагмента
<IMG SRC="file.avi"> - команда для вставки видео фрагмента
Параметры графического изображения
WIDHT - ширина картинки в пикселях
HEIGHT- высота картинки в пикселях
ALIGN - выравнивание (ALIGN=LEFT - выравнивание по левому полю, ALIGN=RIGHT - по правому полю, ALIGN=TOP - по верхней границе, ALIGN=BOTTOM - по нижней границе, ALIGN=MIDDLE или CENTER - по центру)
HSPACE - горизонтальный отступ от графического изображения
VSPACE - вертикальный отступ
ALT - альтернативный текст, служит для обозначения изображения
