
- •© КНТЭУ, каф.ЭКИС, доц. Шклярский С.М.
- •1. Определение, назначение, эволюция HTML
- •2. Конструкции и синтаксис языка
- •Два типа тегов:
- •Атрибуты – это директивы, которые обеспечивают дополнительную информацию для элементов HTML
- •Комментарии – это специальные элементы, содержимое которых игнорируется процедурой рендеринга браузера.
- •3. Структура HTML-документа.
- •4. Элементы заголовка.
- •TITLE - определяет имя всего документа, которое отображается в заголовке окна браузера.
- •STYLE - позволяет разместить информацию стиля в "шапке"
- •SCRIPT - помещает скрипт-код в документ
- •META содержит метаданные и управляющую информацию, которую браузер использует для
- •!DOCTYPE – информирует браузер о стандарте, который нужно применять для парсинга веб-документа.
- •5. Элементы и атрибуты тела документа
- •Определение структуры
- •3 способа задания RGB-палитры:
- •Элемент заголовка
- •Внешний вид текста
- •Разделители
- •Графика
- •6. Таблицы
- •Атрибуты:
- •7. Фреймы
- •Структура фреймов формируется при помощи специальноro элемента FRAМESET.
- •ВОПРОСЫ?

Графика
<IMG SRC="URL-изображения">- определить изображение
атрибуты:
ALIGN=TOP|BOTTOM|MIDDLE|LEFT| RIGHT –
выравнивание по горизонтали
ALIGN=TEXTTOP|ABSMIDDLE| BASELINE| ABSBOTTOM - выравнивание по вертикали
ALT=“текст“
BORDER=n
Язык гипертекстовой разметки HTML |
© КНТЭУ - 2010, каф. ЭКИС, доц. Шклярский С.М. |

6. Таблицы
<TABLE>
[<CAPTION> текст заголовка <CAPTION>]
<TR> |
[<TH>заголовок</TH>] |
[<TH>заголовок</TH>] |
</TR> |
<TR> |
[<TD>текст</TD>] |
[<TD>текст</TD>] |
</TR> |
<TR> |
[<TD>текст</TD>] |
[<TD>текст</TD>] |
</TR> |
|
… |
… |
|
</TABLE>
Язык гипертекстовой разметки HTML |
© КНТЭУ - 2010, каф. ЭКИС, доц. Шклярский С.М. |

Атрибуты:
WIDТН – задает ширину таблицы или ячейки
BORDER – задает ширину рамки (0 – невидимая рамка)
АLIGN – выравнивание содержимого таблицы или ячейки BGCOLOR – задает цвет фона таблицы/ячейки СОLSPAN – объединение ячеек по колонкам
ROWSPAN – объединение ячеек по строкам
<TR> |
<TD colspan =“2”> текст </TD> |
</TR> |
|
<TR> |
<TD rowspan=“2”> |
<TD>текст</TD> |
</TR> |
|
текст |
|
|
</TD>]
Язык гипертекстовой разметки HTML |
© КНТЭУ - 2010, каф. ЭКИС, доц. Шклярский С.М. |

7. Фреймы
Окно браузера может быть разделено на части, которые называются фреймами (кадрами, подокнами).
В каждый фрейм, может быть заrpужен отдельный НТМL- документ.
Fr1.html
Fr2.html Fr3.html
Структура разбивки окна хранится в отдельном НТМL документе, специальной структуры.
В нем отсутствует елемент BODY
Язык гипертекстовой разметки HTML |
© КНТЭУ - 2010, каф. ЭКИС, доц. Шклярский С.М. |

Структура фреймов формируется при помощи специальноro элемента FRAМESET.
Атрибуты: rows = список
Определяет вывод горизонтальных фрэймов. Это разделённый запятыми список пикселов,
процентов |
и относительных размеров. По |
|
умолчанию - 100%, |
один ряд. |
|
cols = список |
|
|
Определяет вывод вертикальных фрэймов. По |
||
умолчанию - |
100%, один столбец. |
<FRAMESET rows=«30%,70%" cols="330,*">
...остальная часть определения...
</FRAMESET>
Язык гипертекстовой разметки HTML |
© КНТЭУ - 2010, каф. ЭКИС, доц. Шклярский С.М. |

Содержимое каждого фрейма определяется тегом <FRAME>
Атрибуты: src = URL
Определяет адрес страницы, которая будет загружена
в фрейм. scrolling = auto | yes | no
Прокрутка окна фрэйма. frameborder = 1|0
Обрамление фрейма. 1 – есть разделитель, 0 – нет Marginwidth, marginheight = число
Определяет левое, правое и верхнее, нижнее поля между границей фрэйма и его содержимым. Значение должно быть больше нуля (в пикселах)
Язык гипертекстовой разметки HTML |
© КНТЭУ - 2010, каф. ЭКИС, доц. Шклярский С.М. |

ВОПРОСЫ?
Язык гипертекстовой разметки HTML |
© КНТЭУ - 2010, каф. ЭКИС, доц. Шклярский С.М. |