был разработан британским учёным Тимом Бернерсом-Ли приблизительно в годах. это язык разметки гипертекста

- это способ организации текстовой информации, внутри которой установлены смысловые связи (гиперссылки) между различными ее фрагментами

Документ, выполненный в форме HTML называется: HTML – документом; Web – документом; Web – страницей. Расширение таких страниц htm или html

Структура HTML документа Любая Web-страница начинается с тэга и заканчивается тэгом. Начало разметки гипертекст а Конец разметки гипертекст а

описание Web-страницы содержание Web-страницы Структура HTML документа

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

Анатомия Web-документа Большинство HTML-меток парные, то есть на каждую открывающую метку вида есть закрывающая метка вида с тем же именем, но с добавлением "/". Теги можно вводить как большими, так и маленькими буквами. Например, метки, и будут восприняты браузером одинаково. Теги могут содержать атрибуты элементы, дающие дополнительную информацию.

Основные теги 1. документ на языке HTML. 2. заголовок Web-страницы. 3. название сайта. 4. заключает в себе гипертекст.

Пример документа HTML Лабораторная 1. Пример 1. Привет! Это простейший пример HTML-документа. Этот html-файл может быть одновременно открыт и в блокноте, и в Internet Explorer'е. Сохранив изменения в блокноте, просто нажмите кнопку Reload ('перезагрузить') в Explorerе, чтобы увидеть эти изменения. Пример

Пример документа HTML Лабораторная 2. Пример 1. Привет! Это простейший пример HTML-документа. Этот html-файл может быть одновременно открыт и в блокноте, и в Internet Explorer'е. Сохранив изменения в блокноте, просто нажмите кнопку Reload ('перезагрузить') в Explorer'е, чтобы увидеть эти изменения. Пример

Создание простейших файлов HTML. Учебный файл HTML Расписание занятий на вторник Пример

Управление расположением текста на экране. Учебный файл HTML Расписание занятий на вторник Пример

Браузеры автоматически размещают текст на экране, не принимая во внимание встречающиеся в файле переводы строк и идущие подряд пробелы. Существуют специальные команды, выполняющие перевод строки и задающие начало нового абзаца.

Перевод текста на новую строку переносит текст на новую строку Тег абзаца отделяет строку и добавляет пустую строку перед абзацем Тег устанавливает границу абзаца.

Перевод текста на новую строку Учебный файл HTML Расписание занятий на вторник Пример

Выделение фрагментов текста полужирный шрифт, курсив, подчеркивание.

Выделение фрагментов текста Учебный файл HTML Расписание занятий на вторник Пример

Изменение размера текста Существует два способа управления размером текста, отображаемого браузером: использование стилей заголовка; задание размера текущего шрифта;

Изменение размера шрифта - тег стиля (выделяет заголовок) Учебный файл HTML Расписание занятий на вторник Пример

Задание текущего шрифта Тег управляет шрифтом Атрибуты SIZE=7 - размер шрифта FACE=ARIAL - шрифт COLOR=X - цвет шрифта. Вместо Х надо подставить название цвета Пример: текст

Таблица основных цветов black | черный white | белый red | красный green | зеленый azure | бирюзовый blue | синий gray | серый purple | фиолетовый yellow | желтый brown | коричневый orange | оранжевый violet | лиловый FFFFFF FF FF00 00FFFF 0000FF A0A0A0 FF00FF FFFF FF FF

Изменение размера шрифта Учебный файл HTML Расписание занятий на вторник Пример

Гарнитура и цвет шрифта Учебный файл HTML Расписание занятий на вторник Пример

Выравнивание абзаца Атрибуты тега : ALIGN=CENTER по центру ALIGN=RIGHT по правому краю ALIGN=LEFT по левому краю Пример: текст

Выравнивание текста по горизонтали Учебный файл HTML Расписание занятий на вторник Пример

Задание цвета фона и текста Атрибуты тега : BGCOLOR=X - цвет фона страницы, TEXT=X - цвет текста для всей страницы

Задание цвета фона и текста Учебный файл HTML Расписание занятий на вторник Пример