№ | Слайд | Текст |
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» |