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

Загрузка...

HTML

содержание презентации «HTML.ppt»
СлайдТекст
1 HTML

HTML

HTML.

2 Hyper Text Markup Language

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) – «всемирная паутина», распределенная

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

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

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

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

9 Структура документа

Структура документа

Структура документа. <HTML> <HEAD> <TITLE>Структура Web-страницы</title> </head> <BODY> ••• </body> </html>

10 Описание элементов HTML-документа и атрибутов

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

Описание элементов HTML-документа и атрибутов. <HTML> </html>. Отличительный признак HTML-документа. Самый внешний элемент, между его стартовым и конечным тегом должна находиться вся Web-страница.

11 <COMMENT> </comment>

<COMMENT> </comment>

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

12 <HEAD> </head>

<HEAD> </head>

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

13 <BODY> </body>

<BODY> </body>

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

14 Атрибуты элемента BODY

Атрибуты элемента BODY

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

15 Bgcolor

Bgcolor

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

16 Vlink - задает цвет текста для использованных гиперссылок

Vlink - задает цвет текста для использованных гиперссылок

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

17 <H1> </h1>

<H1> </h1>

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

18 Элемент HR - горизонтальная линия

Элемент HR - горизонтальная линия

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

19 Атрибуты элемента HR

Атрибуты элемента HR

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

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

Структура 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

Атрибуты тега 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»
Загрузка...
Сайт

5informatika.net

115 тем
5informatika.net > HTML > HTML.ppt