Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.netstudy.smarly.net HTML элемент Вид элемента Атрибуты элементов Структура HTML документа Популярные HTML элементы Основы HTML
Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.netstudy.smarly.net Состоит из 3 частей Открывающий тег Содержание Закрывающий тег HTML – это просто h1 – имя тега Структура HTML элемента
Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.netstudy.smarly.net Тег может быть не заполненным Сокращенная запись Пустые элементы, Вид элемента
Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.netstudy.smarly.net Атрибут сообщает браузеру дополнительную информацию Как правило состоит из двух частей – имя и значение type="text", где name – имя, text – значение Существуют атрибуты которым значение не нужно required – браузеуру достаточно его наличия, его можно представить в виде required="required" или required="" для клиента это не имеет значения Атрибуты
Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.netstudy.smarly.net Атрибут id используется для того, чтобы элементу в документе придать уникальный идентификатор. У двух элементов в документе не может быть одного и того же значения атрибута id. Популярное использование Применение стилей для уникального блока Быстрая выборка HTML объекта из DOM JavaScript-ом Переход в документе к конкретному разделу используя ссылку Атрибут id
Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.netstudy.smarly.net Атрибут class используется для того, чтобы в произвольном порядке связать определенные элементы. Многие элементы могут принадлежать к одному и тому же классу, также элементы могу принадлежать к одному или нескольким классам. Если элемент принадлежит к нескольким классам, необходими разделить имена классов пробелами. Атрибут class
Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.netstudy.smarly.net HTML документ содержит ключевые элементы DOCTYPE, html, head, и body Структура HTML документа
Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.netstudy.smarly.net DOCTYPE, говорит браузеру, что это документ HTML, а если конкретнее, то документ HTML5 Элемент DOCTYPE для документа HTML4 DOCTYPE
Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.netstudy.smarly.net говорит браузеру, что содержимое элемента должно рассматриваться как HTML от начала и до конца, пока не встретится закрывающий тег Можно сказать что содержит два внутренних блока. Блок метаданных и блок содержания. тэг
Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.netstudy.smarly.net Область метаданных, содержащаяся внутри элемента в документе HTML позволяет предоставить браузеру информацию о документе. Элемент является минимальным но не необходимым количествов метаданных. Задает документу название или имя. Браузеры обычно отображают содержание этого элемента в верхней части окна браузера или вкладки.
Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.netstudy.smarly.net Элемент инкапсулирует содержание HTML документа, в отличие от элемента, который инкапсулирует метаданные и информацию о документе. Элемент всегда следует за элементом, так что это второй дочерний элемент элемента.
Онлайн курс «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 элементы
Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.netstudy.smarly.net Материал для прочтения Книга Руководство по HTML5 доступна PowerPoint презентация Видео урок Материал