Графические элементы. Атрибуты тела документа

Атрибуты тела документа

Основы HTML

Урок 1

1.1. Структура html-документа

<html>

<head>

</head>

<body>

-//-//-//-

</body>

</html>

1.1.1.Основные теги

1) <html>…</html> - указывает программе просмотра страниц что это HTML-документ.

2) <head>…</head> - определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин.

3) <Body>…</Body> - Определяет видимую часть документа.

4) <title>…</title> - заголовок страницы.

Тэг <BODY> может также иметь параметры отступов в документе (определяются числовым значение).

Атрибуты:

- bgcolor – цвет фона;

- text – цвет текста;

- link – цвет гиперссылок;

- vlink – цвет гиперссылок, на которых уже побывали;

- alink – цвет гиперссылок при нажатии;

- leftmargin - отступ слева;
- rightmargin - отступ справа;
- topmargin - отступ сверху;
- bottom margin - отступ снизу;

- background – Указывает на картинку, которая используется в качестве фона.

Пример:

1.1.2Форматирование текста

1) <H?>…</H?> - размер заголовков

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

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

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

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

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

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

2) <P>…</P> - создание нового абзаца

Атрибуты:

- align – выравнивание

<P ALIGN=LEFT>По левому краю</P>

<P ALIGN=CENTER>По центру</P>

<P ALIGN=RIGHT>По правому краю</P>

<P ALIGN=JUSTIFY>Текст, находящийся между этими элементами выравнивается по ширине</P>

3) <BR> - переход на новую строчку

4) <Font>…</Font> - шрифт текста

Атрибуты:

- Size – размер шрифта;

- Face – тип шрифта;

- Color – цвет шрифта.

<font size="1">Пример 1</font>
<font size="2">Пример 2</font>
<font size="3">Пример 3</font>
<font size="4">Пример 4</font>
<font size="5">Пример 5</font>
<font size="6">Пример 6</font>

5) <pre>…</pre> - обрамляет предварительно отформатированный текст.

6) <B>…</B> - создает жирный текст.

7) <I>…</I> - создает наклонный текст.

8) <U>…</U> - создает подчеркнуты текст.

9) <tt>…</tt> - Создает текст – имитирующий стиль печатной машинки.

10) <Strike>…</Strike> - перечеркнутый шрифт.

11) <Big>…</Big> - крупный шрифт.

12) <Small>…</Small> - мелкий шрифт.

13) <Sub>…</Sub> - нижний индекс.

14) <Sup>…</Sup> - верхний индекс.

1) <Img src=” ”> - Добавляет изображение в HTML документ

Атрибуты: