HTML HTML – это язык для создания Web-ресурсов. HTML (англ. Hyper Text Markup Language ) язык разметки гипертекста. - презентация

1

2 HTML

3 HTML

4

5

6

7

8

9

10

11

12

13

14

15

16

17 – это язык для создания Web-ресурсов. HTML (англ. Hyper Text Markup Language ) язык разметки гипертекста

18 История создания HTML 1989 – Тим Бернерс-Ли разработал язык HTML 1993 – разработан стандарт HTML – разработан стандарт HTML – разработаны стандарты HTML 3.2 и HTML 4.0 Дата рождения: 8 июня 1955 Место рождения: Лондон, Англия Научная сфера: информационные технологии Место работы: Консорциум Всемирной паутины

19 Структура HTML-документа HTML-файл состоит из «головы» (заголовка) и «тела». Тело HTML-документа заключает в себе все информативное содержание. В заголовке указывается тип документа, его кодировка, язык, имя автора и прочая дополнительная информация.

20 Технология HTML состоит в том, что в обычный текстовый документ вставляются упра вляющие метки – тэги ( англ. tag - метка) – команды языка HTML.

21 Заголовок Первый абзац документа ……… Последний абзац документа заголовок Структура HTML-документа Тэги

22 Общий вид тэга Стартовый тэг: Конечный тэг: Парные тэги определяют границы действия элементов. Контейнер Тэги могут быть парными и одиночными.

23 tag /tag

24 Атрибут тэга – параметр или свойство элемента.

25 Общий вид атрибута Имя атрибута =значение Атрибуты записываются внутри стартового тэга:

26 Программа-браузер Управляющая часть Окно просмотра интерпретированного HTML-документа Заголовок окна Строка адреса (URL) Взаимодействие документа и браузера Первый абзац документа ……… Последний абзац документа Заголовок

27 Первый абзац документа ……… Последний абзац документа Заголовок HTML-документПрограмма-браузер URL:

28 Первый абзац документа ……… Последний абзац документа Заголовок HTML-документПрограмма-браузер URL:

29 Первый абзац документа ……… Последний абзац документа Заголовок HTML-документПрограмма-браузер URL:

30 Первый абзац документа ……… Последний абзац документа Заголовок HTML-документПрограмма-браузер URL:

31 Первый абзац документа ……… Последний абзац документа Заголовок HTML-документПрограмма-браузер ДОКУМЕНТ НАЙДЕН… ЖДИТЕ.

32 Первый абзац документа ……… Последний абзац документа Заголовок HTML-документПрограмма-браузер НАЙДЕНО НАЧАЛО HTML-КОДА

33 Первый абзац документа ……… Последний абзац документа Заголовок HTML-документПрограмма-браузер НАЧАТО ИНТЕРПРЕТИРОВАНИЕ ГОЛОВЫ

34 Первый абзац документа ……… Последний абзац документа Заголовок HTML-документПрограмма-браузер ИНТЕРПРЕТАЦИЯ ЗАГОЛОВКА Заголовок

35 Первый абзац документа ……… Последний абзац документа Заголовок HTML-документПрограмма-браузер Заголовок ГОЛОВА ПРОИНТЕРПРЕТИРОВАНА

36 Первый абзац документа ……… Последний абзац документа Заголовок HTML-документПрограмма-браузер Заголовок НАЧАТО ИНТЕРПРЕТИРОВАНИЕ ДОКУМЕНТА

37 Первый абзац документа ……… Последний абзац документа Заголовок HTML-документПрограмма-браузер Заголовок ИНТЕРПРЕТИРУЕТСЯ ТЕКСТ Первый абзац

38 Первый абзац документа ……… Последний абзац документа Заголовок HTML-документПрограмма-браузер Заголовок Первый абзац ИНТЕРПРЕТИРУЕТСЯ КАРТИНКА

39 Первый абзац документа ……… Последний абзац документа Заголовок HTML-документПрограмма-браузер Заголовок Первый абзац ИНТЕРПРЕТИРУЕТСЯ …ТЕКСТ ……………… Последний абзац

40 Первый абзац документа ……… Последний абзац документа Заголовок HTML-документПрограмма-браузер Заголовок Первый абзац ……………… Последний абзац ЗАКОНЧЕНО ИНТЕРПРЕТИРОВАНИЕ ДОКУМЕНТА

41 Первый абзац документа ……… Последний абзац документа Заголовок HTML-документПрограмма-браузер Заголовок Первый абзац ……………… Последний абзац ДОСТИГНУТА ГРАНИЦА HTML- ДОКУМЕНТА

42 Т екст С писки Т аблицы Г рафика Г иперссылки Ф ормы Основные элементы HTML

43 Основные тэги HTML

44 Структура Web-страницы НазначениеФормат Значения атрибутов Начало и конец страницы Описание страницы, в том числе ее имя Имя страницы Содержание страницы

45 Форматирование текста НазначениеФормат Значения атрибутов Заголовок (уровни от 1 до 6) Заголовок с выравниванием left; center; right Абзац Абзац с выравниванием left; center; right Перевод строки Горизонтальный разделитель Выравнивание по центру Адрес автора

46 Форматирование шрифта НазначениеФормат Значения атрибутов Жирный Курсив Верхний индекс Нижний индекс Размер шрифта (от 1 до 7) Цвет шрифта (задается названием цвета или его 16- ричным кодом) red; blue; #FFFFFF и др. Гарнитура шрифта Arial; TimesET и др.

47 Вставка изображений НазначениеФормат Значения атрибутов Вставка изображения Выравнивание текста около изображения top; bottom; middle; left; right Вывод текста вместо изображения текст

48 Цвет фона, текста и ссылок НазначениеФормат Значения атрибутов Фоновое изображение Цвет фона red; blue; #FFFFFF и др. Цвет текста Цвет ссылки Цвет пройденной ссылки Цвет активной ссылки

49 Вставка гиперссылок НазначениеФормат Значения атрибутов Ссылка на другую страницу указатель ссылки Ссылка на закладку в другом документе указатель ссылки Ссылка на закладку в том же документе указатель ссылки Определение закладки

50 Списки НазначениеФормат Значения атрибутов Ненумерованный Тип метки disk; circle; square Нумерованный Тип нумерации A, a, I, i, 1 Первый номер списка 1, 2, … Список определений термин определение Меню Каталог

51 Формы НазначениеФормат Значения атрибутов Форма Текстовое поле NAME=name 1, 2, 3, … Гр. переключателей NAME=group rad1; rad2; rad3 Группа флажков NAME=group ch1; ch2; ch3 Раскрывающийся список NAME=list Первый Второй Текстовая область NAME=resume NAME=resume ROWS=?COLS=?> 1, 2, 3,... Кнопка Отправить Кнопка Очистить

52 Названия цветов и соответствующие значения RGB Black = "#000000"Maroon = "#800000" Green = "#008000"Navy = "#000080" Silver = "#C0C0C0"Red = "#FF0000" Lime = "#00FF00"Blue = "#0000FF" Gray = "#808080"Purple = "#800080" Olive = "#808000"Teal = "#008080" White = "#FFFFFF"Fuchsia = "#FF00FF" Yellow = "#FFFF00"Aqua = "#00FFFF"