HTML (от англ. Hyper Text Markup Language «язык разметки гипертекста») стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц. - презентация

1 HTML (от англ. Hyper Text Markup Language «язык разметки гипертекста») стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме.англ.гипертекстаязык разметкиВсемирной паутиневеб-страницXHTMLбраузером HTML

2 Версии HTML RFC 1866 HTML 2.0, одобренный как стандарт 22 сентября 1995 года; HTML января 1997 года; HTML декабря 1997 года; HTML 4.01(изменения, причём более значительные, чем кажется на первый взгляд) 24 декабря 1999 года; ISO/IEC 15445:2000 (так называемый ISO HTML, основан на HTML 4.01 Strict) 15 мая 2000 года. HTML 5 в разработке.

3 Инструментарий Текстовый редактор. Браузер для просмотра результатов. Валидатор программа для проверки синтаксиса HTML и выявления ошибок в коде ( Графический редактор. Справочник по тегам HTML.

4 Инструментарий - firebug

5 Структура HTML-кода Пример веб-страницы Заголовок Первый абзац. Второй абзац.

6 Структура HTML-кода Элемент предназначен для указания типа текущего документа DTD (document type definition, описание типа документа). Это необходимо, чтобы браузер понимал, как следует интерпретировать текущую веб-страницу, ведь HTML существует в нескольких версиях Тег определяет начало HTML-файла, внутри него хранится заголовок ( ) и тело документа ( ). Заголовок документа, как еще называют блок, может содержать текст и теги, но содержимое этого раздела не показывается напрямую на странице, за исключением контейнера. Тело документа предназначено для размещения тегов и содержательной части веб-страницы.

7 Тег (и) - одиночный тег... - парный тег (контейнер)

8 Правила применения тегов Для тегов любого типа действуют определенные правила их использования. Причем, некоторые правила обязательны для выполнения, а другие являются рекомендациями, т.е. их можно выполнять, а можно и нет. –Атрибуты тегов и кавычки –Теги можно писать как прописными, так и строчными символами –Переносы строк –Неизвестные теги и атрибуты –Порядок тегов –Закрывайте все теги –Порядок атрибутов в тегах –Формат атрибутов

9 Кавычки в атрибуте alt

10 Типы тегов Каждый тег HTML принадлежит к определенной группе тегов, например, табличные теги направлены на формирование таблиц и не могут применяться для других целей. Условно теги делятся на следующие типы: –теги верхнего уровня –теги заголовка документа –блочные элементы –встроенные элементы –универсальные элементы –списки –таблицы

11 Теги верхнего уровня - является контейнером, который заключает в себе всё содержимое веб- страницы, включая теги и. Открывающий и закрывающий теги в документе необязательны, но хороший стиль диктует непременное их использование. - предназначен для хранения других элементов, цель которых помочь браузеру в работе с данными. Также внутри контейнера находятся метатеги, которые используются для хранения информации, предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных. - предназначен для хранения содержания веб-страницы, отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера. К такой информации относится текст, изображения, таблицы, списки и др.

12 Теги заголовка документа - используется для отображения строки текста в левом верхнем углу окна браузера. Такая строка сообщает пользователю название сайта и другую информацию, которую добавляет разработчик. - метатеги используются для хранения информации, предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных.

13 Блочные элементы Блочные элементы характеризуются тем, что занимают всю доступную ширину, высота элемента определяется его содержимым, и он всегда начинается с новой строки. – - блочный элемент (слои) – - заголовки – - горизонтальная линия – - абзац (параграф) – - блок форматированного текста

14 Встроенные элементы Встроенными называются такие элементы веб-страницы, которые являются непосредственной частью другого элемента, например, текстового абзаца. В основном они используются для изменения вида текста или его логического выделения. – - ссылки –, - жирное выделение – - увеличение шрифта на 1 п – - перевод строки –, - курсивное начертание – - изображение – - уменьшение шрифта на 1 п – - тег, определяющий встроенный элемент –, - верхний и нижний регистры

15 Теги для списков Списком называется взаимосвязанный набор отдельных фраз или предложений, которые начинаются с маркера или цифры. Списки предоставляют возможность упорядочить и систематизировать разные данные и представить их в наглядном и удобном для пользователя виде. – - нумерованный список – - маркерованный список – - элемент списка

16 Теги для таблиц Таблица состоит из строк и столбцов ячеек, которые могут содержать текст и рисунки. Обычно таблицы используются для упорядочения и представления табличных данных. – - контейнер для элементов таблицы – - ячейка таблицы – - заголовочная ячейка таблицы – - контейнер для создания строки