Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Уч-мет пос. для провед. практ. зан. КИТ Тебекин....doc
Скачиваний:
32
Добавлен:
12.07.2019
Размер:
66.45 Mб
Скачать

1.2. Общая структура кода html

Любой Web-документ начинается с тега <HTML> и заканчивается тегом </HTML>, свидетельствующими о том, что документ создан с помощью языка HTML.

Содержание документа состоит из названия HEAD (голова) и непосредственно текста BODY (тело). Элементы, которые могут включаться в элемент HEAD, не должны входить в элемент BODY, и наоборот. После тега <HEAD> следует название документа, заключенное в теги <TITLE> и </TITLE>. Кроме собственно названия документа здесь могут быть размещены различные сведения (авторы сайта, данные о проекте, корпорации).

Таблица 8.1

Тег

Синтаксис (примеры)

Назначение

<HTML>

<HTML> </HTML>

Обозначение HTML – документа

<HEAD>

<HEAD> </HEAD>

Заголовочная часть документа

<TITLE>

<TITLE> Заголовок страницы </TITLE>

Заголовок документа

<BODY>

<body bgColor=#3f3f3f background="Рис.bmp"> </body>

Тело документа (bgColor-цвет фона; background-рисунок фона.)

<Hn>

<Hn> Заголовок </Hn>

Заголовок абзаца с 1 по 6 (n = 1…6)

<P>

<P>Содержание абзаца </P>

Абзац

<BR>

<BR>

Перевод строки без конца абзаца

<FONT>

<font size=6 color="#ff00f00"> Текст </font>

Управление атрибутами шрифта

<B>

<B> Текст </B>

Жирный текст

<I>

<I> Текст </I>

Наклонный текст (курсив)

<U>

<U> Текст </U>

Подчеркивание

<STRONG>

<STRONG> Текст </STRONG>

Усиленное выделение

<PRE>

<PRE> Текст </PRE>

Тег текста заданного формата

<EM>

<EM> Текст </EM>

Выделение (логическое ударение)

<UL>

<UL></UL>

Неупорядоченный список

<LI>

<UL><LI>Элемент списка</UL>

Тег элемента списка

<OL>

<OL><LI>Элемент списка </OL>

Упорядоченный список

<TT>

<TT> Текст </TT>

Непропорциональный текст

<HR>

<hr size=12 color="#0000ff">

Горизонтальная линия (size-толщина; color-цвет)

<TABLE>

<TABLE> </TABLE>

Таблица

<TR>

<TR> </TR>

Строка таблицы

<TD>

<TD> </TD>

Ячейка таблицы

<A >

<A HREF="http://www.tut.by"> Текст </A>

<a href="#Ссылка"> Текст А </a>

<a name="Ссылка"> Текст В</a>

Тег якоря (исходной точки или точки

назначения гиперссылки)

<IMG>

<img height=91 width=124 src="Фото.jpg" align="top" alt="Фото5" border=1 ></img>

Изображение (height-высота; width-ширина; src-адрес файла; align-положение; alt-надпись; border-рамка)

Структура расположения основных тегов имеет вид:

<html>

<head>

<title> Новая страница </title>

</head>

<body> Тело документа </body>

</html>

Структурно тело документа делится на заголовки и собственно текст. Первый уровень заголовка обозначается цифрой 1, второй – 2, и т. д., например:

<body>

<H1> Заголовок первого уровня </H1>

<H2> Заголовок второго уровня </H2>

</body>

HTML позволяет использовать до шести различных размеров заголовков текста Н1,... Н6. Новые теги добавляются в строгой последовательности, т.е. например, после тегов <H2> …</H2> должны стоять только теги <H3> …</H3>.

В отличие от многих текстовых редакторов, в HTML – документе игнорируются символы перевода строки. Для перевода строки и выделения абзацев используется тэг <P>. Если его не использовать документ будет выглядеть как один сплошной абзац. Основной текст оформляется в виде абзацев (тэги <Р> ... </P>), которые не требуют специального форматирования.

Чтобы повысить наглядность структуры документа, используются метки табуляции и пустые строки.