Основы языка HTML Теги разметки документа. Тег (tag - указатель, метка) Команда или фрагмент кода, который описывает определенный элемент документа HTML. - презентация

1 Основы языка HTML Теги разметки документа

2 Тег (tag - указатель, метка) Команда или фрагмент кода, который описывает определенный элемент документа HTML и заключается в скобки. В ней содержится информация, как должен выглядеть данный элемент на WEB–странице.

3 Структура html-документа {Заголовок документа} {Тело документа}

4 Основные теги Текст документа Заголовок документа Название документа Содержимое документа Абзац Заголовок 1 го -6 го уровня где i=1, 2, …, 6 (1-самый большой)

5 Заголовки сайта Заголовок

6 Теги управления стилем текста Жирный текст Выделенный текст Курсив Подчеркнутый Перечеркнутый Верхний индекс Нижний индекс

7 Атрибут выравнивания Теги и могут содержать атрибут выравнивания ALIGN: ALIGN=CENTER – по центру ALIGN=RIGHT – по правому краю ALIGN=LEFT – по левому краю

8 Форматирование текста - перевод каретки внутри абзаца - чертит горизонтальную линию текст печатает блок текста с отступом

9 Изменение размера текста … - увеличенный текст … - уменьшенный текст

10 Задание цвета шрифта и фона страницы задает для всего текста определенный цвет (в данном случае красный) задает цвет фона всего документа (в данном случае оливковый) Кодировка палитры

11 Форматирование текста Параметры шрифта определяют с помощью элемента FONT и атрибутов: face=название шрифта color=цвет шрифта size=размер шрифта Пример: Текст

12 формат ячеек таблицы. Тег может включать следующие атрибуты: (см. Файл)Файл Создание таблицы

13 Пример таблицы Такая таблица реализуется следующим кодом: Ячейка 1 Ячейка 2 Ячейка 3 Ячейка 4 Ячейка 1 Ячейка 3 Ячейка 2 Ячейка 4

14 Примечание: В данном примере создана таблица с фиксированной шириной (WIDTH="200" пикселей), но лучше использовать проценты, т.к. в этом случае размер таблицы будет изменятся в зависимости от размера окна.

15 Таблица может включать заголовок, который располагается между тегами Заголовок. Он должен быть непосредственно после тега. К заголовку возможно применение атрибута ALIGN, определяющего его положение относительно таблицы: TOP - значение по умолчанию, заголовок над таблицей по центру. LEFT - заголовок над таблицей слева. RIGHT - заголовок над таблицей справа. BOTTOM - заголовок под таблицей по центру.

16 Атрибуты Графический фон в виде «черепицы» Примечание: чтобы достичь эффекта «черепицы», размер рисунка должен быть небольшой