Слайд 2
![Тим Бернерс-Ли –создатель языка HTML](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/54361/slide-1.jpg)
Тим Бернерс-Ли –создатель языка HTML
Слайд 3
![http://html-5.ru/teg-header-html5 http://www.wisdomweb.ru http://gabdrahimov.ru http://htmlbook.ru http://laptev-alex.ru](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/54361/slide-2.jpg)
http://html-5.ru/teg-header-html5
http://www.wisdomweb.ru
http://gabdrahimov.ru
http://htmlbook.ru
http://laptev-alex.ru
Слайд 4
![Спецификации HTML HTML 0.9; HTML 2.0 – 22 сентября 1995](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/54361/slide-3.jpg)
Спецификации HTML
HTML 0.9;
HTML 2.0 – 22 сентября 1995 года;
HTML 3.2 – 14 января 1997 года;
HTML
4.0 – 18 декабря 1997 года;
HTML 4.01 – 24 декабря 1999 года;
HTML5 – 28 октября 2014 года;
HTML 5.1 начал разрабатываться 17 декабря 2012 года
Слайд 5
![Тег – это элемент языка HTML, с помощью которого выполняется](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/54361/slide-4.jpg)
Тег – это элемент языка HTML, с помощью которого выполняется разметка
исходного текста веб-страницы.
Теги представляют из себя сокращения или аббревиатуры английских слов, заключенные в угловые скобки <>.
Слайд 6
![Синтаксис элемента Элемент HTML – это основная структурная единица веб-страницы, написанная на языке HTML.](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/54361/slide-5.jpg)
Синтаксис элемента
Элемент HTML – это основная структурная единица веб-страницы, написанная на
языке HTML.
Слайд 7
![Формат тега языка HTML](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/54361/slide-6.jpg)
Слайд 8
![Элемент HTML – это основная структурная единица веб-страницы, написанная на языке HTML.](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/54361/slide-7.jpg)
Элемент HTML – это основная структурная единица веб-страницы, написанная на языке
HTML.
Слайд 9
![Язык HTML следует правилам, которые содержатся в файле объявления типа](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/54361/slide-8.jpg)
Язык HTML следует правилам, которые содержатся в файле объявления типа документа
(Document Type Definition, или DTD). DTD определяет какие теги, атрибуты и их значения действительны для конкретного типа HTML. Для каждой версии HTML есть свой DTD.
DOCTYPE отвечает за корректное отображение веб-страницы браузером.
Слайд 10
![Правила языка разрешается использовать в тегах как прописные, так и](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/54361/slide-9.jpg)
Правила языка
разрешается использовать в тегах как прописные, так и строчные буквы;
разрешены
атрибуты без значений;
значения атрибутов не требуется брать в кавычки, если они не содержат запретных символов;
названия элементов не могут содержать пробелов;
элементы могут быть вложены друг в друга, при этом должно соблюдаться правило вложенности
Слайд 11
![Группы тегов блочные; строчные.](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/54361/slide-10.jpg)
Группы тегов
блочные;
строчные.
Слайд 12
![Блочные элементы представляют собой строительные блоки веб-страницы. Используются для разделения](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/54361/slide-11.jpg)
Блочные элементы представляют собой строительные блоки веб-страницы.
Используются для разделения содержимого
веб-страницы на логические блоки (шапка сайта, меню, блок с контентом, нижний колонтитул и др.).
Блочные элементы нельзя вкладывать в строчные.
Слайд 13
![Строчные элементы используются для разметки частей содержимого элементов. Ширина строчного](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/54361/slide-12.jpg)
Строчные элементы используются для разметки частей содержимого элементов. Ширина строчного элемента
равна объему содержимого.
В строчные элементы допустимо помещать другие строчные элементы, вставлять блочные элементы запрещено
Слайд 14
![Структура HTML-документа Заголовок окна Содержательная часть](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/54361/slide-13.jpg)
Структура HTML-документа
Заголовок окна Содержательная часть
Слайд 15
![Отвечает за определение типа документа, указывает браузеру, какая версия HTML](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/54361/slide-14.jpg)
Отвечает за определение типа документа, указывает браузеру, какая версия HTML используется
на данной странице. Сообщает браузеру, как интерпретировать документ. Не является тегом.
Слайд 16
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/54361/slide-15.jpg)
Слайд 17
![Элемент Является контейнером, который заключает в себе всё содержимое веб-страницы](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/54361/slide-16.jpg)
Элемент
Является контейнером, который заключает в себе всё содержимое веб-страницы
Элемент
Является
контейнером для других элементов, которые предоставляют информацию о документе, известную как метаданные.
Слайд 18
![Внутри контейнера head могут размещаться следующие элементы: title; meta; link; base; style; script.](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/54361/slide-17.jpg)
Внутри контейнера head могут размещаться следующие элементы:
title;
meta;
link;
base;
style;
script.
Слайд 19
![Элемент Тег является частью метаданных и используется для указания заголовка](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/54361/slide-18.jpg)
Элемент
Тег является частью метаданных и используется для указаниязаголовка страницы.
Содержит важные ключевые слова для поисковых систем.
Тег
должен обязательно присутствовать в каждом HTML-документе и только один
Слайд 20
![Элемент Предназначен для хранения содержания веб-страницы, отображаемого в окне браузера.](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/54361/slide-19.jpg)
Элемент
Предназначен для хранения содержания веб-страницы, отображаемого в окне браузера.
Слайд 21
![Глобальные атрибуты HTML Являются общими для всех элементов Эти атрибуты](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/54361/slide-20.jpg)
Глобальные атрибуты HTML
Являются общими для всех элементов
Эти атрибуты могут использоваться со
всеми тегами
class="имя_класса" – позволяет устанавливать имя класса;
hidden=" hidden" – позволяет скрывать элемент;
id="имя_идентификатора" – позволяет устанавливать уникальный идентификатор для элемента,;
style="свойства" – позволяет создавать стиль для элемента;
title="текст" – позволяет создавать всплывающую подсказку, которая появляется при наведении указателя мыши на элемент.
Слайд 22
![Метаданные Метаданные – это контент, который определяет представление и поведение](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/54361/slide-21.jpg)
Метаданные
Метаданные – это контент, который определяет представление и поведение контента, или
взаимосвязь документа с другими документами, либо передает какую-либо информацию.
Элемент meta – имеет два атрибута: name и content.
Атрибут name содержит имя метаданных, а content - их значение.
Типы метаданных:
application name: название веб-приложения, частью которого является данный документ;
author: автор документа;
description: краткое описание документа;
generator: название программы, которая сгенерировала данный документ;
keywords: ключевые слова документа.