Презентация, доклад на тему Язык разметки гипертекста 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-языка на свободную тему.

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

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


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

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

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

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