Ученики на Учителя.com


Презентация "Структура html-документа"

Скачать материал
Подписи к слайдам:
Структура html-документа Что такое html-документ HTML-документ — это обычный текстовый документ, может быть создан как в обычном текстовом редакторе (Блокнот), так и в специализированном, с подсветкой кода (Notepad++, Visual Studio Code и т.п.). HTML-документ имеет расширение .html Из чего состоит html-документ HTML-документ состоит из дерева HTML-элементов и текста. Каждый элемент обозначается в исходном документе начальным (открывающим) и конечным (закрывающим) тегом (за редким исключением). Парные теги Начальный тег показывает, где начинается элемент, конечный — где заканчивается.  Закрывающий тег образуется путем добавления слэша / перед именем тега:  <имя тега>…</имя тега> Между начальным и закрывающим тегами находится содержимое элемента — контент. Одиночные теги Элементы, представленные одиночными тегами, не могут хранить в себе содержимого напрямую, оно прописывается как значение атрибута, например, элемент  <input type="button" value="Кнопка">  создаст кнопку с текстом Кнопка внутри. Вложения тегов Элементы могут вкладываться друг в друга, например,  <p><i>Текст</i></p> При вложении следует соблюдать порядок их закрытия (принцип «матрёшки»), например, следующая запись будет неверной: <p><i>Текст</p></i> Атрибуты HTML-элементы могут иметь атрибуты (глобальные, применяемые для всех HTML-элементов, и собственные). Атрибуты прописываются в открывающем теге элемента и содержат имя и значение, указываемые в формате имя атрибута="значение". Атрибуты позволяют изменять свойства и поведение элемента, для которого они заданы. Атрибуты и идентификаторы Каждому элементу можно присвоить несколько значений class и только одно значение id. Множественные значения class записываются через пробел, <div class="nav top">. Значения class и id должны состоять только из букв, цифр, дефисов и нижних подчеркиваний и должны начинаться только с букв или цифр. Интерпретация html-документа Браузер просматривает (интерпретирует) HTML-документ, выстраивая его структуру (DOM) и отображая ее в соответствии с инструкциями, включенными в этот файл (таблицы стилей, скрипты). Если разметка правильная, то в окне браузера будет отображена HTML-страница, содержащая HTML-элементы — заголовки, таблицы, изображения и т.д. Процесс интерпретации (парсинг) начинается прежде, чем веб-страница полностью загружена в браузер. Браузеры обрабатывают HTML-документы последовательно, с самого начала, при этом обрабатывая CSS и соотнося таблицы стилей с элементами страницы. Структура html-документа В общем случае HTML-документ состоит из двух разделов — заголовка — содержимое элемента <head> и содержательной части — содержимое <body> HTML-документ состоит из двух частей: заголовок (head) и тело (body), расположенных в следующем порядке: <html> <head> ... </head> <boby> ... </body> </html>

Информатика - еще материалы к урокам: