Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Инфоурок / Информатика / Презентации / Презентация на тему "HTML- язык разметки гипертекста"

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


До 7 декабря продлён приём заявок на
Международный конкурс "Мириады открытий"
(конкурс сразу по 24 предметам за один оргвзнос)

  • Информатика
HTML — язык разметки гипертекста
HTML представляет собой совокупность команд, которые вставляются в текст доку...
HTML-документ отображается специальными программами - браузерами Microsoft In...
Команды HTML задаются с помощью специальных элементов, называемых тегами (tag).
Теги позволяют управлять представлением информации на экране. Тег имеет вид с...
Существуют два типа тегов: • одноэлементный тег, который достаточно просто вс...
• парный тег, который влияет на текст, заключенный между точкой, где употребл...
Файлы HTML — это обычные текстовые файлы, имеющие расширение НТМ.
ТЕГИ HTML-документа
...  Этот тег указывает на то, что данный документ действительно содержит в...
 текст документа
Документ разбивается на две части: 1) заголовок; 2) собственно текст(тело док...
  описание заголовка  текст документа
В разделе описания заголовка можно указать заглавие документа, для этого испо...
   Это заглавие документа   текст документа
Весь остальной HTML-документ содержится внутри тега  .... 2).Определение тела...
   Это заглавие документа    текст документа
Управление расположением текста на экране.
тег перевода строки (одноэлементный) ~~~~~~~~~ отделяет строку от последующе...
- тег абзаца (одноэлементный) ~~~~~~~~~ отделяет строку и добавляет пустую с...
Выделение фрагментов текста.
...  — выделение полужирным.  ...  — выделение курсивом.  ...  — выделение п...
Комбинированное выделение текста:  Текст  выделение текста полужирным курсивом.
Правило записи комбинированных тегов: правильная запись: ... ошибочная запись...
Существуют два способа управления размером текста: -использование стилей заго...
 ~~~~~~~~~ парный тег, который управляет размером, гарнитурой и цветом текста.
Для изменения размер шрифта текста в диапазоне от 1 до 7 добавляем к тегу  ат...
Для изменения гарнитуры шрифта добавляем к тегу  атрибут FACE ~~~
Для изменения цвета шрифта добавляем к тегу  атрибут COLOR="X".
Вместо Х надо подставить название цвета или его шестнадцатеричное значение (в...
Запись цвета в формате RGB.
Запись цвета в формате RGB.
Для задания цвета фона и текста, в начале файла HTML в теге  ставят атрибуты:
BGCOLOR= определяет цвет фона страницы, ТЕХТ= задает цвет текста для всей стр...
Выравнивание текста по горизонтали с помощью атрибута ALIGN=
ALIGN=CENTER — выравнивание по центру; ALIGN=RIGHT и ALIGN=LEFT — выравнивани...
Тег  (одноэлементный) позволяет вставить в документ изображение.
1 из 37

Описание презентации по отдельным слайдам:

№ слайда 1 HTML — язык разметки гипертекста
Описание слайда:

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

№ слайда 2 HTML представляет собой совокупность команд, которые вставляются в текст доку
Описание слайда:

HTML представляет собой совокупность команд, которые вставляются в текст документа (ASCII-файл) и позволяют управлять представлением этого документа на экране дисплея.

№ слайда 3 HTML-документ отображается специальными программами - браузерами Microsoft In
Описание слайда:

HTML-документ отображается специальными программами - браузерами Microsoft Internet Explorer и Netscape Navigator

№ слайда 4 Команды HTML задаются с помощью специальных элементов, называемых тегами (tag).
Описание слайда:

Команды HTML задаются с помощью специальных элементов, называемых тегами (tag).

№ слайда 5 Теги позволяют управлять представлением информации на экране. Тег имеет вид с
Описание слайда:

Теги позволяют управлять представлением информации на экране. Тег имеет вид строки символов, заключенной между символами «<» и «>».

№ слайда 6 Существуют два типа тегов: • одноэлементный тег, который достаточно просто вс
Описание слайда:

Существуют два типа тегов: • одноэлементный тег, который достаточно просто вставить в текст для того, чтобы совершить какое-либо действие; <BR> или <Р>

№ слайда 7 • парный тег, который влияет на текст, заключенный между точкой, где употребл
Описание слайда:

• парный тег, который влияет на текст, заключенный между точкой, где употреблен тег, и точкой, в которой указан признак завершения команды. Признак завершения команды — это тег, начинающийся с символа «/». <BODY> и </BODY>

№ слайда 8 Файлы HTML — это обычные текстовые файлы, имеющие расширение НТМ.
Описание слайда:

Файлы HTML — это обычные текстовые файлы, имеющие расширение НТМ.

№ слайда 9 ТЕГИ HTML-документа
Описание слайда:

ТЕГИ HTML-документа

№ слайда 10 ...  Этот тег указывает на то, что данный документ действительно содержит в
Описание слайда:

<HTML> ... </HTML> Этот тег указывает на то, что данный документ действительно содержит в себе HTML-текст.

№ слайда 11  текст документа
Описание слайда:

<HTML> текст документа </HTML>

№ слайда 12 Документ разбивается на две части: 1) заголовок; 2) собственно текст(тело док
Описание слайда:

Документ разбивается на две части: 1) заголовок; 2) собственно текст(тело документа ). 1). Определение заголовка должно содержаться внутри тега <HEAD> ... </HEAD> ~~~~~~~

№ слайда 13   описание заголовка  текст документа
Описание слайда:

<HTML> <HEAD> описание заголовка </HEAD> текст документа </HTML>

№ слайда 14 В разделе описания заголовка можно указать заглавие документа, для этого испо
Описание слайда:

В разделе описания заголовка можно указать заглавие документа, для этого используется тег <TITLE>...</TITLE>.

№ слайда 15    Это заглавие документа   текст документа
Описание слайда:

<HTML> <HEAD> <TITLE> Это заглавие документа </ТITLЕ> </HEAD> текст документа </HTML>

№ слайда 16 Весь остальной HTML-документ содержится внутри тега  .... 2).Определение тела
Описание слайда:

Весь остальной HTML-документ содержится внутри тега <BODY> ...</BODY>. 2).Определение тела документа.

№ слайда 17    Это заглавие документа    текст документа
Описание слайда:

<HTML> <HEAD> <TITLE> Это заглавие документа </TITLE> </HEAD> <BODY> текст документа </BODY> </HTML>

№ слайда 18 Управление расположением текста на экране.
Описание слайда:

Управление расположением текста на экране.

№ слайда 19 тег перевода строки (одноэлементный) ~~~~~~~~~ отделяет строку от последующе
Описание слайда:

<BR> тег перевода строки (одноэлементный) ~~~~~~~~~ отделяет строку от последующего текста или графики.

№ слайда 20 - тег абзаца (одноэлементный) ~~~~~~~~~ отделяет строку и добавляет пустую с
Описание слайда:

<Р> - тег абзаца (одноэлементный) ~~~~~~~~~ отделяет строку и добавляет пустую строку, которая зрительно выделяет абзац.

№ слайда 21 Выделение фрагментов текста.
Описание слайда:

Выделение фрагментов текста.

№ слайда 22 ...  — выделение полужирным.  ...  — выделение курсивом.  ...  — выделение п
Описание слайда:

<В> ... </B> — выделение полужирным. <І> ... </I> — выделение курсивом. <U> ... </U> — выделение подчеркиванием.

№ слайда 23 Комбинированное выделение текста:  Текст  выделение текста полужирным курсивом.
Описание слайда:

Комбинированное выделение текста: <І><В> Текст </В></І> выделение текста полужирным курсивом.

