Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.


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

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

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

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

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

Содержание

Hyper Text Markup Language – язык гипертекстовой разметки.HTML - специальные инструкции браузеру, с помощью которых создаются веб-сайты.HTML
«Язык разметки гипертекста HTML» Учитель информатики и ИКТГБОУ СОШ №771 г. МоскваВасина Ольга Витальевна Hyper Text Markup Language – язык гипертекстовой разметки.HTML - специальные инструкции браузеру, Гипертекст (hypertext) – текст, содержащий ссылки на другие веб-страницы, серверы Описательный язык разметки HTML имеет свои команды, которые называются тегами. Они передают программе просмотра страницы основную информацию для идентификации и Эти тэги помещаются соответственно в начале и конце всего документа, чтобы обозначить Эта пара тэгов указывает на начало и конец заголовка документа. … Всё, что находится между этими тэгами, читается браузером как название документа. Пример:… Всё, что находится между этими тэгами отображается на веб-странице. Пример: … Документ гипертекстовой разметки имеет расширение *.htmlСоздание документа HTML Создать текстовый документ (блокнот).2. Записать в него структуру документа HTML.3. Записать данные Название Web-страницы Приветствую тебя, посетитель моего сайта.Меня зовут Ваня. Мне 14 Задание:Создать Ваб-страницу по образцу: Название Web-страницы Приветствую тебя, посетитель моего сайта.Меня зовут Изменим цвет фона странички.    Для этого Выучить конспект;Выбрать тему для своего Ваб-сайта оп информатике, записать структуру в тетрадь;Домашнее задание Список использованных источников: Список использованных печатных источников:-Информатика и ИКТ : учебник для
Слайды презентации

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

HTML

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

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





HTML


Слайд 3
Гипертекст (hypertext) – текст, содержащий ссылки

Гипертекст (hypertext) – текст, содержащий ссылки на другие веб-страницы, серверы

на другие веб-страницы, серверы или ресурсы с возможностями выполнения

переходов.

Гипертекст


Слайд 4 Описательный язык разметки HTML имеет свои

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

команды, которые называются тегами.

Тег - элемент

HTML, представляющий из себя текст, заключенный в угловые скобки <>.




Одинарные

Двойные

ТЕГ

Пример:  
….
 

Пример:

Тег


Слайд 5

Двойные теги бывают:

Двойные теги бывают:



Пример:   ….  

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

открывающиеся

закрывающиеся


Слайд 6 Они передают программе просмотра страницы основную

Они передают программе просмотра страницы основную информацию для идентификации и

информацию для идентификации и организации документа.
Три самых важных

управляющих кода


….









Слайд 7 Эти тэги помещаются соответственно в начале и конце

Эти тэги помещаются соответственно в начале и конце всего документа, чтобы

всего документа, чтобы обозначить текст как действительный документ на

языке разметки гипертекста. 

….


Слайд 8 Эта пара тэгов указывает на начало и конец

Эта пара тэгов указывает на начало и конец заголовка документа. …

заголовка документа.



Слайд 9 Всё, что находится между этими тэгами, читается браузером

Всё, что находится между этими тэгами, читается браузером как название документа. Пример:…

как название документа. 

Пример:


Слайд 10 Всё, что находится между этими тэгами отображается на

Всё, что находится между этими тэгами отображается на веб-странице. Пример: …

веб-странице. 

Пример:


Слайд 11

Текст заголовка окна


Текст заголовка окна



Текст документа, тэги



Общий вид страницы


Слайд 12 Документ гипертекстовой разметки имеет расширение *.html
Создание документа HTML

Документ гипертекстовой разметки имеет расширение *.htmlСоздание документа HTML

Слайд 13 Создать текстовый документ (блокнот).

2. Записать в него структуру

Создать текстовый документ (блокнот).2. Записать в него структуру документа HTML.3. Записать

документа HTML.

3. Записать данные Вашей Web-страницы.

4. Сохранить документ с

расширением *.html.

5. Открыть страницу браузера.

Алгоритм написания
документа:


Слайд 14

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


Приветствую тебя, посетитель моего

Название Web-страницы Приветствую тебя, посетитель моего сайта.Меня зовут Ваня. Мне

сайта.
Меня зовут Ваня. Мне 14 лет. Это моя первая

Web-страница.
Я размещу эту страницу в Интернете.


Пример кода
Веб-страницы


Слайд 15 Задание:
Создать Ваб-страницу по образцу:


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


Приветствую тебя,

Задание:Создать Ваб-страницу по образцу: Название Web-страницы Приветствую тебя, посетитель моего сайта.Меня

посетитель моего сайта.
Меня зовут Ваня. Мне 14 лет. Это

моя первая Web-страница.
Я размещу эту страницу в Интернете.



Дописать 2-3 предложения в тэг


Слайд 16 Изменим цвет фона странички.

Изменим цвет фона странички.  Для этого в тег

Для этого в тег добавим атрибут

bgcolor:

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

Цвета и атрибуты


Слайд 17 Выучить конспект;
Выбрать тему для своего Ваб-сайта оп информатике,

Выучить конспект;Выбрать тему для своего Ваб-сайта оп информатике, записать структуру в тетрадь;Домашнее задание

записать структуру в тетрадь;
Домашнее задание


  • Имя файла: yazyk-razmetki-giperteksta-html.pptx
  • Количество просмотров: 111
  • Количество скачиваний: 0