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

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


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

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

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

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

Презентация на тему Hyper Text Markup Language - Язык разметки гипертекста

Содержание

HTML Hyper Text Markup Language - Язык разметки гипертекста HTML-файл или HTML-страница Документ, созданный в виде гипертекста на основе языка HTML. Такие файлы имеют, как правило, расширения .htm или .html.
HTML HTML Hyper Text Markup Language - Язык разметки гипертекста HTML-файл или HTML-страница Терминология Элемент – это конструкция языка HTML, или контейнер, содержащий данные. Web-страница ТерминологияАтрибут – параметр или свойство документа. Это, по сути, переменная, которая имеет ТерминологияГиперссылка - фрагмент текста, который является указателем на другой файл или объект. ТерминологияФрейм – область гипертекстового документа со своими полосами прокрутки. Код – аналог ТерминологияWWW( Web, World Wide Web) – «всемирная паутина», распределенная система доступа к ТерминологияБраузер - программа для просмотра Web-страниц. Сайт - набор Web-страниц, принадлежащих одному Структура документа    Структура Web-страницы Описание элементов HTML-документа и атрибутов . Отличительный признак HTML-документа.  Самый внешний Описание элементов HTML-документа и атрибутов . Элемент COMMENT (текст комментария). Текст, помещенный Описание элементов HTML-документа и атрибутов .Элемент HEAD - область заголовка Web-страницы. Этот Описание элементов HTML-документа и атрибутов .Элемент BODY заключает в себя гипертекст, который Атрибуты элемента BODY Background - определяет фон страницы. В качестве источника фона Атрибуты элемента BODYBgcolor - задает цвет фона тремя двухразрядными шестнадцатеричными числами, которые Атрибуты элемента BODYvlink - задает цвет текста для использованных гиперссылокПр.: vlink= Описание элементов HTML-документа и атрибутов ... Элемент заголовка.  Существует шесть уровней Описание элементов HTML-документа и атрибутов.Элемент HR - горизонтальная линия. Элемент не имеет Атрибуты элемента HR:Align – см. выше.size - задает толщину линииПр.: size=Толщина в Структура Web-страницыДальше проверяем размер заголовковЗаголовок 1Заголовок 2Заголовок 3Заголовок 4Заголовок 5Заголовок 6 Форматирование текста.     Элемент абзаца Р 	Элемент принудительного перехода Атрибуты тега FONT:Size - атрибут, задающий размер шрифта. Может иметь значения от Форматирование текста Форматирование текста   Текст первого абзаца.   Текст Вставка рисунка в документ.Элемент IMG используется для вставки графических файлов на Web-страницы.
Слайды презентации

Слайд 2 HTML
Hyper Text Markup Language - Язык разметки

HTML Hyper Text Markup Language - Язык разметки гипертекста HTML-файл или

гипертекста
HTML-файл или HTML-страница Документ, созданный в виде гипертекста

на основе языка HTML. Такие файлы имеют, как правило, расширения .htm или .html.

Слайд 3 Терминология
Элемент – это конструкция языка HTML, или

Терминология Элемент – это конструкция языка HTML, или контейнер, содержащий данные.

контейнер, содержащий данные. Web-страница представляет собой набор элементов.
Тег –

стартовый и конечный маркеры элемента. Теги определяют границы действия элементов и отделяют элементы друг от друга. В тексте HTML-документа теги заключаются в угловые скобки, а конечный тег всегда снабжается косой чертой.

Слайд 4 Терминология
Атрибут – параметр или свойство документа. Это, по

ТерминологияАтрибут – параметр или свойство документа. Это, по сути, переменная, которая

сути, переменная, которая имеет стандартное имя и которой может

присваиваться определенный набор значений: стандартных или произвольных. Атрибуты размещаются внутри стартового тега и отделяются друг от друга пробелами.


Слайд 5 Терминология
Гиперссылка - фрагмент текста, который является указателем на

ТерминологияГиперссылка - фрагмент текста, который является указателем на другой файл или

другой файл или объект. Гиперссылки необходимы для того, чтобы

обеспечить переход от одного документа к другому или из одной части документа к другой.


Слайд 6 Терминология
Фрейм – область гипертекстового документа со своими полосами

ТерминологияФрейм – область гипертекстового документа со своими полосами прокрутки. Код –

прокрутки.
Код – аналог понятия "текст программы".
Код HTML –

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


Слайд 7 Терминология
WWW( Web, World Wide Web) – «всемирная паутина»,

ТерминологияWWW( Web, World Wide Web) – «всемирная паутина», распределенная система доступа

распределенная система доступа к гипертекстовым документам, существующая в Internet.

HTML является основным языком для создания документов в WWW.
Web-cтраница – документ (файл), подготовленный в формате гипертекста и размещенный в WWW.

Слайд 8 Терминология
Браузер - программа для просмотра Web-страниц.
Сайт -

ТерминологияБраузер - программа для просмотра Web-страниц. Сайт - набор Web-страниц, принадлежащих

набор Web-страниц, принадлежащих одному владельцу.
URL – адрес некоторого

объекта в Internet или файла на локальном диске.
Базовый цвет - каждый цветовой оттенок получается соединением трех базовых цветов: красного, зеленого и синего (R, G, B).

Слайд 9 Структура документа
Структура Web-страницы

Структура документа  Структура Web-страницы    •••

•••


Слайд 10 Описание элементов HTML-документа и атрибутов
. Отличительный признак

Описание элементов HTML-документа и атрибутов . Отличительный признак HTML-документа. Самый внешний

HTML-документа. Самый внешний элемент, между его стартовым и конечным

тегом должна находиться вся Web-страница.