№ слайда 24 Правило записи комбинированных тегов: правильная запись: ... ошибочная запись
Описание слайда:

Правило записи комбинированных тегов: правильная запись: <Тег-1><Тег-2>...</Тег-2></Тег-1> ошибочная запись: <Тег-1><Тег-2>...</Тег-1></Тег-2>

№ слайда 25 Существуют два способа управления размером текста: -использование стилей заго
Описание слайда:

Существуют два способа управления размером текста: -использование стилей заголовка: (шесть тегов от <Н1> до <Н6>); -задание размера шрифта основного документа или размера текущего шрифта.

№ слайда 26  ~~~~~~~~~ парный тег, который управляет размером, гарнитурой и цветом текста.
Описание слайда:

<FONT> ~~~~~~~~~ парный тег, который управляет размером, гарнитурой и цветом текста.

№ слайда 27 Для изменения размер шрифта текста в диапазоне от 1 до 7 добавляем к тегу  ат
Описание слайда:

Для изменения размер шрифта текста в диапазоне от 1 до 7 добавляем к тегу <FONT> атрибут SIZE: <FONT SIZE="7">

№ слайда 28 Для изменения гарнитуры шрифта добавляем к тегу  атрибут FACE ~~~
Описание слайда:

Для изменения гарнитуры шрифта добавляем к тегу <FONT> атрибут FACE ~~~ <FONT FACE="ARIAL">

№ слайда 29 Для изменения цвета шрифта добавляем к тегу  атрибут COLOR=&quot;X&quot;.
Описание слайда:

Для изменения цвета шрифта добавляем к тегу <FONT> атрибут COLOR="X".

№ слайда 30 Вместо Х надо подставить название цвета или его шестнадцатеричное значение (в
Описание слайда:

Вместо Х надо подставить название цвета или его шестнадцатеричное значение (в кавычках): <FONT COLOR="#FF0000">

№ слайда 31 Запись цвета в формате RGB.
Описание слайда:

Запись цвета в формате RGB.

№ слайда 32 Запись цвета в формате RGB.
Описание слайда:

Запись цвета в формате RGB.

№ слайда 33 Для задания цвета фона и текста, в начале файла HTML в теге  ставят атрибуты:
Описание слайда:

Для задания цвета фона и текста, в начале файла HTML в теге <BODY> ставят атрибуты:

№ слайда 34 BGCOLOR= определяет цвет фона страницы, ТЕХТ= задает цвет текста для всей стр
Описание слайда:

BGCOLOR= определяет цвет фона страницы, ТЕХТ= задает цвет текста для всей страницы, LINK= и VLINK= цвет ссылок (непросмотренных и просмотренных).

№ слайда 35 Выравнивание текста по горизонтали с помощью атрибута ALIGN=
Описание слайда:

Выравнивание текста по горизонтали с помощью атрибута ALIGN=

№ слайда 36 ALIGN=CENTER — выравнивание по центру; ALIGN=RIGHT и ALIGN=LEFT — выравнивани
Описание слайда:

ALIGN=CENTER — выравнивание по центру; ALIGN=RIGHT и ALIGN=LEFT — выравнивание по правому и левому краю.

№ слайда 37 Тег  (одноэлементный) позволяет вставить в документ изображение.
Описание слайда:

Тег <IMG> (одноэлементный) позволяет вставить в документ изображение.


57 вебинаров для учителей на разные темы
ПЕРЕЙТИ к бесплатному просмотру
(заказ свидетельства о просмотре - только до 11 декабря)

Автор
Дата добавления 29.12.2015
Раздел Информатика
Подраздел Презентации
Просмотров130
Номер материала ДВ-296545
Получить свидетельство о публикации
Похожие материалы

Включите уведомления прямо сейчас и мы сразу сообщим Вам о важных новостях. Не волнуйтесь, мы будем отправлять только самое главное.
Специальное предложение
Вверх