Презентация, доклад на тему Язык разметки гипертекста HTML

Содержание

Цель: познакомиться с основами языка разметки гипертекста HTML. Изучить понятия: тег, атрибут, гипертекст. Создать собственную web – страницу.

Слайд 1Тема урока:
«Язык разметки гипертекста HTML»
Кузнецова Л.Н.

Тема урока:«Язык разметки гипертекста HTML» Кузнецова Л.Н.

Слайд 2
Цель:
познакомиться с основами языка разметки гипертекста HTML. Изучить понятия: тег,

атрибут, гипертекст. Создать собственную web – страницу.
Цель: познакомиться с основами языка разметки гипертекста HTML. Изучить понятия: тег, атрибут, гипертекст. Создать собственную web –

Слайд 3HTML
Hyper Text Markup Language – язык гипертекстовой разметки.

Описательный язык разметки HTML имеет свои команды, которые называются тегами.

!Теги не чувствительны к регистру!

HTML Hyper Text Markup Language – язык гипертекстовой разметки. Описательный язык разметки HTML имеет свои

Слайд 4ТЕГ
Тег - элемент HTML, представляющий из себя

текст, заключенный в угловые скобки <>. Тег является активным элементом, изменяющим представление следующей за ним информации.
Обычно используются два тега - открывающий и закрывающий.
Тег может иметь некоторое количество атрибутов.
ТЕГ Тег - элемент HTML, представляющий из себя текст, заключенный в угловые скобки .

Слайд 5АТРИБУТ
Атрибут – это компонент тега, содержащий

указания о том, как браузер должен воспринять и обработать тег.

Синтаксис тега с атрибутом:
<тег атрибут="значение">
АТРИБУТ Атрибут – это компонент тега, содержащий указания о том, как браузер должен

Слайд 6ГИПЕРТЕКСТ
Гипертекст (hypertext) – текст, содержащий ссылки

на другие веб-страницы, серверы или ресурсы с возможностями выполнения переходов.
ГИПЕРТЕКСТ Гипертекст (hypertext) – текст, содержащий ссылки на другие веб-страницы, серверы или ресурсы

Слайд 7Открываем документ Задание.txt


Название Web-страницы


Меня зовут ____. Мне __

лет.
Это моя первая Web-страница.
Тут я могу писать любой текст.
Я размещу эту страницу в Интернете.


Открываем документ Задание.txt Название Web-страницы Меня зовут ____. Мне __ лет.Это моя первая Web-страница. Тут я могу

Слайд 8Создание web-страницы
1
2
3
Выполнить действия 1,2,3,4
4

Создание web-страницы123Выполнить действия 1,2,3,44

Слайд 9WEB-страничка готова!
Удалить

WEB-страничка готова! Удалить

Слайд 10Структура и управление
Обновление web-страницы
меню Вид ⇨ Просмотр HTML-кода

Структура и управлениеОбновление web-страницыменю Вид ⇨ Просмотр HTML-кода

Слайд 11Цвета и атрибуты
Изменим цвет фона нашей странички. Для

этого в тег добавим атрибут bgcolor:


Цвет текста:

Цвета и атрибуты Изменим цвет фона нашей странички. Для этого в тег добавим атрибут bgcolor:

Слайд 12Домашнее задание
выучить конспект;
создать собственную страничку с помощью html-языка на свободную тему.

Домашнее заданиевыучить конспект;создать собственную страничку с помощью html-языка на свободную тему.
Скачать презентацию

Похожие презентации

Презентация по информатике на тему: ОТНОШЕНИЯ ОБЪЕКТОВ И ИХ МНОЖЕСТВ 6 класс Презентация по информатике на тему: ОТНОШЕНИЯ ОБЪЕКТОВ И ИХ МНОЖЕСТВ 6 класс 275
Презентация по информатике на тему Санау жүйесі Презентация по информатике на тему Санау жүйесі 188
Презентация по информатике на тему Блокнот және Калькулятор (5 класс) Презентация по информатике на тему Блокнот және Калькулятор (5 класс) 300
Презентация по информатике на тему Виды программного обеспечения Презентация по информатике на тему Виды программного обеспечения 499
Презентация к конкурсу Самый умный информатик. Второй тур. (8 класс) Презентация к конкурсу Самый умный информатик. Второй тур. (8 класс) 196
Сms - системы Сms - системы 201

Что такое shareslide.ru?

Это сайт презентаций, где можно хранить и обмениваться своими презентациями, докладами, проектами, шаблонами в формате PowerPoint с другими пользователями. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами.

Для правообладателей

Яндекс.Метрика

Обратная связь

Email: Нажмите что бы посмотреть