Презентация «HTML»

HTML
<< Каскадные таблицы стилей		Основы языка разметки HTML >>

HTML	Hyper Text Markup Language	Терминология	Атрибут – параметр или свойство документа	Гиперссылка - фрагмент текста, который является указателем на другой файл или объект
Фрейм – область гипертекстового документа со своими полосами прокрутки	WWW( web, world wide web) – «всемирная паутина», распределенная	Браузер - программа для просмотра Web-страниц	Структура документа	Описание элементов HTML-документа и атрибутов
<COMMENT> </comment>	<HEAD> </head>	<BODY> </body>	Атрибуты элемента BODY	Bgcolor
Vlink - задает цвет текста для использованных гиперссылок	<H1> </h1>	Элемент HR - горизонтальная линия	Атрибуты элемента HR	Структура Web-страницы
Форматирование текста	Атрибуты тега FONT	Форматирование текста	Вставка рисунка в документ

Презентация «HTML». Размер 120 КБ. Автор: Veryaev Anatoly A..

HTML

содержание презентации «HTML.ppt»

№	Слайд	Текст
1		HTML HTML.
2		Hyper Text Markup Language HTML. Hyper Text Markup Language - Язык разметки гипертекста HTML-файл или HTML-страница Документ, созданный в виде гипертекста на основе языка HTML. Такие файлы имеют, как правило, расширения .htm или .html.
3		Терминология Терминология. Элемент – это конструкция языка 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-страниц, принадлежащих одному владельцу. URL – адрес некоторого объекта в Internet или файла на локальном диске. Базовый цвет - каждый цветовой оттенок получается соединением трех базовых цветов: красного, зеленого и синего (R, G, B).
9		Структура документа Структура документа. <HTML> <HEAD> <TITLE>Структура Web-страницы</title> </head> <BODY> ••• </body> </html>
10		Описание элементов HTML-документа и атрибутов Описание элементов HTML-документа и атрибутов. <HTML> </html>. Отличительный признак HTML-документа. Самый внешний элемент, между его стартовым и конечным тегом должна находиться вся Web-страница.
11		<COMMENT> </comment> Описание элементов HTML-документа и атрибутов. <COMMENT> </comment>. Элемент COMMENT (текст комментария). Текст, помещенный внутри COMMENT, игнорируется браузером. COMMENT может помещаться в любом месте кода Web-страницы. Внутри комментария не должны находиться другие элементы.
12		<HEAD> </head> Описание элементов HTML-документа и атрибутов. <HEAD> </head>. Элемент HEAD - область заголовка Web-страницы. Этот элемент допускает вложение элемента <TITLE>. < TITLE > </title >. Элемент TITLE используется для размещения заголовка Web-страницы. Строка текста, расположенная внутри, отображается не в документе, а в окне браузера.
13		<BODY> </body> Описание элементов HTML-документа и атрибутов. <BODY> </body>. Элемент BODY заключает в себя гипертекст, который и определяет Web-страницу. Эта та часть документа, которую разрабатывает автор страницы и которую отображается браузером. Внутри стартового тега элемента BODY располагаются атрибуты, обеспечивающие установки для всей страницы целиком.
14		Атрибуты элемента BODY Атрибуты элемента BODY. Background - определяет фон страницы. В качестве источника фона используют картинку .jpg или .gif. Пр.: background="URL файла фона" Bgproperties - при помощи этого атрибута фон страницы не прокручивается вместе с текстом. Пр.: bgproperties=fixed.
15		Bgcolor Атрибуты элемента BODY. Bgcolor - задает цвет фона тремя двухразрядными шестнадцатеричными числами, которые определяют интенсивности красного, зеленого и синего цветов. Пр.: bgcolor="RRGGBB" text - задает цвет текста. Пр.: text="RRGGBB" link - задает цвет текста гиперссылок. Пр.: link="RRGGBB"
16		Vlink - задает цвет текста для использованных гиперссылок Атрибуты элемента BODY. vlink - задает цвет текста для использованных гиперссылок Пр.: vlink="RRGGBB" alink - задает цвет текста для последней использованной гиперссылки Пр.: alink="RRGGBB"
17		<H1> </h1> Описание элементов HTML-документа и атрибутов. <H1> </h1>... <H6> </h6> Элемент заголовка. Существует шесть уровней заголовков, которые обозначаются Н1...Н6. Заголовок Н1 самый крупный, а Н6 самый маленький. Атрибут заголовка: Align задает выравнивание по центру, влево или вправо. align="center" align="left" align="right"
18		Элемент HR - горизонтальная линия Описание элементов HTML-документа и атрибутов. <HR>. Элемент HR - горизонтальная линия. Элемент не имеет конечного тега. Атрибуты элемента HR: Align – см. выше. size - задает толщину линии Пр.: size=Толщина в пикселях width -длина линии Пр.: width=Длина в пикселях width=Длина в процентах.
19		Атрибуты элемента HR Атрибуты элемента HR: Align – см. выше. size - задает толщину линии Пр.: size=Толщина в пикселях width -длина линии Пр.: width=Длина в пикселях width=Длина в процентах color (от англ. color -цвет) -цвет линии color="RRGGBB"
20		Структура Web-страницы <HTML> <HEAD> <TITLE>Структура Web-страницы</title> </head> <BODY text="400600"> <COMMENT>Дальше проверяем размер заголовков</comment> <H1 align="right">Заголовок 1</h1> <H2 align="center">Заголовок 2</h2> <H3>Заголовок 3</h3> <H4>Заголовок 4</h4> <H5>Заголовок 5</h5> <H6>Заголовок 6</h6> </body> </html>
21		Форматирование текста Форматирование текста. <P> </p> Элемент абзаца Р <BR> </br> Элемент принудительного перехода на новую строку <B> </b> Элемент B выделяет текст полужирным шрифт <I> </i> Элемент I выделяет текст курсивом <SMALL> </small> Элемент SMALL уменьшает размер шрифта <BIG> </big> Элемент BIG увеличивает размер шрифта <U> </u> Элемент U подчеркивает текст <SUB> </sub> Элемент SUB создает эффект нижнего индекса <SUP> </sup> Элемент SUP создает эффект верхнего индекса <FONT> </font> Элемент FONT определяет размер и цвет шрифта.
22		Атрибуты тега FONT Атрибуты тега FONT: Size - атрибут, задающий размер шрифта. Может иметь значения от 1 до7 сolor - атрибут, задающий цвет шрифта; color="9955ff" face - позволяет задавать тип шрифта; face="Название шрифта” <FONT size=4 color="green" face="Arial"> Шрифт размера 4</font> <DIV> </div> Элемент DIV позволяет выравнивать содержимое align - атрибут, задающий выравнивание align="center" по центру align="left" влево align="right" вправо.
23		Форматирование текста <HTML><HEAD><TITLE>Форматирование текста</title></head><BODY> <H2>Форматирование текста </h2><HR> <P> Текст первого абзаца. <P> Текст второго абзаца.</p> <P align=center> Центрированный текст абзаца. <P> <B> Использование элемента B </b> <P> <BIG> Использование элемента BIG </big> <P> <SMALL> Использование SMALL </small> <P> <I> Использование элемента I </i> <P> Обычный текст и <SUB> элемент SUB </sub> <P> Обычный текст и <SUP> элемент SUP </sup> <P> <U> Использование элемента U </u> <P> <DIV align="right"> Использование элемента DIV </div> <P> Элемент BR обеспечивает разрыв <BR> строки<HR> <P><FONT size=7 color="red"> Шрифт размера 7</font> <P><FONT size=1> Шрифт размера 1</font><HR> <P><FONT face="Arial"> Шрифт типа ARIAL </font><HR> <P><FONT face="COURIER"> Шрифт типа COURIER </font> </BODY></HTML>
24		Вставка рисунка в документ Вставка рисунка в документ. Элемент IMG используется для вставки графических файлов на Web-страницы. Атрибуты: src (от англ. source - источник)- необходимый атрибут, указатель на файл графики align (от англ. align - выравнивать) - атрибут, задающий выравнивание align="middle" - посередине align="left"- по левому краю align="right" - по правому краю align="bottom"- по нижнему краю align="top" - по верхнему краю.
«HTML»