🗊Тема урока: «Язык разметки гипертекста HTML»

Категория: Информатика
Нажмите для полного просмотра!
Тема урока:  «Язык разметки гипертекста HTML», слайд №1Тема урока:  «Язык разметки гипертекста HTML», слайд №2Тема урока:  «Язык разметки гипертекста HTML», слайд №3Тема урока:  «Язык разметки гипертекста HTML», слайд №4Тема урока:  «Язык разметки гипертекста HTML», слайд №5Тема урока:  «Язык разметки гипертекста HTML», слайд №6Тема урока:  «Язык разметки гипертекста HTML», слайд №7Тема урока:  «Язык разметки гипертекста HTML», слайд №8Тема урока:  «Язык разметки гипертекста HTML», слайд №9Тема урока:  «Язык разметки гипертекста HTML», слайд №10Тема урока:  «Язык разметки гипертекста HTML», слайд №11Тема урока:  «Язык разметки гипертекста HTML», слайд №12

Вы можете ознакомиться и скачать Тема урока: «Язык разметки гипертекста HTML». Презентация содержит 12 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации


Слайд 1





Тема урока:
«Язык разметки гипертекста HTML»
Описание слайда:
Тема урока: «Язык разметки гипертекста HTML»

Слайд 2





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

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

                 !Теги не чувствительны к регистру!
Описание слайда:
HTML Hyper Text Markup Language – язык гипертекстовой разметки. Описательный язык разметки HTML имеет свои команды, которые называются тегами. !Теги не чувствительны к регистру!

Слайд 3





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

Слайд 4





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

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

Слайд 5





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

Слайд 6





Открываем документ Задание.txt
<HTML>
<HEAD>
<TITLE> Название Web-страницы </TITLE>
</HEAD>
<BODY атрибуты>
Меня зовут ____. Мне __ лет.
Это моя первая Web-страница. 
Тут я могу писать любой текст. 
Я размещу эту страницу в Интернете.
</BODY>
</HTML>
Описание слайда:
Открываем документ Задание.txt <HTML> <HEAD> <TITLE> Название Web-страницы </TITLE> </HEAD> <BODY атрибуты> Меня зовут ____. Мне __ лет. Это моя первая Web-страница. Тут я могу писать любой текст. Я размещу эту страницу в Интернете. </BODY> </HTML>

Слайд 7





Создание web-страницы
1
Описание слайда:
Создание web-страницы 1

Слайд 8





WEB-страничка готова! 
Удалить
Описание слайда:
WEB-страничка готова! Удалить

Слайд 9





Структура и управление
Обновление web-страницы
Описание слайда:
Структура и управление Обновление web-страницы

Слайд 10





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

     Цвет текста:
    <BODY bgcolor=#ffddff text=#880088>
Описание слайда:
Цвета и атрибуты Изменим цвет фона нашей странички. Для этого в тег <BODY> добавим атрибут bgcolor: <BODY bgcolor=#ffddff> Цвет текста: <BODY bgcolor=#ffddff text=#880088>

Слайд 11





Проверка кроссворда
Описание слайда:
Проверка кроссворда

Слайд 12





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



Похожие презентации
Mypresentation.ru
Загрузить презентацию