Слайд 11 Описание элементов HTML-документа и атрибутов
.
Элемент

Описание элементов HTML-документа и атрибутов . Элемент COMMENT (текст комментария). Текст,

COMMENT (текст комментария). Текст, помещенный внутри COMMENT, игнорируется браузером.

COMMENT может помещаться в любом месте кода Web-страницы. Внутри комментария не должны находиться другие элементы.

Слайд 12 Описание элементов HTML-документа и атрибутов
.
Элемент HEAD -

Описание элементов HTML-документа и атрибутов .Элемент HEAD - область заголовка Web-страницы.

область заголовка Web-страницы. Этот элемент допускает вложение элемента .

TITLE > .
Элемент TITLE используется для размещения заголовка Web-страницы. Строка текста, расположенная внутри, отображается не в документе, а в окне браузера.

Слайд 13 Описание элементов HTML-документа и атрибутов
.
Элемент BODY заключает

Описание элементов HTML-документа и атрибутов .Элемент BODY заключает в себя гипертекст,

в себя гипертекст, который и определяет Web-страницу. Эта та

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

Слайд 14 Атрибуты элемента BODY
Background - определяет фон страницы.

Атрибуты элемента BODY Background - определяет фон страницы. В качестве источника

В качестве источника фона используют картинку .jpg или .gif.


Пр.: background="URL файла фона"

Bgproperties - при помощи этого атрибута фон страницы не прокручивается вместе с текстом.
Пр.: bgproperties=fixed

Слайд 15 Атрибуты элемента BODY
Bgcolor - задает цвет фона тремя

Атрибуты элемента BODYBgcolor - задает цвет фона тремя двухразрядными шестнадцатеричными числами,

двухразрядными шестнадцатеричными числами, которые определяют интенсивности красного, зеленого и

синего цветов.
Пр.: bgcolor="RRGGBB"

text - задает цвет текста.
Пр.: text="RRGGBB"

link - задает цвет текста гиперссылок.
Пр.: link="RRGGBB"

Слайд 16 Атрибуты элемента BODY
vlink - задает цвет текста для

Атрибуты элемента BODYvlink - задает цвет текста для использованных гиперссылокПр.: vlink=

использованных гиперссылок
Пр.: vlink="RRGGBB"

alink - задает цвет текста для

последней использованной гиперссылки
Пр.: alink="RRGGBB"

Слайд 17 Описание элементов HTML-документа и атрибутов
...
Элемент

Описание элементов HTML-документа и атрибутов ... Элемент заголовка. Существует шесть уровней

заголовка. Существует шесть уровней заголовков, которые обозначаются Н1...Н6. Заголовок

Н1 самый крупный, а Н6 самый маленький.
Атрибут заголовка: Align задает выравнивание по центру, влево или вправо.
align="center" align="left" align="right"

Слайд 18 Описание элементов HTML-документа и атрибутов
.
Элемент HR - горизонтальная

Описание элементов HTML-документа и атрибутов.Элемент HR - горизонтальная линия. Элемент не

линия. Элемент не имеет конечного тега.
Атрибуты элемента HR:
Align – см.

выше.
size - задает толщину линии
Пр.: size=Толщина в пикселях
width -длина линии
Пр.: width=Длина в пикселях width=Длина в процентах

Слайд 19 Атрибуты элемента HR:
Align – см. выше.
size - задает

Атрибуты элемента HR:Align – см. выше.size - задает толщину линииПр.: size=Толщина

толщину линии
Пр.: size=Толщина в пикселях
width -длина линии
Пр.: width=Длина

в пикселях width=Длина в процентах
color (от англ. color -цвет) -цвет линии color="RRGGBB"


Слайд 20

Структура Web-страницы


Дальше проверяем размер заголовков
Заголовок 1

Структура Web-страницыДальше проверяем размер заголовковЗаголовок 1Заголовок 2Заголовок 3Заголовок 4Заголовок 5Заголовок 6

align="center">Заголовок 2
Заголовок 3
Заголовок 4
Заголовок 5
Заголовок 6



Слайд 21 Форматирование текста.
Элемент абзаца

Форматирование текста.   Элемент абзаца Р 	Элемент принудительного перехода на

Р


Элемент принудительного перехода на новую строку
Элемент

B выделяет текст полужирным шрифт
Элемент I выделяет текст курсивом
Элемент SMALL уменьшает размер шрифта
Элемент BIG увеличивает размер шрифта
Элемент U подчеркивает текст
Элемент SUB создает эффект нижнего индекса
Элемент SUP создает эффект верхнего индекса
Элемент FONT определяет размер и цвет шрифта.

Слайд 22 Атрибуты тега FONT:
Size - атрибут, задающий размер шрифта.

Атрибуты тега FONT:Size - атрибут, задающий размер шрифта. Может иметь значения

Может иметь значения от 1 до7
сolor - атрибут, задающий

цвет шрифта; color="9955ff"
face - позволяет задавать тип шрифта; face="Название шрифта” Шрифт размера 4
Элемент DIV позволяет выравнивать содержимое
align - атрибут, задающий выравнивание align="center" по центру
align="left" влево
align="right" вправо

Слайд 23 Форматирование текста Форматирование текста Текст первого

Форматирование текста Форматирование текста  Текст первого абзаца.  Текст второго

абзаца. Текст второго абзаца. Центрированный текст

абзаца.

Использование элемента B

Использование элемента BIG

Использование SMALL

Использование элемента I

Обычный текст и элемент SUB

Обычный текст и элемент SUP

Использование элемента U

Использование элемента DIV

Элемент BR обеспечивает разрыв
строки


Шрифт размера 7

Шрифт размера 1


Шрифт типа ARIAL


Шрифт типа COURIER


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