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

Презентация:



Advertisements
Похожие презентации
Элементы HTML. Общее понятие HTML документы представляют собой текстовые файлы, состоящие из HTML элементов. HTML элементы определяются с помощью HTML-тэгов.
Advertisements

Урок по информатике Разработка учителя информатики средней школы 1 г. Приволжска Твельневой Т.А. Создание Web-страницы Цель урока: познакомить учащихся.
Основы языка HTML: тэги, атрибуты тэгов, комментарии.
был разработан британским учёным Тимом Бернерсом-Ли приблизительно в годах. это язык разметки гипертекста.
Структура HTML-документа HTML – язык разметки гипертекстовых документов.
Верстка сайтов Введение. Оглавление Основные понятия Тэги и элементы разметки Управление визуальным представлением документа Правила написания кода.
Основы языка HTML: тэги, атрибуты тэгов, комментарии.
Основы HTML. HTML (Hyper Text Markup Language) язык разметки гипертекста Web-страницы.
Структура HTML- документа. Терминология Элемент - конструкция языка HTML. Это контейнер, содержащий данные и позволяющий отформатировать из определенным.
Выполнил: Мирмахмудова Мумтозахон Проверила:. Web-сайты и Web-страницы Web-сайт состоит из Web-страниц, объединенных гиперссылками. Web-страницы могут.
Создание сайтов. Основы языка разметки гипертекстовых документов HTML.
РАЗРАБОТКА WEB-САЙТОВ.. Создание Web-сайтов реализуется с помощью языка разметки гипертекстовых документов HTML. Тэги – инструкции браузеру, указывающие.
Web-сайты и Web- страницы. Web-страницы - специальные файлы, написанные на языке HTML (HyperText Markup Language - язык разметки гипертекста). Браузер.
Web - страницы и Web - сайты. Структура Web – страницы. Форматирование текста на Web – странице.
Урок «Знакомство с созданием сайта через блокнот – язык HTML»
Урок 2 HTML Заголовки в HTML документе. Структура HTML документа Весь HTML - документ Здесь размещается служебная информация.
Web - сайт Web - сайт состоит из web – станиц, объединенных гиперссылками. Web – страницы могут быть интерактивными и содержать мультимедийные(иллюстрации,
Тимакова Т. А.«Web – технологии как инструмент образовательного процесса » 1.
Тема урока: «Язык разметки гипертекста HTML». HTML Hyper Text Markup Language – язык гипертекстовой разметки. Описательный язык разметки HTML имеет свои.
HTML – язык гипертекстовой разметки документов (Hyper Text Markup Language)
Транксрипт:

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

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

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

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

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

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

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

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

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

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

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

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

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

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