Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.netstudy.smarly.net HTML элемент Вид элемента Атрибуты элементов Структура HTML документа. - презентация

1 Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.netstudy.smarly.net HTML элемент Вид элемента Атрибуты элементов Структура HTML документа Популярные HTML элементы Основы HTML

2 Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.netstudy.smarly.net Состоит из 3 частей Открывающий тег Содержание Закрывающий тег HTML – это просто h1 – имя тега Структура HTML элемента

3 Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.netstudy.smarly.net Тег может быть не заполненным Сокращенная запись Пустые элементы, Вид элемента

4 Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.netstudy.smarly.net Атрибут сообщает браузеру дополнительную информацию Как правило состоит из двух частей – имя и значение type="text", где name – имя, text – значение Существуют атрибуты которым значение не нужно required – браузеуру достаточно его наличия, его можно представить в виде required="required" или required="" для клиента это не имеет значения Атрибуты

5 Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.netstudy.smarly.net Атрибут id используется для того, чтобы элементу в документе придать уникальный идентификатор. У двух элементов в документе не может быть одного и того же значения атрибута id. Популярное использование Применение стилей для уникального блока Быстрая выборка HTML объекта из DOM JavaScript-ом Переход в документе к конкретному разделу используя ссылку Атрибут id

6 Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.netstudy.smarly.net Атрибут class используется для того, чтобы в произвольном порядке связать определенные элементы. Многие элементы могут принадлежать к одному и тому же классу, также элементы могу принадлежать к одному или нескольким классам. Если элемент принадлежит к нескольким классам, необходими разделить имена классов пробелами. Атрибут class

7 Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.netstudy.smarly.net HTML документ содержит ключевые элементы DOCTYPE, html, head, и body Структура HTML документа

8 Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.netstudy.smarly.net DOCTYPE, говорит браузеру, что это документ HTML, а если конкретнее, то документ HTML5 Элемент DOCTYPE для документа HTML4 DOCTYPE

9 Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.netstudy.smarly.net говорит браузеру, что содержимое элемента должно рассматриваться как HTML от начала и до конца, пока не встретится закрывающий тег Можно сказать что содержит два внутренних блока. Блок метаданных и блок содержания. тэг

10 Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.netstudy.smarly.net Область метаданных, содержащаяся внутри элемента в документе HTML позволяет предоставить браузеру информацию о документе. Элемент является минимальным но не необходимым количествов метаданных. Задает документу название или имя. Браузеры обычно отображают содержание этого элемента в верхней части окна браузера или вкладки.

11 Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.netstudy.smarly.net Элемент инкапсулирует содержание HTML документа, в отличие от элемента, который инкапсулирует метаданные и информацию о документе. Элемент всегда следует за элементом, так что это второй дочерний элемент элемента.

12 Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.netstudy.smarly.net a – ссылка div – выделенный блок span – часть текста p – абзац ul – неупорядоченный список ol – упорядоченный список li – пункт в элементах ul, ol form – форма button -кнопка textarea – поле для ввода нескольких строк input – элемент ввода - text – текст - checkbox – флажок - radio – выбора - submit – отправка формы - file – загрузка текста - hidden – скрытое поле Популярные HTML элементы

13 Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.netstudy.smarly.net Материал для прочтения Книга Руководство по HTML5 доступна PowerPoint презентация Видео урок Материал