«Язык разметки гипертекста HTML»


The Presentation inside:

Slide 0

«Язык разметки гипертекста HTML» Учитель информатики и ИКТ ГБОУ СОШ №771 г. Москва Васина Ольга Витальевна


Slide 1

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


Slide 2

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


Slide 3

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


Slide 4

Двойные теги бывают: Пример:  <HTML> ….  </HTML> !Теги не чувствительны к регистру! <html> = <HTML> открывающиеся закрывающиеся


Slide 5

Они передают программе просмотра страницы основную информацию для идентификации и организации документа. Три самых важных управляющих кода <HTML> …. </HTML> <HEAD> … </HEAD> <BODY> … </BODY>


Slide 6

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


Slide 7

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


Slide 8

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


Slide 9

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


Slide 10

<HTML> <HEAD> <TITLE> Текст заголовка окна </TITLE> </HEAD> <BODY> Текст документа, тэги </BODY> </HTML> Общий вид страницы


Slide 11

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


Slide 12

Создать текстовый документ (блокнот). 2. Записать в него структуру документа HTML. 3. Записать данные Вашей Web-страницы. 4. Сохранить документ с расширением *.html. 5. Открыть страницу браузера. Алгоритм написания документа:


Slide 13

<HTML> <HEAD> <TITLE> Название Web-страницы </TITLE> </HEAD> <BODY атрибуты> Приветствую тебя, посетитель моего сайта. Меня зовут Ваня. Мне 14 лет. Это моя первая Web-страница. Я размещу эту страницу в Интернете. </BODY> </HTML> Пример кода Веб-страницы


Slide 14

Задание: Создать Ваб-страницу по образцу: <HTML> <HEAD> <TITLE> Название Web-страницы </TITLE> </HEAD> <BODY> Приветствую тебя, посетитель моего сайта. Меня зовут Ваня. Мне 14 лет. Это моя первая Web-страница. Я размещу эту страницу в Интернете. </BODY> </HTML> Дописать 2-3 предложения в тэг <BODY>


Slide 15

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


Slide 16

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


Slide 17

Список использованных источников: Список использованных печатных источников: -Информатика и ИКТ : учебник для 8 класса / Н.д. Угринович. – 5-е изд.- М.: БИНОМ. Лаборатория знаний, 2011.- 178 с. Ссылки на страницы материалов в Интернете: -Кривенцов Л. А. Конспект и презентация к уроку информатики «Язык разметки гипертекста HTML»  http://www.uchportal.ru/load/17-1-0-16370; -Сайт: Что такое HTML. Введение в HTML: с помощью чего создаются web-страницы http://www.on-line-teaching.com/html/lsn001.html


×

HTML:





Ссылка: