HTML
HTML
– это язык для создания Web-ресурсов. HTML (англ. Hyper Text Markup Language ) язык разметки гипертекста
История создания HTML 1989 – Тим Бернерс-Ли разработал язык HTML 1993 – разработан стандарт HTML – разработан стандарт HTML – разработаны стандарты HTML 3.2 и HTML 4.0 Дата рождения: 8 июня 1955 Место рождения: Лондон, Англия Научная сфера: информационные технологии Место работы: Консорциум Всемирной паутины
Структура HTML-документа HTML-файл состоит из «головы» (заголовка) и «тела». Тело HTML-документа заключает в себе все информативное содержание. В заголовке указывается тип документа, его кодировка, язык, имя автора и прочая дополнительная информация.
Технология HTML состоит в том, что в обычный текстовый документ вставляются упра вляющие метки – тэги ( англ. tag - метка) – команды языка HTML.
Заголовок Первый абзац документа ……… Последний абзац документа заголовок Структура HTML-документа Тэги
Общий вид тэга Стартовый тэг: Конечный тэг: Парные тэги определяют границы действия элементов. Контейнер Тэги могут быть парными и одиночными.
tag /tag
Атрибут тэга – параметр или свойство элемента.
Общий вид атрибута Имя атрибута =значение Атрибуты записываются внутри стартового тэга:
Программа-браузер Управляющая часть Окно просмотра интерпретированного HTML-документа Заголовок окна Строка адреса (URL) Взаимодействие документа и браузера Первый абзац документа ……… Последний абзац документа Заголовок
Первый абзац документа ……… Последний абзац документа Заголовок HTML-документПрограмма-браузер URL:
Первый абзац документа ……… Последний абзац документа Заголовок HTML-документПрограмма-браузер URL:
Первый абзац документа ……… Последний абзац документа Заголовок HTML-документПрограмма-браузер URL:
Первый абзац документа ……… Последний абзац документа Заголовок HTML-документПрограмма-браузер URL:
Первый абзац документа ……… Последний абзац документа Заголовок HTML-документПрограмма-браузер ДОКУМЕНТ НАЙДЕН… ЖДИТЕ.
Первый абзац документа ……… Последний абзац документа Заголовок HTML-документПрограмма-браузер НАЙДЕНО НАЧАЛО HTML-КОДА
Первый абзац документа ……… Последний абзац документа Заголовок HTML-документПрограмма-браузер НАЧАТО ИНТЕРПРЕТИРОВАНИЕ ГОЛОВЫ
Первый абзац документа ……… Последний абзац документа Заголовок HTML-документПрограмма-браузер ИНТЕРПРЕТАЦИЯ ЗАГОЛОВКА Заголовок
Первый абзац документа ……… Последний абзац документа Заголовок HTML-документПрограмма-браузер Заголовок ГОЛОВА ПРОИНТЕРПРЕТИРОВАНА
Первый абзац документа ……… Последний абзац документа Заголовок HTML-документПрограмма-браузер Заголовок НАЧАТО ИНТЕРПРЕТИРОВАНИЕ ДОКУМЕНТА
Первый абзац документа ……… Последний абзац документа Заголовок HTML-документПрограмма-браузер Заголовок ИНТЕРПРЕТИРУЕТСЯ ТЕКСТ Первый абзац
Первый абзац документа ……… Последний абзац документа Заголовок HTML-документПрограмма-браузер Заголовок Первый абзац ИНТЕРПРЕТИРУЕТСЯ КАРТИНКА
Первый абзац документа ……… Последний абзац документа Заголовок HTML-документПрограмма-браузер Заголовок Первый абзац ИНТЕРПРЕТИРУЕТСЯ …ТЕКСТ ……………… Последний абзац
Первый абзац документа ……… Последний абзац документа Заголовок HTML-документПрограмма-браузер Заголовок Первый абзац ……………… Последний абзац ЗАКОНЧЕНО ИНТЕРПРЕТИРОВАНИЕ ДОКУМЕНТА
Первый абзац документа ……… Последний абзац документа Заголовок HTML-документПрограмма-браузер Заголовок Первый абзац ……………… Последний абзац ДОСТИГНУТА ГРАНИЦА HTML- ДОКУМЕНТА
Т екст С писки Т аблицы Г рафика Г иперссылки Ф ормы Основные элементы HTML
Основные тэги HTML
Структура Web-страницы НазначениеФормат Значения атрибутов Начало и конец страницы Описание страницы, в том числе ее имя Имя страницы Содержание страницы
Форматирование текста НазначениеФормат Значения атрибутов Заголовок (уровни от 1 до 6) Заголовок с выравниванием left; center; right Абзац Абзац с выравниванием left; center; right Перевод строки Горизонтальный разделитель Выравнивание по центру Адрес автора
Форматирование шрифта НазначениеФормат Значения атрибутов Жирный Курсив Верхний индекс Нижний индекс Размер шрифта (от 1 до 7) Цвет шрифта (задается названием цвета или его 16- ричным кодом) red; blue; #FFFFFF и др. Гарнитура шрифта Arial; TimesET и др.
Вставка изображений НазначениеФормат Значения атрибутов Вставка изображения Выравнивание текста около изображения top; bottom; middle; left; right Вывод текста вместо изображения текст
Цвет фона, текста и ссылок НазначениеФормат Значения атрибутов Фоновое изображение Цвет фона red; blue; #FFFFFF и др. Цвет текста Цвет ссылки Цвет пройденной ссылки Цвет активной ссылки
Вставка гиперссылок НазначениеФормат Значения атрибутов Ссылка на другую страницу указатель ссылки Ссылка на закладку в другом документе указатель ссылки Ссылка на закладку в том же документе указатель ссылки Определение закладки
Списки НазначениеФормат Значения атрибутов Ненумерованный Тип метки disk; circle; square Нумерованный Тип нумерации A, a, I, i, 1 Первый номер списка 1, 2, … Список определений термин определение Меню Каталог
Формы НазначениеФормат Значения атрибутов Форма Текстовое поле 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,... Кнопка Отправить Кнопка Очистить
Названия цветов и соответствующие значения 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"