Создание WEB-страниц с помощью HTML. Структура программы Заголовок html- документа Главная часть документа …….. …….. - презентация

1 Создание WEB-страниц с помощью HTML

2 Структура программы Заголовок html- документа Главная часть документа …….. ……..

3 Структура заголовка Заголовок содержит необходимые для работы с документом сведения: название документа, позиция в сети, связи с другими документами и т.д. Например: Первая страница

4 Структура главной части В главной части документа располагается содержимое самой Web-страницы с графикой, текстом и гиперссылками на другие ресурсы Internet.

5 Дескрипторы (оливковый цвет фона) Например:

6 Работа с текстом в документе Форматирование заголовков всех типов производится посредством дескрипторов ….. соответствует верхнему уровню в иерархии заголовков, - нижнему. Для форматирования заголовков используется атрибут align: Align=left – располагает заголовок по левому краю текста; Align=center – центрирует заголовок; Align=right – смещает заголовок к правому краю. Например: Заголовок страницы

7 Создание абзаца Для каждого абзаца текста в документе используется дескриптор и, в котором может быть использован атрибут align. Например: Это текст выравненный по центру

8 Форматирование шрифта Изменение шрифта текста осуществляется с помощью дескриптора. Этот дескриптор допускает использование следующих атрибутов: Color=Цвет – задает цвет шрифта; Например: Это текст выравненный по центру

9 Форматирование шрифта Face=Шрифт – задает вид шрифта; Например: Это текст выравненный по центру

10 Форматирование шрифта Size=n – задает размер шрифта. Например: Это текст выравненный по центру

11 Форматирование шрифта Полужирный шрифт Дескриптор, - позволяет отобразить текст полужирным шрифтом Жирный текст Курсивный текст Дескриптор, - позволяет отобразить текст курсивным шрифтом Курсивный текст

12 Создание списков Маркированные списки Создание такого списка производится посредством пары дескрипторов,. Эта пара дескрипторов автоматически формирует список. Этот дескриптор может использовать атрибут type, для задания маркера: Type=disc – в качестве маркера используется закрашенный кружок; Type=circle– в качестве маркера используется незакрашенный кружок; Type=square– в качестве маркера используется квадратик; Каждый элемент списка описывается с помощью дескриптора

13 Создание списков Например: Списки могут быть Нумерованные Маркированные Многоуровневые

14 Создание списков Нумерованные списки Создание такого списка производится посредством пары дескрипторов,. Дескриптор может использовать атрибут type, для задания способа нумерации: Type=1 – нумерация выполняется арабскими цифрами; Type=А– нумерация выполняется прописными буквами; Type=а– нумерация выполняется строчными буквами; Type=I– нумерация выполняется большими римскими цифрами; Type=i– нумерация выполняется малыми римскими цифрами;

15 Создание списков Например: Нумерованные Маркированные Многоуровневые

16 Создание таблиц Формирование таблицы осуществляется дескрипторами И. В этом дескрипторе задаются глобальные опции таблиц.

17 Создание таблиц

18 Таблицы в html состоят из строк, а строки из ячеек. Дескриптор начинает строку, а заканчивает. Между этими дескрипторами располагаются дескрипторы, описывающие ячейки - или.

19 Создание таблиц

20 В html различают две категории ячеек: ячейки заголовков ( ) и ячейки данных ( ). Содержимое ячейки данных горизонтально выравнивается по левому краю. Содержимое ячейки заголовка горизонтально выравнивается по центру и выделяется полужирным шрифтом.

21 Создание таблиц

22

23 Текст программы: Список дисциплин Наименование дисциплины 1. Математика 2. Инфopмaтикa