Разделы презентаций


HTML

Содержание

HTML Hyper Text Markup Language - Язык разметки гипертекста HTML-файл или HTML-страница Документ, созданный в виде гипертекста на основе языка HTML. Такие файлы имеют, как правило, расширения .htm или .html.

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

Слайд 1HTML

HTML

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

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

HTML. Такие файлы имеют, как правило, расширения .htm или .html.
HTML Hyper Text Markup Language - Язык разметки гипертекста HTML-файл или HTML-страница  Документ, созданный в виде

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

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

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

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

которая имеет стандартное имя и которой может присваиваться определенный набор

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

внешний элемент, между его стартовым и конечным тегом должна находиться

вся Web-страница.

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

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

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

в любом месте кода Web-страницы. Внутри комментария не должны находиться другие элементы.
Описание элементов HTML-документа и атрибутов . Элемент COMMENT (текст комментария). Текст, помещенный внутри COMMENT, игнорируется браузером. COMMENT

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

Web-страницы. Этот элемент допускает вложение элемента .
< TITLE >

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

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

гипертекст, который и определяет Web-страницу. Эта та часть документа, которую

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

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

источника фона используют картинку .jpg или .gif.
Пр.: background="URL файла

фона"

Bgproperties - при помощи этого атрибута фон страницы не прокручивается вместе с текстом.
Пр.: bgproperties=fixed
Атрибуты элемента BODY Background - определяет фон страницы. В качестве источника фона используют картинку .jpg или .gif.

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

числами, которые определяют интенсивности красного, зеленого и синего цветов.
Пр.: bgcolor="RRGGBB"



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

link - задает цвет текста гиперссылок.
Пр.: link="RRGGBB"
Атрибуты элемента BODYBgcolor - задает цвет фона тремя двухразрядными шестнадцатеричными числами, которые определяют интенсивности красного, зеленого и

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

vlink="RRGGBB"

alink - задает цвет текста для последней использованной гиперссылки
Пр.:

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

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

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

а Н6 самый маленький.
Атрибут заголовка: Align задает выравнивание по центру, влево или вправо.
align="center" align="left" align="right"
Описание элементов HTML-документа и атрибутов ... Элемент заголовка.  Существует шесть уровней заголовков, которые обозначаются Н1...Н6. Заголовок

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

имеет конечного тега.
Атрибуты элемента HR:
Align – см. выше.
size - задает

толщину линии
Пр.: size=Толщина в пикселях
width -длина линии
Пр.: width=Длина в пикселях width=Длина в процентах
Описание элементов HTML-документа и атрибутов.Элемент HR - горизонтальная линия. Элемент не имеет конечного тега.Атрибуты элемента HR:Align –

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

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

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

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

Слайд 20

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


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

3
Заголовок 4
Заголовок 5
Заголовок 6


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

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


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

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

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

значения от 1 до7
сolor - атрибут, задающий цвет шрифта; color="9955ff"
face

- позволяет задавать тип шрифта; face="Название шрифта” Шрифт размера 4
Элемент DIV позволяет выравнивать содержимое
align - атрибут, задающий выравнивание align="center" по центру
align="left" влево
align="right" вправо
Атрибуты тега FONT:Size - атрибут, задающий размер шрифта. Может иметь значения от 1 до7сolor - атрибут, задающий

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

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

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

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

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

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

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

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

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

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

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


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

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


Шрифт типа ARIAL


Шрифт типа COURIER

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

Слайд 24Вставка рисунка в документ.
Элемент IMG используется для вставки графических файлов

на Web-страницы. Атрибуты: src (от англ. source - источник)- необходимый атрибут,

указатель на файл графики align (от англ. align - выравнивать) - атрибут, задающий выравнивание align="middle" - посередине align="left"- по левому краю align="right" - по правому краю align="bottom"- по нижнему краю align="top" - по верхнему краю
Вставка рисунка в документ.Элемент IMG используется для вставки графических файлов на Web-страницы. Атрибуты:  src (от англ.

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

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

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

Что такое TheSlide.ru?

Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно  хранить и делиться своими презентациями с другими пользователями.


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

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