1 / 13

HTML элемент Вид элемента Атрибуты элементов Структура HTML документа

HTML элемент Вид элемента Атрибуты элементов Структура HTML документа Популярные HTML элементы. Основы HTML. Состоит из 3 частей Открывающий тег Содержание Закрывающий тег <h1>HTML – это просто </h1> h1 – имя тега. Структура HTML элемента.

allan
Download Presentation

HTML элемент Вид элемента Атрибуты элементов Структура HTML документа

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. HTML элемент Вид элемента Атрибуты элементов Структура HTML документа Популярные HTML элементы Основы HTML

  2. Состоит из 3 частей Открывающий тег Содержание Закрывающий тег <h1>HTML – это просто</h1> h1 – имя тега Структура HTML элемента

  3. Тег может быть не заполненным<code></code> Сокращенная запись<code /> Пустые элементы<br />, <img src="http://smarly.net/img/logo.png" /> Вид элемента

  4. Атрибут сообщает браузеру дополнительную информацию<input type="text" value="" required /> Как правило состоит из двух частей – имя и значениеtype="text", где name – имя, text – значение Существуют атрибуты которым значение не нужноrequired – браузеуру достаточно его наличия, его можно представить в виде required="required" или required=""для клиента это не имеет значения Атрибуты

  5. Атрибутid используется для того, чтобы элементу в документе придать уникальный идентификатор. У двух элементов в документе не может быть одного и того же значения атрибута id. Популярное использование Применение стилей для уникального блока Быстрая выборка HTML объекта из DOM JavaScript-ом Переход в документе к конкретному разделу используя ссылку Атрибут id

  6. Атрибутclass используется для того, чтобы в произвольном порядке связать определенные элементы. Многие элементы могут принадлежать к одному и тому же классу, также элементы могу принадлежать к одному или нескольким классам. Если элемент принадлежит к нескольким классам, необходими разделить имена классов пробелами. Атрибут class

  7. HTML документ содержит ключевые элементыDOCTYPE, html, head, и body <!DOCTYPE HTML> <html> <head> <!– метаданные --> </head> <body> <!– контент --> </body> </html> Структура HTML документа

  8. DOCTYPE, говорит браузеру, что это документ HTML, а если конкретнее, то документ HTML5 Элемент DOCTYPE для документа HTML4<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> DOCTYPE

  9. <html>говорит браузеру, что содержимое элемента должно рассматриваться как HTML от начала и до конца, пока не встретится закрывающий тег </html> Можно сказать что <html/> содержит два внутренних блока. Блок метаданных<head /> и блок содержания<body />. <html /> тэг

  10. Область метаданных, содержащаяся внутри элемента <head />в документе HTML позволяет предоставить браузеру информациюо документе.  Элемент <title />является минимальным но не необходимым количествов метаданных. Задает документу название или имя. Браузеры обычно отображают содержание этого элемента в верхней части окна браузера или вкладки. <head />

  11. Элемент<body /> инкапсулирует содержание HTML документа, в отличие от элемента<head />, который инкапсулирует метаданные и информацию о документе. Элемент<body /> всегда следует за элементом<head />, так что это второй дочерний элемент элемента<html/>. <body />

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

  13. Материал для прочтенияhttp://www.smarly.net/html5-getting-started-with-htmlhttp://www.smarly.net/pro-jquery-osnovi-html Книга “Руководство по HTML5” доступна http://smarly.net/ PowerPoint презентацияhttp://storage.smarly.net/study-web-development-asp-net-mvc/lesson-02.pptx Видео урокhttp://youtu.be/9LMajv_tiSU Материал

More Related