Презентация учителя информатики и ИКТ Вакатовой Ирины Владимировны Урок 2. Элементы HTML Презентация учителя информатики и ИКТ Вакатовой Ирины Владимировны. - презентация

1 Презентация учителя информатики и ИКТ Вакатовой Ирины Владимировны Урок 2. Элементы HTML Презентация учителя информатики и ИКТ Вакатовой Ирины Владимировны

2 HTML документы представляют собой текстовые файлы, состоящие из HTML элементов. HTML элементы определяются с помощью HTML-тэгов.

3 Презентация учителя информатики и ИКТ Вакатовой Ирины Владимировны Тэги HTML HTML-тэги используются для разметки HTML элементов HTML-тэги окружены двумя символами Окружающие символы называют угловыми скобками HTML-тэги, как правило, используются парами как и Первый тэг в паре - тэг начала, второй тэг - конечный тэг Html-тэги не чувствительны к регистру, означает то же самое что и Примечание: Тэг начала обычно называют открытым тэгом, а конечный тэг закрытым.

4 Презентация учителя информатики и ИКТ Вакатовой Ирины Владимировны Элементы HTML HTML элемент начинается с начального тэга Содержанием элемента будет всё между начальным тэгом и конечным тэгом HTML элемент заканчивается конечным тэгом У некоторых HTML элементов нет содержания У некоторых HTML элементов нет конечного тэга Примечание: HTML элементы довольно часто называют контейнерами. Элемент HTML Начальный тэгСодержаниеКонечный тэг Это параграф

5 Презентация учителя информатики и ИКТ Вакатовой Ирины Владимировны Помните наш первый HTML пример Это моя первая страница. Этот текст выделен полужирным шрифтом Данный выше пример, содержит в себе 4 элемента.

6 Презентация учителя информатики и ИКТ Вакатовой Ирины Владимировны Пустые HTML элементы HTML элементы без содержания, называются пустыми элементами. Пустые элементы не имеют конечного тэга. является пустым элементом, без закрывающего тэга. В XHTML, XML, а также в будущей версии HTML, все элементы должны быть закрыты. Добавление черты в начальном тэге, как, является надлежащим способом закрытия пустых элементов, принятый в HTML

7 Презентация учителя информатики и ИКТ Вакатовой Ирины Владимировны Урок 3. Основные HTML тэги

8 Презентация учителя информатики и ИКТ Вакатовой Ирины Владимировны Самые важные тэги в HTML - тэги, которые определяют заголовки, параграфы и окончания строк. Лучший способ изучить HTML состоит в том, чтобы работать с примерами.

9 Презентация учителя информатики и ИКТ Вакатовой Ирины Владимировны Заголовки Заголовки определяются с помощью тэгов от до. Тэг определяет наибольший заголовок, а наименьший. Это - заголовок Это - заголовок Это - заголовок Это - заголовок Это - заголовок Это - заголовок Браузер автоматически добавляет дополнительную пустую строку до и после заголовка.

10 Презентация учителя информатики и ИКТ Вакатовой Ирины Владимировны Параграфы Параграфы определяются тэгом. Это - параграф Это - другой параграф Браузер автоматически добавляет дополнительную пустую строку до и после параграфа.

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

12 Презентация учителя информатики и ИКТ Вакатовой Ирины Владимировны Подведем итоги… У каждого элемента HTML есть своё название (body [тело], h1 [заголовок], p [параграф], br [конец строки]) В начале тэга имя окружено угловыми скобками: В конце тэга черта и имя окружены угловыми скобками: Содержание элемента находится в промежутке между начальным тэгом и конечным тэгом Некоторые HTML элементы не имеют содержания Некоторые HTML элементы не имеют конечного тэга

13 Презентация учителя информатики и ИКТ Вакатовой Ирины Владимировны Изученные основные HTML-тэги ТэгОписание Определяет HTML документ Определяет основу документа до Определяет заголовки от 1 до 6 Определяет параграфы Вставляет разрывы строк Определяет горизонтальную линию Определяет комментарий

14 Презентация учителя информатики и ИКТ Вакатовой Ирины Владимировны Практическое задание на сегодня Находится в папке «Сетевое окружение\Мои задания на Main\Задание по тегам HTML» Вопросы??? Начинайте работу за компьютерами!