Введение в HTML. Инструментарий. Теги. Структура HTML-кода.

Содержание

Слайд 2

Версии HTML. Введение в HTML. Инструментарий. Теги. Структура HTML-кода. 21.04.2012 Содержание

Версии HTML.
Введение в HTML.
Инструментарий.
Теги.
Структура HTML-кода.

21.04.2012

Содержание

Слайд 3

Теги верхнего уровня. Теги заголовка документа. Блочные элементы Встроенные элементы. Универсальные

Теги верхнего уровня.
Теги заголовка документа.
Блочные элементы
Встроенные элементы.
Универсальные элементы.
Списки.
Таблицы.
Фреймы.

21.04.2012

Типы тегов

Слайд 4

Цвет. Шестнадцатеричные цвета. Веб-цвета Размер. Адрес. Текст. Особенности текста в HTML.

Цвет.
Шестнадцатеричные цвета.
Веб-цвета
Размер.
Адрес.
Текст.
Особенности текста в HTML.
Абзацы.
Заголовки
Выравнивание текста

Начертания: жирное, Курсивное
Верхний и нижний индекс

21.04.2012

Значения параметров у тегов

21.04.2012 Изображения Альтернативный текст. Изменение размеров рисунка. Списки Маркированный список. Нумерованный

определений.

Таблицы

Создание таблицы.
Параметры тега

.
Параметры тега
.
Особенности таблиц
Слайд 7

21.04.2012 Таблицы Выравнивание таблиц. Объединение ячеек. Вложенные таблицы. Заголовок таблицы. Фреймы

21.04.2012

Таблицы

Выравнивание таблиц.
Объединение ячеек.
Вложенные таблицы.
Заголовок таблицы.

Фреймы

Достоинства и недостатки фреймов.
Создание фреймов.


Ссылки во фреймах.
Границы между фреймами.
Изменение размеров фреймов.
Полосы прокрутки.
Плавающие фреймы.
Слайд 8

RFC 1866 — HTML 2.0, одобренный как стандарт 22 сентября 1995

RFC 1866 — HTML 2.0, одобренный как стандарт 22 сентября 1995 г.;
HTML

3.2 — 14 января 1997 г.;
HTML 4.0 — 18 декабря 1997 г.;
HTML 4.01 (значительные изменения) — 24 декабря 1999 г.;
ISO/IEC 15445:2000 (так называемый ISO HTML, основан на HTML 4.01 Strict) — 15 мая 2000 г.
HTML 5 — в разработке.
Request For Comments

Версии HTML

21.04.2012

Слайд 9

Официальной спецификации HTML 1.0 не существует. До 1995 года существовало множество

Официальной спецификации HTML 1.0 не существует. До 1995 года существовало множество

неофициальных стандартов HTML. Чтобы стандартная версия отличалась от них, ей сразу присвоили второй номер.
Версия 3 была предложена Консорциумом всемирной паутины (W3C) в марте 1995 года и обеспечивала много новых возможностей, таких как создание таблиц, «обтекание» изображений текстом и отображение сложных математических формул. Этот стандарт был совместим с версией 2.0, но его реализация была сложна для браузеров того времени. Версия 3.1 официально никогда не предлагалась, и следующей версией стандарта HTML стала 3.2, в которой были опущены многие нововведения версии 3.0, но добавлены нестандартные элементы, поддерживаемые браузерами «Netscape» и «Mosaic».

Версии HTML

21.04.2012

Слайд 10

HTML — это не язык программирования в общепринятом смысле, а язык

HTML — это не язык программирования в общепринятом смысле, а язык

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

21.04.2012

Слайд 11

Появление гипертекста 21.04.2012 В середине 1960-х Тед Нельсон создал слово "гипертекст"

Появление гипертекста

21.04.2012

В середине 1960-х Тед Нельсон создал слово "гипертекст" для описания

системы непоследовательных ссылок внутри текста.
Идея состояла в том, чтобы перемещаться по текстовым ссылкам, не читая при этом материал в линейной последовательности.
Фрагмент информации в одном месте будет вести к родственной информации в другом месте через цепочку ссылок, чтобы собрать сведения из различных источников, разбросанных по множеству документов.
Слайд 12

Появление гипертекста 21.04.2012 И только пятнадцать лет спустя Тим Бернерс-Ли, работавший

Появление гипертекста

21.04.2012

И только пятнадцать лет спустя Тим Бернерс-Ли, работавший консультантом в

Европейском центре ядерных исследований (CERN), написал программу с названием "Enquire-Within-Upon-Everything" ("Задай любой вопрос"), которая позволяла создавать ссылки между произвольными узлами текста в документе.
Каждый узел имел заглавие-идентификатор и список двунаправленных ссылок, поэтому читатели могли перемещаться из одного раздела документа в другой, активируя текстовые ссылки.
Слайд 13

В 1990 Бернерс-Ли начал работу над гипертекстовым "браузером". Он придумал термин

В 1990 Бернерс-Ли начал работу над гипертекстовым "браузером". Он придумал термин

"WorldWideWeb" ("Всемирная паутина") для названия программы и "World Wide Web" - для названия проекта.
Проект WWW был первоначально разработан для создания распределенной гипермедийной системы, которая была легко доступна из любого настольного компьютера, и для согласования физических исследований, разбросанных по всему миру.
Web содержала стандартные форматы для текста, графики, звука и видео, которые легко индексировались и были доступны для поиска всем сетевым машинам.

21.04.2012

Слайд 14

Были предложены стандарты для: Единообразного локатора ресурса (URL - Uniform Resource

Были предложены стандарты для:
Единообразного локатора ресурса (URL - Uniform Resource

Locator).
Он является схемой адресации Web.
Протокола передачи гипертекста (HTTP - HyperText Transfer Protocol).
Он является множеством сетевых правил для передачи Web-страниц.
Языка разметки гипертекста (HTML - HyperText Markup Language.

21.04.2012

Слайд 15

Внешний вид HTML документа (например, заголовок, тело документа и колонтитул) определяется

Внешний вид HTML документа (например, заголовок, тело документа и колонтитул) определяется

специальными его элементами, которые должным образом интерпретирует Web-браузер. Эти элементы стандартизированы Консорциумом World Wide Web (World Wide Web Consortium — W3C) и называются дескрипторами (или тегами).
Дескрипторы (теги) — это элементы, которыми определяются внешний вид и "поведение" Web-страницы.
Как правило, внешний вид и расположение элементов Web-страницы (текст, изображение и т.д.) определяются парой дескрипторов, между которыми находятся эти элементы.

21.04.2012

Слайд 16

Размещение файлов Web-страниц Для создания файлов Web-страниц можно использовать простейший текстовый

Размещение файлов Web-страниц

Для создания файлов Web-страниц можно использовать простейший текстовый редактор.

Но существуют и специализированные средства. Среди них Smart Web Builder - html-редактор с удобным интерфейсом и широкими возможностями (http://www.softportal.com/software-4614-smart-web-builder.html).
Чтобы другие пользователи Internet могли по оценить ваши Web-страницы, файлы этих страниц необходимо разместить на Web-сервере. Место на нем, и подключение к Internet обеспечивают Internet-провайдеры (JSP — Internet Service Provider). Есть и другие организации, которые могут предоставить услуги по хранению Ваших Web-страниц на сервере. Они называются Web Presence Provider (WPP).

21.04.2012

Слайд 17

Основные элементы HTML HTML и XHTML — это языки гипертекстовой разметки,

Основные элементы HTML

HTML и XHTML — это языки гипертекстовой разметки,

которыми определяется структура текстовых элементов документа;
HTML— язык, не зависящий от типа компьютерной платформы. Независимо от компьютерной платформы — будь то PC, Macintosh или UNIX,— если воспользоваться только Web-браузером, для посетителей вашего Web-узла страницы будут отображаться одинаково;
XHTML— это последняя и более структурированная версия HTML.

21.04.2012

Слайд 18

Основные элементы HTML HTML — это язык макетирования документов и описания

Основные элементы HTML

HTML — это язык макетирования документов и описания

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

21.04.2012

Слайд 19

Инструментарий 21.04.2012 Текстовый редактор HTML-документ можно создавать в любом текстовом редакторе,

Инструментарий

21.04.2012

Текстовый редактор
HTML-документ можно создавать в любом текстовом редакторе, хоть Блокноте, но

для этой цели подойдет не всякая программа. Нужна такая, чтобы поддерживала следующие возможности:
подсветка синтаксиса — выделение тегов, текста, ключевых слов и параметров разными цветами. Это облегчает поиск нужного элемента, ускоряет работу разработчика и снижает возникновение ошибок;
работа с вкладками. Сайт представляет собой набор файлов, которые приходится править по отдельности, для чего нужен редактор, умеющий одновременно работать сразу с несколькими документами. При этом файлы удобно открывать в отдельных вкладках, чтобы быстро переходить к нужному документу;
проверка текущего документа на ошибки
.
.
Слайд 20

Инструментарий 21.04.2012 Браузер Браузер это программа, предназначенная для просмотра веб-страниц. Вначале

Инструментарий

21.04.2012

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

но с повышением опыта и знаний потребуется завести несколько, чтобы проверять правильность отображения сайта в разных браузерах.
Каждый браузер имеет свои уникальные особенности, поэтому для проверки универсальности кода требуется просматривать и корректировать код с их учетом.
На сегодняшний день наибольшей популярностью пользуются три браузера: Firefox, Internet Explorer и Opera.
Графический редактор
Графический редактор необходим для обработки изображений и их подготовки для публикации на веб-странице. Самой популярной программой такого рода является Photoshop. Но зачастую лучше воспользоваться чем-нибудь более простым. Так, программа Paint.Net позволяет сделать все необходимые манипуляции с изображениями, вдобавок бесплатна для использования.
Слайд 21

Теги 21.04.2012 Чтобы браузер при отображении документа понимал, что имеет дело

Теги

21.04.2012

Чтобы браузер при отображении документа понимал, что имеет дело не с

простым текстом, а с элементом форматирования и применяются теги. Общий синтаксис написания тегов следующий.
<тег параметр1="значение" параметр2="значение">
<тег параметр1="значение" параметр2="значение">...
Видно, что теги бывают двух типов — одиночные и парные (контейнеры). Одиночный тег используется самостоятельно, а парный может включать внутри себя другие теги или текст. Теги имеют различные параметры. Они , разделяются между собой пробелом. Бывают теги без дополнительных параметров. Условно их можно подразделить на обязательные, они непременно должны присутствовать, и необязательные, их добавление зависит от цели применения тега.
Слайд 22

Теги 21.04.2012 Пример текста Здесь используется одиночный тег . Парных тегов

Теги

21.04.2012




content="text/html; charset= windows -1251">
Пример текста


Здесь используется одиночный тег .
Парных тегов несколько: , , , <body> и <p>. <br></p> </body> </html><br>Парные теги, еще называют контейнерами.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide23" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 23</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-22.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Правила применения тегов 21.04.2012 Парные теги состоят из двух частей —" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1307140/slide-22.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1307140/slide-22.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1307140/slide-22.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-22.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Правила применения тегов<br><p>21.04.2012<br><p>Парные теги состоят из двух частей — открывающий и закрывающий</div></h2><div class="slides-content">тег. <br>Открывающий тег обозначается как и одиночный — <тег>.<br>В закрывающем используется слэш — </тег>. <br>Можно вкладывать в контейнер другие теги, но следует соблюдать их порядок.<br>Согласно спецификации HTML все значения параметров тегов следует указывать в двойных ("пример") или одинарных кавычках ('пример'). <br>Отсутствие кавычек не приведет к ошибкам, браузеры во многих случаях достаточно корректно обрабатывают код и без кавычек.<br>Любые теги, и их параметры нечувствительны к регистру. Можно писать — <BR>, <Br> или <br>. <br>Рекомендуется придерживаться выбранной формы записи на протяжении всех страниц сайта.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide24" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 24</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-23.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Значения параметров тегов 21.04.2012 Если для тега не добавлен какой-либо допустимый" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1307140/slide-23.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1307140/slide-23.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1307140/slide-23.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-23.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Значения параметров тегов<br><p>21.04.2012<br><p>Если для тега не добавлен какой-либо допустимый параметр, это</div></h2><div class="slides-content">означает, что в этом случае браузер будет подставлять значение, заданное по умолчанию. <br>Если вы ожидали получить иной результат на веб-странице, проверьте, м.б. вы не указали значения некоторых параметров.<br>Иногда используются некоторые параметры у тегов, без присваивания им никакого значения.<br>Порядок параметров в теге не имеет значения и на результат отображения элемента не влияет. <br>Теги вида <br><img src="/images/title.gif" width="438" height="118"> и <br><img height="118" width="438" src="/images/title.gif"> <br>по своему действию равны.<br>Каждый параметр тега относится к определенному типу (текст, число, путь к файлу и др.). Это нужно учитывать при написании параметра.. <br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide25" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 25</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-24.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Структура html-документа Назв. Текст документа! Автор документа 21.04.2012" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1307140/slide-24.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1307140/slide-24.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1307140/slide-24.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-24.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Структура html-документа<br><p><html><br><head><br><title>Назв.


Текст документа!


Автор документа



21.04.2012

Слайд 26

Шаблон базового документа Здесь будет основной текст страницы! Текст набрал Ю.Молородов





Шаблон базового</div></h2><div class="slides-content">документа


Здесь будет основной текст страницы!


Текст набрал Ю.Молородов
22 апреля 2010 г.



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

21.04.2012

Слайд 27

Элемент используется для указания типа текущего документа — DTD (document type

Элемент используется для указания типа текущего документа — DTD (document type

definition, описание типа документа).
Это необходимо, чтобы браузер понимал, как следует интерпретировать текущую Веб-страницу.
HTML существует в нескольких версиях.
Также имеется XHTML (EXtensible HyperText Markup Language, расширенный язык разметки гипертекста), похожий на HTML, но различающийся с ним по синтаксису.
Чтобы браузер «не путался» и понимал, согласно какому стандарту отображать Веб-страницу и необходимо в первой строке кода задавать .

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

21.04.2012

Слайд 28

Замечание Часто можно встретить код HTML вообще без использования . Но

Замечание
Часто можно встретить код HTML вообще без использования .
Но Веб-страница

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

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

21.04.2012

Слайд 29

В XHTML предусмотрены три разновидности дескриптора : strict, transitional и frameset.

В XHTML предусмотрены три разновидности дескриптора : strict, transitional и frameset.

В любом случае декларировать этот дескриптор надлежит только в верхней части кода Web-страницы.
Strict. Эту разновидность дескриптора следует использовать только в том случае, если ваши страницы предназначены для просмотра с помощью Web-браузеров последних версий, которые должным образом поддерживают таблицу стилей. Код дескриптора такого типа выглядит следующим образом:
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtmll-strict.dtd">

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

21.04.2012

Слайд 30

Transitional. Если вы не уверены, что доступ к вашим Web-страницам будет

Transitional. Если вы не уверены, что доступ к вашим Web-страницам будет

осуществляться только с помощью браузеров последних версий, используйте разновидность transitional дескриптора .
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtmll-transitional.dtd">
Frameset. Тип frameset следует использовать для работы с фреймами.
< DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "DTD/xhtmll-frameset.dtd">
Обратите внимание, что дескриптор
набран прописными буквами.
Прочие дескрипторы Web-страницы должны быть набраны строчными буквами

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

21.04.2012

Слайд 31

Простейший html-документ 21.04.2012 title>Пример веб-страницы Заголовок Первый абзац. Второй абзац. Текст

Простейший html-документ

21.04.2012




http-equiv="Content-Type" content="text/html; charset=windows-1251"> <
title>Пример веб-страницы


Заголовок


Первый абзац.

Второй абзац.



Текст набрал Ю.Молородов
22 апреля 2010 г.



Слайд 32

Типы тегов (дискрипторов) Каждый тег HTML принадлежит к определенной группе тегов:

Типы тегов (дискрипторов)

Каждый тег HTML принадлежит к определенной группе тегов: табличные

теги направлены на формирование таблиц и не могут применяться для других целей.
Условно теги делятся на следующие типы:
теги верхнего уровня;
теги заголовка документа;
блочные элементы;
встроенные элементы;
универсальные элементы;
списки;
таблицы.

21.04.2012

Слайд 33

Теги верхнего уровня 21.04.2012 С их помощью формируется структура Веб-страницы и

Теги верхнего уровня

21.04.2012

С их помощью формируется структура Веб-страницы и определяются раздел

заголовка и тело документа.

Тег является контейнером, который заключает в себе всё содержимое веб-страницы, включая теги и . Открывающий и закрывающий теги в документе необязательны, но хороший стиль диктует непременное их использование.

Тег предназначен для хранения других элементов, цель которых — помочь браузеру в работе с данными.
Внутри контейнера находятся метатеги, которые используются для хранения информации, предназначенной для браузеров и поисковых систем. Так, поисковые системы обращаются к метатегам чтобы найти описание сайта, ключевые слова и пр.
Слайд 34

Теги верхнего уровня 21.04.2012 Тег предназначен для хранения содержания Веб-страницы, отображаемого

Теги верхнего уровня

21.04.2012


Тег предназначен для хранения содержания Веб-страницы, отображаемого в

окне браузера.
Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера .
К такой информации относится текст, изображения, таблицы, списки и др.



...


...


Здесь контейнер определяет «каркас» всей Веб-страницы. Вначале задается тег , затем идет контейнер , в нем хранится содержательная часть документа, которая и отображается в браузере. Теги и хотя и не относятся к обязательным тегам (их можно не размещать в коде), но стоит добавлять всегда. Это позволяет получить четкую и понятную структуру документа.

Слайд 35

Теги заголовка документа 21.04.2012 К ним относятся элементы, которые располагаются в

Теги заголовка документа

21.04.2012

К ним относятся элементы, которые располагаются в контейнере .

Эти теги не отображаются в окне браузера, за исключением тега , который определяет название Веб-страницы.<br><TITLE> Используется для отображения строки текста в левом верхнем углу окна браузера. Она сообщает пользователю название сайта и другую информацию разработчика.<br><META> Метатеги используются для хранения информации, предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных. Тег <meta> всего один, он у него масса параметров, поэтому к нему и применяется множественное число.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide36" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 36</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-35.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Блочные элементы 21.04.2012 Блочные элементы занимают всю доступную ширину, высота элемента" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1307140/slide-35.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1307140/slide-35.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1307140/slide-35.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-35.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Блочные элементы<br><p>21.04.2012<br><p>Блочные элементы занимают всю доступную ширину, высота элемента определяется его</div></h2><div class="slides-content">содержимым, и он всегда начинается с новой строки.<br><BLOCKQUOTE> Предназначен для выделения длинных цитат внутри документа. Текст, обозначенный этим тегом, отображается как выровненный блок с отступами слева и справа (примерно по 40 пикселов), а также с пустым пространством сверху и снизу.<br><DIV> Тег <div> относится к универсальным блочным контейнерам и применяется в тех случаях, где нужны блочные элементы без дополнительных свойств. С помощью тега <div> можно выравнивать текст внутри этого контейнера с помощью параметра align.<br><H1>...<H6> Эта группа тегов определяет текстовые заголовки разного уровня, которые показывают относительную важность секции, расположенной после заголовка. <br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide37" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 37</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-36.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Блочные элементы 21.04.2012 Рисует горизонтальную линию, которая по своему виду зависит" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1307140/slide-36.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1307140/slide-36.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1307140/slide-36.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-36.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Блочные элементы<br><p>21.04.2012<br><p><HR><br>Рисует горизонтальную линию, которая по своему виду зависит от используемых</div></h2><div class="slides-content">параметров, а также браузера. Линия всегда начинается с новой строки, а после нее все элементы отображаются на следующей строке.<br><P><br>Определяет параграф (абзац) текста.<br><PRE><br>Задает блок предварительно форматированного текста. Такой текст отображается обычно моноширинным шрифтом и со всеми пробелами между словами. В HTML любое количество пробелов идущих в коде подряд на Веб-странице показывается как один. <br>Тег <pre> позволяет обойти эту особенность и отображать текст как требуется разработчику.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide38" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 38</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-37.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Встроенные элементы 21.04.2012 Это элементы Веб-страницы, которые являются непосредственной частью другого" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1307140/slide-37.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1307140/slide-37.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1307140/slide-37.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-37.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Встроенные элементы<br><p>21.04.2012<br><p>Это элементы Веб-страницы, которые являются непосредственной частью другого элемента, например,</div></h2><div class="slides-content">текстового абзаца. Они используются для изменения вида текста или его логического выделения.<br><A>  Тег <a> является важным элементом HTML. Он предназначен для создания ссылок. В зависимости от присутствия параметров name или href тег <a> устанавливает ссылку или якорь.<br><B> Определяет жирное начертание шрифта.<br><BIG> Тег <big> увеличивает размер шрифта на единицу по сравнению с обычным текстом. В HTML размер шрифта измеряется в условных единицах от 1 до 7. Средний размер текста, используемый по умолчанию, принят 3. Т.о., добавление тега <big> увеличивает текст на одну условную единицу.<br><BR> Тег <br> устанавливает перевод строки в том месте, где он находится. Тег <br> не добавляет пустой отступ перед строкой, в отличие от тега параграфа <p>.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide39" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 39</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-38.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Встроенные элементы 21.04.2012 Тег предназначен для акцентирования текста, отображая его курсивом." loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1307140/slide-38.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1307140/slide-38.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1307140/slide-38.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-38.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Встроенные элементы<br><p>21.04.2012<br><p><EM> Тег <em> предназначен для акцентирования текста, отображая его курсивом.<br><I></div></h2><div class="slides-content">Устанавливает курсивное начертание шрифта. <br><IMG> Предназначен для отображения на Веб-странице изображений в графическом формате GIF, JPEG или PNG. Если нужно, то рисунок можно сделать ссылкой на другой файл, поместив тег <img> в контейнер <a>. При этом вокруг изображения отображается рамка, которую можно убрать, добавив параметр border="0" в тег <img>.<br><SMALL> Он уменьшает размер шрифта на единицу по сравнению с обычным текстом. Похож на тег <big>, но действует с точностью до наоборот.<br><SPAN> Предназначен для определения встроенного элемента внутри документа.<br><STRONG> Используется для акцентирования текста. Браузеры отображают такой текст жирным начертанием.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide40" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 40</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-39.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Встроенные элементы 21.04.2012 Отображает шрифт в виде нижнего индекса. Текст при" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1307140/slide-39.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1307140/slide-39.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1307140/slide-39.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-39.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Встроенные элементы<br><p>21.04.2012<br><p><SUB> Отображает шрифт в виде нижнего индекса. Текст при этом</div></h2><div class="slides-content">располагается ниже базовой линии остальных символов строки и уменьшенного размера — H2O.<br><SUP> Отображает шрифт в виде верхнего индекса. По своему действию похож на <sub>, но текст отображается выше базовой линии текста — м2.<br>Есть разница между блочными и встроенными элементами:<br>Встроенные элементы могут содержать только данные или другие встроенные элементы. В блочные можно вкладывать другие блочные элементы, встроенные элементы, и данные. Т.е., встроенные элементы не могут хранить блочные элементы.<br>Б.Э. занимают всю доступную ширину окна браузера. Ширина встроенных элементов равна их содержимому плюс значения отступов, полей и границ.<br>Блочные элементы всегда начинаются с новой строки <br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide41" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 41</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-40.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Универсальные элементы 21.04.2012 Их особенность в том, что они в зависимости" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1307140/slide-40.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1307140/slide-40.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1307140/slide-40.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-40.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Универсальные элементы<br><p>21.04.2012<br><p>Их особенность в том, что они в зависимости от контекста</div></h2><div class="slides-content">могут использоваться как блочные или встроенные элементы.<br><DEL><br>Тег <del> используется для выделения текста, который был удален в новой версии документа. Такое форматирование позволяет отследить, какие изменения в тексте документа были сделаны. Браузеры обычно помечают текст в контейнере <del> как перечеркнутый.<br><INS><br>Тег <ins> предназначен для акцентирования вновь добавленного текста и обычно применяется наряду с тегом <del>. Браузеры помечают содержимое контейнера <ins> подчеркиванием текста.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide42" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 42</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-41.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Теги списков 21.04.2012 Это взаимосвязанный набор отдельных фраз или предложений, начинающиеся" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1307140/slide-41.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1307140/slide-41.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1307140/slide-41.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-41.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Теги списков<br><p>21.04.2012<br><p>Это взаимосвязанный набор отдельных фраз или предложений, начинающиеся с маркера</div></h2><div class="slides-content">или цифры. Они предоставляют возможность упорядочить и систематизировать разные данные и представить их в наглядном и удобном для пользователя виде.<br><OL> устанавливает нумерованный список. Каждый элемент списка начинается с числа или буквы и увеличивается по нарастающей.<br><UL> устанавливает маркированный список.<br><LI><br><DD>, <DT>, <DL> Тройка элементов предназначена для создания списка определений. Каждый такой список начинается с контейнера <dl>, куда входит тег <dt> создающий термин и тег <dd> задающий определение этого термина. Закрывающий тег </dd> не обязателен, т.к. следующий тег сообщает о завершении предыдущего элемента. Тем не менее, лучше закрывать все теги. <br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide43" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 43</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-42.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Теги таблиц 21.04.2012 Таблица состоит из строк и столбцов ячеек. Они" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1307140/slide-42.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1307140/slide-42.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1307140/slide-42.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-42.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Теги таблиц<br><p>21.04.2012<br><p>Таблица состоит из строк и столбцов ячеек. Они могут содержать</div></h2><div class="slides-content">текст и рисунки. Их используются для упорядочения и представления табличных данных.<br><TABLE> Служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов <tr> и <td>.<br><TD> предназначен для создания одной ячейки таблицы. Тег <td> должен размещаться внутри контейнера <tr>, который в свою очередь располагается внутри тега <table>.<br><TH> предназначен для создания одной ячейки таблицы, которая обозначается как заголовочная. Текст в ячейке отображается браузером жирным шрифтом и выравнивается по центру.<br><TR> Тег <tr> служит контейнером для создания строки таблицы. <br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide44" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 44</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-43.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Фреймы 21.04.2012 Они разделяют окно браузера на отдельные области, расположенные вплотную" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1307140/slide-43.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1307140/slide-43.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1307140/slide-43.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-43.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Фреймы<br><p>21.04.2012<br><p>Они разделяют окно браузера на отдельные области, расположенные вплотную друг к</div></h2><div class="slides-content">другу. В каждую из таких областей загружается самостоятельная Веб-страница определяемая с помощью тега <frame>. С их помощью Веб-страница делится на несколько документов. Они содержат навигацию по сайту и его контент. Механизм фреймов позволяет открывать документ в одном фрейме, по ссылке, нажатой в другом фрейме. Можно использовать вложенную структуру элементов. Это позволяет дробить фреймы на более мелкие области.<br><FRAME> определяет свойства отдельного фрейма, на которые делится окно браузера.<br><FRAMESET> заменяет собой элемент <body> на веб-странице и формирует структуру фреймов.<br><IFRAME> создает плавающий фрейм, который находится внутри обычного документа. Позволяет загружать в область заданных размеров любые другие независимые документы. <br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide45" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 45</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-44.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Значения параметров у тегов. Цвет. 21.04.2012 Параметры тегов расширяют возможности тегов" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1307140/slide-44.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1307140/slide-44.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1307140/slide-44.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-44.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Значения параметров у тегов. Цвет. <br><p>21.04.2012<br><p>Параметры тегов расширяют возможности тегов и</div></h2><div class="slides-content">позволяют управлять настройками отображения элементов Веб-страницы. Количество параметров велико, но их значения можно сгруппировать по разным типам: задающих цвет, размер, адрес и др. <br>Цвет задается: с помощью шестнадцатеричного кода и по названию некоторых цветов. Чаще используется способ, основанный на шестнадцатеричной системе исчисления. Он более универсальный.<br>Шестнадцатеричные цвета. Она в отличие от десятичной системы, базируется на числе 16. Цифры будут следующие: <br>0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. <br>Здесь числа от 10 до 15 заменены латинскими буквами. <br>Числа больше 15 в ней образуются объединением двух чисел в одно. Так 255 в десятичной системе соответствует число FF в шестнадцатеричной.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide46" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 46</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-45.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Значения параметров у тегов. Цвет 21.04.2012 Чтобы не возникало путаницы в" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1307140/slide-45.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1307140/slide-45.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1307140/slide-45.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-45.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Значения параметров у тегов. Цвет <br><p>21.04.2012<br><p>Чтобы не возникало путаницы в определении</div></h2><div class="slides-content">системы счисления, перед шестнадцатеричным числом ставится символ решетки #, например #aa69cc. Регистр не важен. Поэтому #F0F0F0 = #f0f0f0.<br>Типичный цвет, используемый в HTML: <body bgcolor="#fa8e47">. Цвет фона Веб-страницы задан как #FA8E47. Первые две цифры (FA) определяют красную составляющую цвета, цифры с третьей по четвертую (8E) — зеленую, а последние две цифры (47) — синюю. В итоге получится такой цвет. <br><p>Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF. В итоге можно получить 256 оттенков. <br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide47" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 47</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-46.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Значения параметров у тегов. Цвет 21.04.2012 Т.о. общее количество цветов может" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1307140/slide-46.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1307140/slide-46.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1307140/slide-46.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-46.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Значения параметров у тегов. Цвет <br><p>21.04.2012<br><p>Т.о. общее количество цветов может быть</div></h2><div class="slides-content"><br>256х256х256 = 16.777.216 комбинаций. <br>Цветовая модель, основанная на красной, зеленой и синей составляющей получила название RGB (red, green, blue). <br>Эта модель аддитивная. При сложении всех трех компонент получается белый цвет.<br>Некоторые правила. <br>Если значения компонент цвета одинаковы (например: #D6D6D6), то получим серый оттенок. <br>Чем больше число, тем светлее цвет, значения при этом меняются от #000000 (черный) до #FFFFFF (белый). <br>Цвет со значением #FF0000 самый красный из возможных красных оттенков. <br>Аналогично - зеленый цвет (#00FF00) и синий (#0000FF). <br>Желтый цвет (#FFFF00) получается смешением красного с зеленым.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide48" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 48</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-47.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Значения параметров у тегов. Цвет 21.04.2012 Это хорошо видно на цветовом" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1307140/slide-47.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1307140/slide-47.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1307140/slide-47.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-47.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Значения параметров у тегов. Цвет <br><p>21.04.2012<br><p>Это хорошо видно на цветовом круге.</div></h2><div class="slides-content">Здесь представлены основные цвета RGB и комплиментарные или дополнительные. <br>К ним относятся желтый, голубой и фиолетовый (пурпурный). Любой цвет можно получить смешением близлежащих к нему цветов. Голубой (#00FFFF) получается за счет объединения синего и зеленого цвета. <br><p>Цветовой круг<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide49" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 49</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-48.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Значения параметров у тегов. Размер. 21.04.2012 В HTML размеры элементов или" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1307140/slide-48.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1307140/slide-48.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1307140/slide-48.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-48.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Значения параметров у тегов. Размер. <br><p>21.04.2012<br><p>В HTML размеры элементов или расстояния</div></h2><div class="slides-content">между ними задаются в пикселах или процентах. <br>Пиксел — это элементарная точка на экране монитора. Она является относительной единицей измерения. Ее величина зависит от установленного экранного разрешения и размера монитора. <br>Так популярное разрешение монитора - 1024х768 пикселей. Картинка с такими размерами будет занимать всю область экрана. Увеличив разрешение монитора до 1280х1024, мы, тем самым, уменьшим размеры изображения на экране. <br>При использовании пикселей в качестве значений пишется только число без указания единиц, например: width="380". <br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide50" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 50</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-49.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Значения параметров у тегов. Адрес. 21.04.2012 Адресом называется путь к документу," loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1307140/slide-49.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1307140/slide-49.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1307140/slide-49.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-49.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Значения параметров у тегов. Адрес.<br><p>21.04.2012<br><p>Адресом называется путь к документу, например, к</div></h2><div class="slides-content">графическому файлу. Адрес нужен тогда, когда делается ссылка на Веб-страницу или загружается определенный файл. <br>Так в теге <img> адрес используется в качестве аргумента параметра src. Он задает путь к файлу с изображением.<br>Синонимом адреса выступает URL (Universal Resource Locator, универсальный указатель ресурсов).<br>Различают абсолютные и относительные адреса.<br>Абсолютные адреса работают везде, где задан URL. Он начинаются всегда с указания протокола передачи данных. <br>Для Веб-страниц они начинаются с ключевого слова http://. <br>HTTP (HyperText Transfer Protocol, протокол передачи гипертекста).<br><body> <br> <a href="http://htmlbook.ru/html/body.html">Описание тега BODY</a> </body> <br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide51" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 51</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-50.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Значения параметров у тегов. Адрес. 21.04.2012 Относительные адреса указываются от корня" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1307140/slide-50.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1307140/slide-50.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1307140/slide-50.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-50.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Значения параметров у тегов. Адрес.<br><p>21.04.2012<br><p>Относительные адреса указываются от корня сайта или</div></h2><div class="slides-content">текущего документа. Например, код <img src="pic.gif"> означает загрузить графический файл с именем pic.gif. Он расположен в той же папке, что и сама веб-страница. Адрес указывает обычно на файл index.html, который находится в корне сайта. <br>/images/pic.gif. Слэш (символ /) перед адресом говорит о том, что адресация начинается от корня сайта. Ссылка ведет на рисунок pic.gif, который находится в папке images. А та в свою очередь размещена в корне сайта.<br>../help/me.html Двоеточие перед именем указывает браузеру перейти на уровень выше в списке каталогов сайта и там «поискать» файл me.html.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide52" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 52</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-51.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Особенности текста в HTML 21.04.2012 Любое количество пробелов идущих подряд, в" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1307140/slide-51.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1307140/slide-51.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1307140/slide-51.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-51.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Особенности текста в HTML<br><p>21.04.2012<br><p>Любое количество пробелов идущих подряд, в браузере отображается</div></h2><div class="slides-content">как один.<br>Сколько бы ни было пробелов между словами, это не повлияет на конечный вид текста. Это правило относится к символам табуляции и переносу текста. <br>Исключением из этого правила является тег <pre>, внутри него любое число пробелов отображается именно так, как оно указано в коде.<br>Нет расстановки переносов в тексте.<br>HTML не поддерживает расстановку переносов в словах как это делают текстовые редакторы. Это несущественно, пока не используется выравнивание текста по ширине. <br>В этом случае блок текста выравнивается по левому и правому краю. Короткие строки при этом растягиваются за счет автоматического добавления пробелов между словами. <br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide53" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 53</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-52.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Особенности текста в HTML 21.04.2012 Текст занимает ширину окна браузера. Если" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1307140/slide-52.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1307140/slide-52.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1307140/slide-52.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-52.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Особенности текста в HTML<br><p>21.04.2012<br><p>Текст занимает ширину окна браузера.<br>Если вы просто напишите</div></h2><div class="slides-content">одну длинную строку в коде HTML, то в браузере она будет отформатирована, чтобы текст поместился по ширине в окно. <br>Переносы текста будут добавлены автоматически в местах пробела или дефиса. <br>Что произойдет, если в тексте нет ни того, ни другого символа? Браузер не сможет создать переносы и отобразит текст одной строкой. <br>Если она шире окна браузера, то появится горизонтальная полоса прокрутки.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide54" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 54</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-53.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Особенности текста в HTML. Абзацы. 21.04.2012 Как правило, блоки текста разделяют" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1307140/slide-53.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1307140/slide-53.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1307140/slide-53.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-53.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Особенности текста в HTML. Абзацы.<br><p>21.04.2012<br><p>Как правило, блоки текста разделяют между собой</div></h2><div class="slides-content">абзацами (параграфами). По умолчанию между ними существует небольшой вертикальный отступ, называемый отбивкой. <br>Синтаксис создания абзацев:<br><p>Абзац 1</p> <p>Абзац 2</p> <br>Каждый абзац начинается с тега <p> и должен иметь необязательный закрывающий тег </p>.<br>Между абзацами возникают большие отступы. От них можно избавиться, если в местах переноса строк добавлять тег <br>. <br>В отличие от абзаца, тег переноса строки <br> не создает вертикальных отступов между строками.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide55" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 55</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-54.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Результат использования тегов 21.04.2012 Отступы на Веб-странице при использовании абзацев" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1307140/slide-54.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1307140/slide-54.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1307140/slide-54.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-54.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Результат использования тегов <p> <br><p>21.04.2012<br><p>Отступы на Веб-странице при использовании абзацев <br></div></h2><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide56" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 56</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-55.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Результат использования тегов 21.04.2012 Вид текста с учетом переносов" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1307140/slide-55.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1307140/slide-55.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1307140/slide-55.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-55.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Результат использования тегов <br><p>21.04.2012<br><p> Вид текста с учетом переносов<br></div></h2><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide57" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 57</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-56.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Значения параметров у тегов. Заголовки. 21.04.2012 Заголовки выполняют важную функцию на" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1307140/slide-56.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1307140/slide-56.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1307140/slide-56.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-56.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Значения параметров у тегов. Заголовки.<br><p>21.04.2012<br><p>Заголовки выполняют важную функцию на Веб-странице. <br>Они</div></h2><div class="slides-content">показывают важность раздела, к которому относятся. Чем больше заголовок и его «вес» , тем более он значимый. В газетах и журналах передовицы набраны крупным шрифтом, тем самым, привлекая к ним внимание и говоря: «вот это надо читать обязательно» . <br>С помощью различных заголовков легко регулировать размер текста. Чем выше уровень заголовка, тем больше размер шрифта. Самым верхним уровнем является уровень 1 (<h1>), а самым нижним — уровень 6 (<h6>). <br>Поисковики добавляют рейтинг тексту, если он находится внутри тега заголовка. Это важно для раскрутки сайта и для его занятия первых строк выдачи результата в поисковой системе по ключевым словам. <br>Чаще применяют заголовки с первого по третий уровень. <br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide58" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 58</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-57.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Выравнивание текста 21.04.2012 Выравнивание текста определяет его внешний вид и ориентацию" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1307140/slide-57.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1307140/slide-57.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1307140/slide-57.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-57.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Выравнивание текста<br><p>21.04.2012<br><p>Выравнивание текста определяет его внешний вид и ориентацию краев абзаца.</div></h2><div class="slides-content"><br>Может выполняться по левому краю, правому краю, по центру или по ширине. Наиболее распространенный вариант — выравнивание по левому краю, когда слева текст сдвигается до края, а правый остается неровным. <br>Выравнивание по правому краю и по центру чаще используется в заголовках и подзаголовках. <br>При выравнивании по ширине, в тексте между словами могут появиться большие интервалы. <br>Для установки выравнивания текста используется тег параграфа <p> с параметром align. <br>Он определяет способ выравнивания. <br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide59" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 59</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-58.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Выравнивание текста 21.04.2012 Блок текста можно выравнивать с помощью тега с" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1307140/slide-58.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1307140/slide-58.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1307140/slide-58.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-58.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Выравнивание текста<br><p>21.04.2012<br><p>Блок текста можно выравнивать с помощью тега <div> с параметром</div></h2><div class="slides-content">align. <br>Он может принимать следующие значения:<br>left — выравнивание по левому краю, задается по умолчанию; <br>right — выравнивание по правому краю; <br>center — выравнивание по центру; <br>justify — выравнивание по ширине (одновременно по правому и левому краю). <br>Этот аргумент работает только для текста, длина которого более, чем одна строка. <br>Аргумент align можно применять как для текста, так и для заголовков. <br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide60" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 60</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-59.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Значения параметров тегов Начертание. 21.04.2012 Жирное начертание. Насыщенностью называют увеличение толщины" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1307140/slide-59.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1307140/slide-59.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1307140/slide-59.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-59.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Значения параметров тегов Начертание.<br><p>21.04.2012<br><p>Жирное начертание.<br>Насыщенностью называют увеличение толщины линий шрифта и</div></h2><div class="slides-content">соответственно контраста. Обычно различают четыре вида насыщенности: светлое начертание, нормальное, полужирное и жирное. Однако с помощью HTML можно установить только нормальное и жирное начертание. Для установки текста жирного начертания применяется два тега: <b> и <strong>. <br><b>Жирное начертание шрифта</b> <br><strong>Сильное выделение текста</strong> <br>Курсивное начертание.<br>Курсивный шрифт представляет собой не просто наклон отдельных символов, для некоторых шрифтов это полная переделка под новый стиль, имитирующий рукописный. <br>Курсив для текста определяют два тега: <i> и <em>.<br><i>Курсивное начертание шрифта</i>. <br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide61" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 61</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-60.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Замечания 21.04.2012 Теги и , также как и хотя и похожи" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1307140/slide-60.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1307140/slide-60.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1307140/slide-60.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1307140/slide-60.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Замечания <br><p>21.04.2012<br><p>Теги <b> и <strong>, также как <i> и <em> хотя</div></h2><div class="slides-content">и похожи по своему действию, являются не совсем эквивалентными и заменяемыми. Тег <b> — является тегом физической разметки и устанавливает жирное начертание текста.<br>Тег <strong> — тегом логической разметки и выделяет помеченный текст. <br>Разделение тегов на логическое и физическое форматирование изначально предназначалось, чтобы сделать HTML универсальным, т.е не зависящим от устройства вывода информации. <br>Теоретически, если воспользоваться, например, речевым браузером, то текст, оформленный с помощью тегов <b> и <strong>, будет отмечен по-разному. <br>Но получилось так, что в популярных браузерах результат использования этих тегов равнозначен.. <br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><!----></div><!--]--></div><div class="section"><div></div></div><form id="download" action="/api/" method="post" class="download"><!----><button class="download-btn" type="submit">Скачать</button><!----></form><div class="navigation"><div class="navigation-item"><div>- Предыдущая</div><a href="/algebra/test-30" class="navigation-link">тест </a></div><div class="navigation-item"><div>Следующая -</div><a href="/algebra/html-22" class="navigation-link">HTML_2-2 </a></div></div></div></div><div class="item-layoutRelated"><div class="section"><div></div></div></div></div><div class="item-layout"><div class="related"><h2 class="related-header">Похожие презентации</h2><div class="related-wrapper"><!--[--><div class="related-item"><a href="/algebra/diagnosticheskie-algoritmy" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1300672/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1300672/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1300672/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1300672/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1300672/slide-0.jpg 1440w" class="slides-image related-itemImage"> Диагностические алгоритмы</a></div><div class="related-item"><a href="/algebra/mehanizm-kinematikasyny-grafikaly-d-ster-" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1349957/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1349957/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1349957/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1349957/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1349957/slide-0.jpg 1440w" class="slides-image related-itemImage"> Механизм кинематикасының графикалық әдістері</a></div><div class="related-item"><a href="/algebra/rassledovanie-prestuplenij-na-pochve-vrazhdy-i-nenavisti-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1295610/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1295610/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1295610/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1295610/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1295610/slide-0.jpg 1440w" class="slides-image related-itemImage"> Расследование преступлений на почве вражды и ненависти</a></div><div class="related-item"><a href="/algebra/robot-vychislitel" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1475040/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1475040/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1475040/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1475040/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1475040/slide-0.jpg 1440w" class="slides-image related-itemImage"> Робот вычислитель</a></div><div class="related-item"><a href="/algebra/obshhee-makroekonomicheskoe-ravnovesie-omer-model-sovokupnogo-sprosa-i-sovokupnogo-predlozheniya-as-ad-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1302887/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1302887/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1302887/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1302887/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1302887/slide-0.jpg 1440w" class="slides-image related-itemImage"> Общее макроэкономическое равновесие (ОМЭР): Модель совокупного спроса и совокупного предложения (AS = AD)</a></div><div class="related-item"><a href="/algebra/schet-v-predelax-10" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1265438/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1265438/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1265438/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1265438/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1265438/slide-0.jpg 1440w" class="slides-image related-itemImage"> Счет в пределах 10 </a></div><div class="related-item"><a href="/algebra/politicheskie-partii-i-dvizheniya-16" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1353879/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1353879/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1353879/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1353879/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1353879/slide-0.jpg 1440w" class="slides-image related-itemImage"> Политические партии и движения</a></div><div class="related-item"><a href="/algebra/ponyatie-prokurorskogo-nadzora--ego-celi-i-zadachi--mery-prokurorskogo-reagirovaniya-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1228130/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1228130/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1228130/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1228130/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1228130/slide-0.jpg 1440w" class="slides-image related-itemImage"> Понятие прокурорского надзора, его цели и задачи, меры прокурорского реагирования</a></div><div class="related-item"><a href="/algebra/programmnoe-obespechenie-pk-2" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1298138/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1298138/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1298138/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1298138/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1298138/slide-0.jpg 1440w" class="slides-image related-itemImage"> Программное обеспечение ПК</a></div><div class="related-item"><a href="/algebra/opisanie-i-vyzov-funkcij-prototipy-funkcij-parametryznacheniya" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1358591/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1358591/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1358591/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1358591/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1358591/slide-0.jpg 1440w" class="slides-image related-itemImage"> Описание и вызов функций. Прототипы функций. Параметры-значения</a></div><div class="related-item"><a href="/algebra/the-bengal-tiger-india-6a-2" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1420377/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1420377/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1420377/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1420377/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1420377/slide-0.jpg 1440w" class="slides-image related-itemImage"> The Bengal tiger, India</a></div><div class="related-item"><a href="/algebra/smm-kontent-vidy-kontenta" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1335838/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1335838/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1335838/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1335838/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1335838/slide-0.jpg 1440w" class="slides-image related-itemImage"> СММ. Контент. Виды контента</a></div><div class="related-item"><a href="/algebra/97446-prezentaciya-quotkommercheskie-bankiquot--skachat-prezentacii-po-ekonomike" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1220694/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1220694/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1220694/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1220694/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1220694/slide-0.jpg 1440w" class="slides-image related-itemImage"> Презентация "Коммерческие банки" - скачать презентации по Экономике</a></div><div class="related-item"><a href="/algebra/shukova-irina-vladimirovna-pedagog-dopolnitelnogo-obrazovaniya-mou-dod-ekologobiologicheskij-centr-konkurs-chudesa-svoimi-rukam-d0" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1209207/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1209207/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1209207/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1209207/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1209207/slide-0.jpg 1440w" class="slides-image related-itemImage"> Шукова Ирина Владимировна Педагог дополнительного образования Моу Дод эколого-биологический центр Конкурс «чудеса своими рукам</a></div><div class="related-item"><a href="/algebra/bazovye-principy-psixologicheskoj-samoregulyacii" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1305844/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1305844/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1305844/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1305844/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1305844/slide-0.jpg 1440w" class="slides-image related-itemImage"> Базовые принципы психологической саморегуляции</a></div><div class="related-item"><a href="/algebra/kakuyu-igrushku-nazyvayut-narodnoj" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1322126/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1322126/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1322126/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1322126/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1322126/slide-0.jpg 1440w" class="slides-image related-itemImage"> Какую игрушку называют народной</a></div><div class="related-item"><a href="/algebra/mery-po-povysheniyu-byudzhetnoj-obespechennosti-mestnyx-byudzhetov-na-osnove-reshenij-pravitelstva-rossijskoj-federacii-i-federalnog-d0" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1179774/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1179774/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1179774/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1179774/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1179774/slide-0.jpg 1440w" class="slides-image related-itemImage"> Меры по повышению бюджетной обеспеченности местных бюджетов на основе решений Правительства Российской Федерации и Федеральног</a></div><div class="related-item"><a href="/algebra/uml-vvedenie" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1294698/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1294698/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1294698/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1294698/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1294698/slide-0.jpg 1440w" class="slides-image related-itemImage"> UML Введение</a></div><div class="related-item"><a href="/algebra/pravila-igry-v-basketbol-3" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1353033/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1353033/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1353033/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1353033/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1353033/slide-0.jpg 1440w" class="slides-image related-itemImage"> Правила игры в баскетбол</a></div><div class="related-item"><a href="/algebra/prazdnik-novyj-god-v-raznyx-stranax" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1417179/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1417179/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1417179/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1417179/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1417179/slide-0.jpg 1440w" class="slides-image related-itemImage"> Праздник новый год в разных странах</a></div><div class="related-item"><a href="/algebra/72577-prezentaciya-quottvorenie-fidiyaquot--skachat-prezentacii-po-mxk" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1197945/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1197945/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1197945/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1197945/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1197945/slide-0.jpg 1440w" class="slides-image related-itemImage"> Презентация "Творение Фидия" - скачать презентации по МХК</a></div><div class="related-item"><a href="/algebra/socialnaya-percepciya" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1290155/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1290155/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1290155/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1290155/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1290155/slide-0.jpg 1440w" class="slides-image related-itemImage"> Социальная перцепция </a></div><div class="related-item"><a href="/algebra/prezentaciya-molochnaya-promyshlennost-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1287836/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1287836/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1287836/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1287836/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1287836/slide-0.jpg 1440w" class="slides-image related-itemImage"> Презентация Молочная промышленность </a></div><div class="related-item"><a href="/algebra/85926-prezentaciya-na-temu-quotzakalivaniequot--skachat-prezentacii-po-medicine" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1210251/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1210251/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1210251/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1210251/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1210251/slide-0.jpg 1440w" class="slides-image related-itemImage"> Презентация на тему "Закаливание" - скачать презентации по Медицине</a></div><div class="related-item"><a href="/algebra/filosofiya-bytiya" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1295373/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1295373/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1295373/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1295373/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1295373/slide-0.jpg 1440w" class="slides-image related-itemImage"> Философия бытия</a></div><div class="related-item"><a href="/algebra/prezentaciya-zhiraf" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1454019/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1454019/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1454019/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1454019/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1454019/slide-0.jpg 1440w" class="slides-image related-itemImage"> Презентация Жираф</a></div><div class="related-item"><a href="/algebra/mediaciya-kak-sposob-razresheniya-trudovyx-sporov" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1309237/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1309237/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1309237/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1309237/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1309237/slide-0.jpg 1440w" class="slides-image related-itemImage"> Медиация как способ разрешения трудовых споров </a></div><div class="related-item"><a href="/algebra/konservaciya-politicheskogo-rezhima-v-sssr" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1291826/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1291826/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1291826/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1291826/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1291826/slide-0.jpg 1440w" class="slides-image related-itemImage"> Консервация политического режима в СССР</a></div><!--]--></div></div></div></div><!--]--><!--]--><!--]--></div></div></main><footer class="footer"><div class="layout"><div class="footer-text">Вы можете прислать нам Вашу презентацию и мы опубликуем ее на сайте.</div><div class="footer-contacts"><svg class="footer-contactsIcon" viewBox="0 0 27 26" xmlns="http://www.w3.org/2000/svg"><use xlink:href="/images/icons.svg#contacts"></use></svg> Обратная связь</div><div class="footer-text"><a href="/page/dlyapravoobladatelei">Для правообладателей</a></div><div class="footer-contactsEmail"> Email: <span class="footer-contactsShow">Нажмите что бы посмотреть</span></div></div></footer></div><!--]--></div><script>window.__NUXT__=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P){return {data:{meta:{result:{meta:{h1:k,main_text:a,main_title:l,main_description:m,main_keywords:n,main_image:a},app:{logo_image:a,logo_image_width:o,logo_image_height:p,logo_text:q,image_width_full:r,image_width_min:s,recaptcha_key:t,yandex_search:u,ya_context:d,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:v,footer_before:w,footer:x,dark_theme:d,strategy:{image_alt_words:h,item_slide_header:y,item_images:z,item_images_tag:i,item_words_h3:d,item_words_tag:i,item_words_1:h,routing:A,item_slide_skipping:B,item_download_timeout:C},colors:{header_text:j,header_bg:D,accent:E}},social:F}},categories:{result:[{id:G,ordering:b,name:"Разное",pseudoname:"uncategorized"},{id:144,ordering:b,name:"Бизнес и предпринимательство",pseudoname:"biznes-i-predprinimatelstvo"},{id:146,ordering:b,name:"Образование",pseudoname:"obrazovanie"},{id:149,ordering:b,name:"Финансы",pseudoname:"finansy"},{id:150,ordering:b,name:"Государство",pseudoname:"gosudarstvo"},{id:152,ordering:b,name:"Спорт",pseudoname:"sport"},{id:154,ordering:b,name:"Армия",pseudoname:"armiya"},{id:156,ordering:b,name:"Культурология",pseudoname:"kulturologiya"},{id:157,ordering:b,name:"Еда и кулинария",pseudoname:"eda-i-kulinariya"},{id:158,ordering:b,name:"Лингвистика",pseudoname:"lingvistika"},{id:163,ordering:b,name:"Черчение",pseudoname:"cherchenie"},{id:166,ordering:b,name:"Психология",pseudoname:"psihologiya"},{id:116,ordering:G,name:"Английский язык",pseudoname:"angliyskiy-yazyk"},{id:108,ordering:2,name:"Астрономия",pseudoname:"astronomiya"},{id:106,ordering:4,name:"Биология",pseudoname:"biologiya"},{id:142,ordering:5,name:"География",pseudoname:"geografiya"},{id:123,ordering:7,name:"Детские презентации",pseudoname:"detskie-prezentatsii"},{id:107,ordering:8,name:"Информатика",pseudoname:"informatika"},{id:109,ordering:9,name:"История",pseudoname:"istoriya"},{id:139,ordering:10,name:"Литература",pseudoname:"literatura"},{id:119,ordering:h,name:"Маркетинг",pseudoname:"marketing"},{id:114,ordering:12,name:"Математика",pseudoname:"matematika"},{id:138,ordering:13,name:"Медицина",pseudoname:"medetsina"},{id:118,ordering:14,name:"Менеджмент",pseudoname:"menedzhment"},{id:137,ordering:15,name:"Музыка",pseudoname:"muzyka"},{id:136,ordering:16,name:"МХК",pseudoname:"mhk"},{id:130,ordering:17,name:"Немецкий язык",pseudoname:"nemetskiy-yazyk"},{id:105,ordering:18,name:"ОБЖ",pseudoname:"obzh"},{id:133,ordering:19,name:"Обществознание ",pseudoname:"obshchestvoznanie"},{id:132,ordering:20,name:"Окружающий мир ",pseudoname:"okruzhayushchiy-mir"},{id:131,ordering:21,name:"Педагогика ",pseudoname:"pedagogika"},{id:129,ordering:22,name:"Русский язык",pseudoname:"russkiy-yazyk"},{id:128,ordering:24,name:"Технология",pseudoname:"tehnologiya"},{id:127,ordering:25,name:"Физика",pseudoname:"fizika"},{id:126,ordering:26,name:"Философия",pseudoname:"filosofiya"},{id:125,ordering:27,name:"Химия",pseudoname:"himiya"},{id:124,ordering:29,name:"Экология",pseudoname:"ekologiya"},{id:121,ordering:30,name:"Экономика",pseudoname:"ekonomika"},{id:120,ordering:31,name:"Юриспруденция",pseudoname:"yurisprudentsiya"}]},item:{result:{id:1307140,name:"Введение в HTML. Инструментарий. Теги. Структура HTML-кода.",category:"Алгебра",count:62,jpg:"jpg\u002F1307140",hits:183,download:b,h1:a,meta:{h1:"Введение в HTML. Инструментарий. Теги. Структура HTML-кода. ",title:"Введение в HTML. Инструментарий. Теги. Структура HTML-кода. презентация",description:"Введение в HTML. Инструментарий. Теги. Структура HTML-кода. - Алгебра, презентация, доклад, проект, конспект",keywords:"Введение в HTML. Инструментарий. Теги. Структура HTML-кода., Алгебра, презентация, доклад, проект, скачать презентацию на тему, PowerPoint, скачати презентацію, фон, шаблон, урок, конспект, класс, школа, класс",download_link:a},text:"\u003Cp style=\"text-align: justify;\" \u002F\u003EПрезентация на тему Введение в HTML. Инструментарий. Теги. Структура HTML-кода., из раздела: Алгебра.  Презентацию в формате PowerPoint (pptx) можно скачать внизу страницы, поделившись ссылкой в социальных сетях! Презентации взяты из открытого доступа или загружены их авторами, администрация сайта не отвечает за достоверность информации в них. Все права принадлежат авторам материалов: \u003Ca href=\"politika-zashchity-avtorskih-prav\"\u003EПолитика защиты авторских прав\u003C\u002Fa\u003E",seo_text:"\u003Cp\u003EВерсии HTML. \u003Cbr\u003EВведение в HTML.\u003Cbr\u003EИнструментарий.\u003Cbr\u003EТеги.\u003Cbr\u003EСтруктура HTML-кода.\u003Cbr\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EСодержание\u003Cbr\u003E \u003Cp\u003E\u003Cbr\u003E\u003Cbr\u003EТеги верхнего уровня. \u003Cbr\u003EТеги заголовка документа.\u003Cbr\u003EБлочные элементы\u003Cbr\u003EВстроенные элементы.\u003Cbr\u003EУниверсальные элементы.\u003Cbr\u003EСписки. \u003Cbr\u003EТаблицы.\u003Cbr\u003EФреймы.\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EТипы тегов\u003Cbr\u003E",texts:["\u003Cp\u003EЛекция _3\u003Cbr\u003E\u003Cbr\u003EВведение в программирование \r\nна языке гипертекстовой разметки \u003Cbr\u003EHTML\r\n\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E","\u003Cp\u003EВерсии HTML. \u003Cbr\u003EВведение в HTML.\u003Cbr\u003EИнструментарий.\u003Cbr\u003EТеги.\u003Cbr\u003EСтруктура HTML-кода.\u003Cbr\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EСодержание\u003Cbr\u003E","Теги верхнего уровня. \u003Cbr\u003EТеги заголовка документа.\u003Cbr\u003EБлочные элементы\u003Cbr\u003EВстроенные элементы.\u003Cbr\u003EУниверсальные элементы.\u003Cbr\u003EСписки. \u003Cbr\u003EТаблицы.\u003Cbr\u003EФреймы.\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EТипы тегов\u003Cbr\u003E","\u003Cp\u003EЦвет. \u003Cbr\u003EШестнадцатеричные цвета.\u003Cbr\u003EВеб-цвета\u003Cbr\u003EРазмер.\u003Cbr\u003EАдрес.\u003Cbr\u003EТекст.\u003Cbr\u003E Особенности текста в HTML.\u003Cbr\u003E Абзацы.\u003Cbr\u003E Заголовки\u003Cbr\u003E Выравнивание текста\u003Cbr\u003E Начертания: жирное, Курсивное \u003Cbr\u003E Верхний и нижний индекс\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EЗначения параметров у тегов\u003Cbr\u003E","\u003Cp\u003EАбсолютные и относительные ссылки. \u003Cbr\u003EВиды ссылок.\u003Cbr\u003EПравила вложений для тега \u003CA\u003E\u003Cbr\u003EПараметры ссылок.\u003Cbr\u003EСсылка на адрес электронной почты.\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EСсылки\u003Cbr\u003E\u003Cp\u003EЯкоря\u003Cbr\u003E\u003Cp\u003EИзображения\u003Cbr\u003E\u003Cp\u003EФормат GIF. \u003Cbr\u003EФормат JPEG.\u003Cbr\u003EФормат PNG-8 и Формат PNG-24\u003Cbr\u003EДобавление рисунка .\u003Cbr\u003E","\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EИзображения\u003Cbr\u003E\u003Cp\u003EАльтернативный текст. \u003Cbr\u003EИзменение размеров рисунка.\u003Cbr\u003E\u003Cp\u003EСписки\u003Cbr\u003E\u003Cp\u003EМаркированный список. \u003Cbr\u003EНумерованный список. Нумерация списка \u003Cbr\u003EСписок определений.\u003Cbr\u003E\u003Cp\u003EТаблицы\u003Cbr\u003E\u003Cp\u003EСоздание таблицы. \u003Cbr\u003EПараметры тега \u003CTABLE\u003E. \u003Cbr\u003EПараметры тега \u003Ctd\u003E.\u003Cbr\u003EОсобенности таблиц\u003Cbr\u003E","\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EТаблицы\u003Cbr\u003E\u003Cp\u003EВыравнивание таблиц. \u003Cbr\u003EОбъединение ячеек.\u003Cbr\u003EВложенные таблицы.\u003Cbr\u003EЗаголовок таблицы.\u003Cbr\u003E\u003Cp\u003EФреймы\u003Cbr\u003E\u003Cp\u003EДостоинства и недостатки фреймов. \u003Cbr\u003EСоздание фреймов. \u003Cbr\u003EСсылки во фреймах.\u003Cbr\u003EГраницы между фреймами.\u003Cbr\u003EИзменение размеров фреймов.\u003Cbr\u003EПолосы прокрутки.\u003Cbr\u003EПлавающие фреймы.\u003Cbr\u003E","\u003Cp\u003ERFC 1866 — HTML 2.0, одобренный как стандарт 22 сентября 1995 г.;\u003Cbr\u003EHTML 3.2 — 14 января 1997 г.;\u003Cbr\u003EHTML 4.0 — 18 декабря 1997 г.;\u003Cbr\u003EHTML 4.01 (значительные изменения) — 24 декабря 1999 г.;\u003Cbr\u003EISO\u002FIEC 15445:2000 (так называемый ISO HTML, основан на HTML 4.01 Strict) — 15 мая 2000 г.\u003Cbr\u003EHTML 5 — в разработке.\u003Cbr\u003ERequest For Comments\u003Cbr\u003E\u003Cp\u003EВерсии HTML\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E","\u003Cp\u003EОфициальной спецификации HTML 1.0 не существует. До 1995 года существовало множество неофициальных стандартов HTML. Чтобы стандартная версия отличалась от них, ей сразу присвоили второй номер.\u003Cbr\u003EВерсия 3 была предложена Консорциумом всемирной паутины (W3C) в марте 1995 года и обеспечивала много новых возможностей, таких как создание таблиц, «обтекание» изображений текстом и отображение сложных математических формул. Этот стандарт был совместим с версией 2.0, но его реализация была сложна для браузеров того времени. Версия 3.1 официально никогда не предлагалась, и следующей версией стандарта HTML стала 3.2, в которой были опущены многие нововведения версии 3.0, но добавлены нестандартные элементы, поддерживаемые браузерами «Netscape» и «Mosaic».\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003EВерсии HTML\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E","\u003Cp\u003EHTML — это не язык программирования в общепринятом смысле, а язык гипертекстовой разметки документа. \u003Cbr\u003EС его помощью на Web-странице можно разместить текст, графические изображения, звуковые и видеофайлы - практически любую электронную информацию. \u003Cbr\u003EТекст на языке HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме.\u003Cbr\u003EС помощью HTML должным образом форматируют Web-страницы и устанавливают между ними связь. \u003Cbr\u003EПри этом не имеет значения, на какой из компьютерных платформ созданы файлы, которые использованы на Web-страницах. \u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E","\u003Cp\u003EПоявление гипертекста\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EВ середине 1960-х Тед Нельсон создал слово \"гипертекст\" для описания системы непоследовательных ссылок внутри текста. \u003Cbr\u003EИдея состояла в том, чтобы перемещаться по текстовым ссылкам, не читая при этом материал в линейной последовательности. \u003Cbr\u003EФрагмент информации в одном месте будет вести к родственной информации в другом месте через цепочку ссылок, чтобы собрать сведения из различных источников, разбросанных по множеству документов. \u003Cbr\u003E","\u003Cp\u003EПоявление гипертекста\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EИ только пятнадцать лет спустя Тим Бернерс-Ли, работавший консультантом в Европейском центре ядерных исследований (CERN), написал программу с названием \"Enquire-Within-Upon-Everything\" (\"Задай любой вопрос\"), которая позволяла создавать ссылки между произвольными узлами текста в документе. \u003Cbr\u003EКаждый узел имел заглавие-идентификатор и список двунаправленных ссылок, поэтому читатели могли перемещаться из одного раздела документа в другой, активируя текстовые ссылки.\u003Cbr\u003E","\u003Cp\u003EВ 1990 Бернерс-Ли начал работу над гипертекстовым \"браузером\". Он придумал термин \"WorldWideWeb\" (\"Всемирная паутина\") для названия программы и \"World Wide Web\" - для названия проекта. \u003Cbr\u003EПроект WWW был первоначально разработан для создания распределенной гипермедийной системы, которая была легко доступна из любого настольного компьютера, и для согласования физических исследований, разбросанных по всему миру. \u003Cbr\u003EWeb содержала стандартные форматы для текста, графики, звука и видео, которые легко индексировались и были доступны для поиска всем сетевым машинам. \u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E","\u003Cp\u003EБыли предложены стандарты для:\u003Cbr\u003E Единообразного локатора ресурса (URL - Uniform Resource Locator).\u003Cbr\u003E Он является схемой адресации Web.\u003Cbr\u003EПротокола передачи гипертекста (HTTP - HyperText Transfer Protocol).\u003Cbr\u003EОн является множеством сетевых правил для передачи Web-страниц.\u003Cbr\u003E Языка разметки гипертекста (HTML - HyperText Markup Language. \r\n\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E","\u003Cp\u003EВнешний вид HTML документа (например, заголовок, тело документа и колонтитул) определяется специальными его элементами, которые должным образом интерпретирует Web-браузер. Эти элементы стандартизированы Консорциумом World Wide Web (World Wide Web Consortium — W3C) и называются дескрипторами (или тегами).\u003Cbr\u003EДескрипторы (теги) — это элементы, которыми определяются внешний вид и \"поведение\" Web-страницы. \u003Cbr\u003EКак правило, внешний вид и расположение элементов Web-страницы (текст, изображение и т.д.) определяются парой дескрипторов, между которыми находятся эти элементы.\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E","\u003Cp\u003EРазмещение файлов Web-страниц\u003Cbr\u003E \r\n\u003Cbr\u003E\u003Cp\u003EДля создания файлов Web-страниц можно использовать простейший текстовый редактор. Но существуют и специализированные средства. Среди них Smart Web Builder - html-редактор с удобным интерфейсом и широкими возможностями (http:\u002F\u002Fwww.softportal.com\u002Fsoftware-4614-smart-web-builder.html).\u003Cbr\u003EЧтобы другие пользователи Internet могли по оценить ваши Web-страницы, файлы этих страниц необходимо разместить на Web-сервере. Место на нем, и подключение к Internet обеспечивают Internet-провайдеры (JSP — Internet Service Provider). Есть и другие организации, которые могут предоставить услуги по хранению Ваших Web-страниц на сервере. Они называются Web Presence Provider (WPP). \u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E","\u003Cp\u003EОсновные элементы HTML \u003Cbr\u003E \r\n\u003Cbr\u003E\u003Cp\u003EHTML и XHTML — это языки гипертекстовой разметки, которыми определяется структура текстовых элементов документа;\u003Cbr\u003EHTML— язык, не зависящий от типа компьютерной платформы. Независимо от компьютерной платформы — будь то PC, Macintosh или UNIX,— если воспользоваться только Web-браузером, для посетителей вашего Web-узла страницы будут отображаться одинаково;\u003Cbr\u003EXHTML— это последняя и более структурированная версия HTML. \u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E","\u003Cp\u003EОсновные элементы HTML \u003Cbr\u003E \r\n\u003Cbr\u003E\u003Cp\u003EHTML — это язык макетирования документов и описания гиперссылок. Однако он не соответствует строгому стандарту XML. Поэтому W3С предложил язык XHTML, переработав HTML в соответствии с требованиями XML. XHTML поддерживает все возможности HTML, применяя более жесткие правила XML. Создавать XHTML-документы ничуть не сложнее чем писать обычную HTML-разметку, а перспективы использования таких документов значительно шире, поскольку к ним оказывается применим весь инструментарий XML. \u003Cbr\u003EПоэтому в последнее время наибольшее внимание уделяется именно XHTML, как приоритетному инструменту разметки гипертекста.\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E","\u003Cp\u003EИнструментарий\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EТекстовый редактор\u003Cbr\u003EHTML-документ можно создавать в любом текстовом редакторе, хоть Блокноте, но для этой цели подойдет не всякая программа. Нужна такая, чтобы поддерживала следующие возможности:\u003Cbr\u003E подсветка синтаксиса — выделение тегов, текста, ключевых слов и параметров разными цветами. Это облегчает поиск нужного элемента, ускоряет работу разработчика и снижает возникновение ошибок; \u003Cbr\u003E работа с вкладками. Сайт представляет собой набор файлов, которые приходится править по отдельности, для чего нужен редактор, умеющий одновременно работать сразу с несколькими документами. При этом файлы удобно открывать в отдельных вкладках, чтобы быстро переходить к нужному документу; \u003Cbr\u003E проверка текущего документа на ошибки\u003Cbr\u003E. \u003Cbr\u003E. \u003Cbr\u003E","\u003Cp\u003EИнструментарий\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EБраузер\u003Cbr\u003EБраузер это программа, предназначенная для просмотра веб-страниц. Вначале подойдет любой браузер, но с повышением опыта и знаний потребуется завести несколько, чтобы проверять правильность отображения сайта в разных браузерах. \u003Cbr\u003EКаждый браузер имеет свои уникальные особенности, поэтому для проверки универсальности кода требуется просматривать и корректировать код с их учетом. \u003Cbr\u003EНа сегодняшний день наибольшей популярностью пользуются три браузера: Firefox, Internet Explorer и Opera.\u003Cbr\u003EГрафический редактор\u003Cbr\u003EГрафический редактор необходим для обработки изображений и их подготовки для публикации на веб-странице. Самой популярной программой такого рода является Photoshop. Но зачастую лучше воспользоваться чем-нибудь более простым. Так, программа Paint.Net позволяет сделать все необходимые манипуляции с изображениями, вдобавок бесплатна для использования.\u003Cbr\u003E \u003Cbr\u003E","\u003Cp\u003EТеги\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EЧтобы браузер при отображении документа понимал, что имеет дело не с простым текстом, а с элементом форматирования и применяются теги. Общий синтаксис написания тегов следующий.\u003Cbr\u003E\u003Cтег параметр1=\"значение\" параметр2=\"значение\"\u003E \u003Cbr\u003E\u003Cтег параметр1=\"значение\" параметр2=\"значение\"\u003E...\u003C\u002Fтег\u003E \u003Cbr\u003EВидно, что теги бывают двух типов — одиночные и парные (контейнеры). Одиночный тег используется самостоятельно, а парный может включать внутри себя другие теги или текст. Теги имеют различные параметры. Они , разделяются между собой пробелом. Бывают теги без дополнительных параметров. Условно их можно подразделить на обязательные, они непременно должны присутствовать, и необязательные, их добавление зависит от цели применения тега.\u003Cbr\u003E","\u003Cp\u003EТеги\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003E\u003C!DOCTYPE HTML PUBLIC \"-\u002F\u002FW3C\u002F\u002FDTD HTML 4.01\u002F\u002FEN\" \"http:\u002F\u002Fwww.w3.org\u002FTR\u002Fhtml4\u002Fstrict.dtd\"\u003E \u003Cbr\u003E\u003Chtml\u003E \u003Cbr\u003E\u003Chead\u003E \u003Cbr\u003E\u003Cmeta http-equiv=\"content-type\" content=\"text\u002Fhtml; charset= windows -1251\"\u003E \u003Cbr\u003E\u003Ctitle\u003EПример текста\u003C\u002Ftitle\u003E \u003Cbr\u003E\u003C\u002Fhead\u003E \u003Cbr\u003E\u003Cbody\u003E \u003Cbr\u003E\u003Cp\u003EЗдесь используется одиночный тег \u003Cmeta\u003E. \u003Cbr\u003E Парных тегов несколько: \u003Chtml\u003E, \u003Chead\u003E, \u003Ctitle\u003E, \u003Cbody\u003E и \u003Cp\u003E. \u003Cbr\u003E\u003C\u002Fp\u003E \u003C\u002Fbody\u003E \u003C\u002Fhtml\u003E\u003Cbr\u003EПарные теги, еще называют контейнерами.\u003Cbr\u003E","\u003Cp\u003EПравила применения тегов\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EПарные теги состоят из двух частей — открывающий и закрывающий тег. \u003Cbr\u003EОткрывающий тег обозначается как и одиночный — \u003Cтег\u003E.\u003Cbr\u003EВ закрывающем используется слэш — \u003C\u002Fтег\u003E. \u003Cbr\u003EМожно вкладывать в контейнер другие теги, но следует соблюдать их порядок.\u003Cbr\u003EСогласно спецификации HTML все значения параметров тегов следует указывать в двойных (\"пример\") или одинарных кавычках ('пример'). \u003Cbr\u003EОтсутствие кавычек не приведет к ошибкам, браузеры во многих случаях достаточно корректно обрабатывают код и без кавычек.\u003Cbr\u003EЛюбые теги, и их параметры нечувствительны к регистру. Можно писать — \u003CBR\u003E, \u003CBr\u003E или \u003Cbr\u003E. \u003Cbr\u003EРекомендуется придерживаться выбранной формы записи на протяжении всех страниц сайта.\u003Cbr\u003E","\u003Cp\u003EЗначения параметров тегов\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EЕсли для тега не добавлен какой-либо допустимый параметр, это означает, что в этом случае браузер будет подставлять значение, заданное по умолчанию. \u003Cbr\u003EЕсли вы ожидали получить иной результат на веб-странице, проверьте, м.б. вы не указали значения некоторых параметров.\u003Cbr\u003EИногда используются некоторые параметры у тегов, без присваивания им никакого значения.\u003Cbr\u003EПорядок параметров в теге не имеет значения и на результат отображения элемента не влияет. \u003Cbr\u003EТеги вида \u003Cbr\u003E\u003Cimg src=\"\u002Fimages\u002Ftitle.gif\" width=\"438\" height=\"118\"\u003E и \u003Cbr\u003E\u003Cimg height=\"118\" width=\"438\" src=\"\u002Fimages\u002Ftitle.gif\"\u003E \u003Cbr\u003Eпо своему действию равны.\u003Cbr\u003EКаждый параметр тега относится к определенному типу (текст, число, путь к файлу и др.). Это нужно учитывать при написании параметра.. \u003Cbr\u003E","\u003Cp\u003EСтруктура html-документа\u003Cbr\u003E\u003Cp\u003E\u003Chtml\u003E\u003Cbr\u003E\u003Chead\u003E\u003Cbr\u003E\u003Ctitle\u003EНазв.\u003C\u002Ftitle\u003E\u003Cbr\u003E\u003C\u002Fhead\u003E\u003Cbr\u003E \u003Cbody\u003E\u003Cbr\u003EТекст документа!\u003Cbr\u003E\u003Caddress\u003E\u003Cbr\u003EАвтор документа\u003Cbr\u003E\u003C\u002Faddress\u003E\u003Cbr\u003E\u003C\u002Fbody\u003E\u003Cbr\u003E\u003C\u002Fhtml\u003E\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E","\u003Cp\u003E\u003C!DOCTYPE HTML PUBLIC \"-\u002F\u002FW3C\u002F\u002FDTD HTML 4.01 Transitional\u002F\u002FEN\"\u003E\u003Cbr\u003E\u003Chtml\u003E\u003Cbr\u003E\u003Chead\u003E\u003Cbr\u003E\u003Cmeta http-equiv=\"Content-Type\" content=\"text\u002Fhtml; charset=windows-1251\"\u003E\u003Cbr\u003E\u003Ctitle\u003EШаблон базового документа\u003C\u002Ftitle\u003E\u003Cbr\u003E\u003C\u002Fhead\u003E\u003Cbr\u003E\u003CBODY Background=\"UTSbanner.gif\" Bgcolor=\"Gray\", Text=\"Black\", Link=\"Blue\", Alink=\"Green\", Vlink=\"Red\"\u003E\u003Cbr\u003EЗдесь будет основной текст страницы!\u003Cbr\u003E\u003Caddress\u003E\u003Cbr\u003EТекст набрал Ю.Молородов\u003CBr\u003E 22 апреля 2010 г.\u003Cbr\u003E\u003C\u002Faddress\u003E \u003Cbr\u003E\u003C\u002Fbody\u003E\u003Cbr\u003E\u003C\u002Fhtml\u003E\u003Cbr\u003E\u003Cp\u003EСтруктура html-документа\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E","\u003Cp\u003EЭлемент \u003C!DOCTYPE\u003E используется для указания типа текущего документа — DTD (document type definition, описание типа документа). \u003Cbr\u003EЭто необходимо, чтобы браузер понимал, как следует интерпретировать текущую Веб-страницу.\u003Cbr\u003EHTML существует в нескольких версиях.\u003Cbr\u003EТакже имеется XHTML (EXtensible HyperText Markup Language, расширенный язык разметки гипертекста), похожий на HTML, но различающийся с ним по синтаксису. \u003Cbr\u003EЧтобы браузер «не путался» и понимал, согласно какому стандарту отображать Веб-страницу и необходимо в первой строке кода задавать \u003C!DOCTYPE\u003E.\u003Cbr\u003E\u003Cp\u003EСтруктура html-документа\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E","\u003Cp\u003EЗамечание\u003Cbr\u003EЧасто можно встретить код HTML вообще без использования \u003C!DOCTYPE\u003E. \u003Cbr\u003EНо Веб-страница все равно будет показана. \u003Cbr\u003EОднако может получиться, что один и тот же документ отображается в браузере по-разному при использовании \u003C!DOCTYPE\u003E и без него. \u003Cbr\u003EКроме того, браузеры могут по-своему показывать такие документы, в итоге страница может отображаться совсем не так, как это хотел разработчик. \u003Cbr\u003EЧтобы таких ситуаций не произошло, добавляйте \u003C!DOCTYPE\u003E в начало документа. \u003Cbr\u003E\u003Cp\u003EСтруктура html-документа\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E","\u003Cp\u003EВ XHTML предусмотрены три разновидности дескриптора \u003C!DOCTYPE\u003E: strict, transitional и frameset. В любом случае декларировать этот дескриптор надлежит только в верхней части кода Web-страницы.\u003Cbr\u003E Strict. Эту разновидность дескриптора следует использовать только в том случае, если ваши страницы предназначены для просмотра с помощью Web-браузеров последних версий, которые должным образом поддерживают таблицу стилей. Код дескриптора такого типа выглядит следующим образом: \u003Cbr\u003E\u003C!DOCUMENT html\u003Cbr\u003E\t\tPUBLIC \"-\u002F\u002FW3C\u002F\u002FDTD XHTML 1.0 Strict\u002F\u002FEN\" \t\t\"DTD\u002Fxhtmll-strict.dtd\"\u003E\u003Cbr\u003E\u003Cp\u003EСтруктура html-документа\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E","\u003Cp\u003ETransitional. Если вы не уверены, что доступ к вашим Web-страницам будет осуществляться только с помощью браузеров последних версий, используйте разновидность transitional дескриптора \u003C!D0CTYPE\u003E. \u003Cbr\u003E\u003C!DOCTYPE html\u003Cbr\u003E\tPUBLIC \"-\u002F\u002FW3C\u002F\u002FDTD XHTML 1.0 Transitional\u002F\u002FEN\" \t\"DTD\u002Fxhtmll-transitional.dtd\"\u003E\u003Cbr\u003EFrameset. Тип frameset следует использовать для работы с фреймами. \u003Cbr\u003E\u003C DOCTYPE html\u003Cbr\u003E\tPUBLIC \"-\u002F\u002FW3C\u002F\u002FDTD XHTML 1.0 Frameset\u002F\u002FEN\" \t\"DTD\u002Fxhtmll-frameset.dtd\"\u003E\u003Cbr\u003EОбратите внимание, что дескриптор \u003Cbr\u003E\u003C! DOCUMENTS— . . . \u003E набран прописными буквами.\u003Cbr\u003EПрочие дескрипторы Web-страницы должны быть набраны строчными буквами\u003Cbr\u003E\u003Cp\u003EСтруктура html-документа\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E","\u003Cp\u003EПростейший html-документ\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003E\u003C!DOCTYPE HTML PUBLIC \"-\u002F\u002FW3C\u002F\u002FDTD HTML \t4.01\u002F\u002FEN“ http:\u002F\u002Fwww.w3.org\u002FTR\u002Fhtml4\u002Fstrict.dtd\"\u003E \u003Cbr\u003E\u003Chtml\u003E \u003Cbr\u003E\u003Chead\u003E \u003Cbr\u003E\u003Cmeta http-equiv=\"Content-Type\" content=\"text\u002Fhtml; charset=windows-1251\"\u003E \u003C\u003Cbr\u003Etitle\u003EПример веб-страницы\u003C\u002Ftitle\u003E \u003Cbr\u003E\u003C\u002Fhead\u003E \u003Cbr\u003E\u003Cbody\u003E \u003Cbr\u003E\u003Ch1\u003EЗаголовок\u003C\u002Fh1\u003E \u003Cbr\u003E\u003C!-- Комментарий --\u003E \u003Cp\u003EПервый абзац.\u003C\u002Fp\u003E \u003Cp\u003EВторой абзац.\u003C\u002Fp\u003E \u003Cbr\u003E\u003Caddress\u003E\u003Cbr\u003EТекст набрал Ю.Молородов\u003CBr\u003E 22 апреля 2010 г.\u003Cbr\u003E\u003C\u002Faddress\u003E\u003Cbr\u003E\u003C\u002Fbody\u003E \u003Cbr\u003E\u003C\u002Fhtml\u003E\u003Cbr\u003E","\u003Cp\u003EТипы тегов (дискрипторов)\u003Cbr\u003E \r\n\u003Cbr\u003E\u003Cp\u003EКаждый тег HTML принадлежит к определенной группе тегов: табличные теги направлены на формирование таблиц и не могут применяться для других целей.\u003Cbr\u003EУсловно теги делятся на следующие типы:\u003Cbr\u003Eтеги верхнего уровня; \u003Cbr\u003Eтеги заголовка документа; \u003Cbr\u003Eблочные элементы; \u003Cbr\u003Eвстроенные элементы; \u003Cbr\u003Eуниверсальные элементы; \u003Cbr\u003Eсписки; \u003Cbr\u003Eтаблицы. \u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E","\u003Cp\u003EТеги верхнего уровня\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EС их помощью формируется структура Веб-страницы и определяются раздел заголовка и тело документа.\u003Cbr\u003E\u003CHTML\u003E\u003Cbr\u003EТег \u003Chtml\u003E является контейнером, который заключает в себе всё содержимое веб-страницы, включая теги \u003Chead\u003E и \u003Cbody\u003E. Открывающий и закрывающий теги \u003Chtml\u003E в документе необязательны, но хороший стиль диктует непременное их использование.\u003Cbr\u003E\u003CHEAD\u003E\u003Cbr\u003EТег \u003Chead\u003E предназначен для хранения других элементов, цель которых — помочь браузеру в работе с данными. \u003Cbr\u003EВнутри контейнера \u003Chead\u003E находятся метатеги, которые используются для хранения информации, предназначенной для браузеров и поисковых систем. Так, поисковые системы обращаются к метатегам чтобы найти описание сайта, ключевые слова и пр.\u003Cbr\u003E \u003Cbr\u003E","\u003Cp\u003EТеги верхнего уровня\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003E\u003CBODY\u003E\u003Cbr\u003EТег \u003Cbody\u003E предназначен для хранения содержания Веб-страницы, отображаемого в окне браузера. \u003Cbr\u003EИнформацию, которую следует выводить в документе, следует располагать именно внутри контейнера \u003Cbody\u003E. \u003Cbr\u003EК такой информации относится текст, изображения, таблицы, списки и др.\u003Cbr\u003E\u003Cp\u003E\u003Chtml\u003E \u003Cbr\u003E \u003Chead\u003E \u003Cbr\u003E ... \u003Cbr\u003E \u003C\u002Fhead\u003E \u003Cbr\u003E \u003Cbody\u003E\u003Cbr\u003E ... \u003Cbr\u003E \u003C\u002Fbody\u003E \u003Cbr\u003E\u003C\u002Fhtml\u003E\u003Cbr\u003E\u003Cp\u003EЗдесь контейнер \u003Chtml\u003E определяет «каркас» всей Веб-страницы. Вначале задается тег \u003Chead\u003E, затем идет контейнер \u003Cbody\u003E, в нем хранится содержательная часть документа, которая и отображается в браузере. Теги \u003Chtml\u003E и \u003Cbody\u003E хотя и не относятся к обязательным тегам (их можно не размещать в коде), но стоит добавлять всегда. Это позволяет получить четкую и понятную структуру документа. \u003Cbr\u003E","\u003Cp\u003EТеги заголовка документа\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EК ним относятся элементы, которые располагаются в контейнере \u003Chead\u003E. Эти теги не отображаются в окне браузера, за исключением тега \u003Ctitle\u003E, который определяет название Веб-страницы.\u003Cbr\u003E\u003CTITLE\u003E Используется для отображения строки текста в левом верхнем углу окна браузера. Она сообщает пользователю название сайта и другую информацию разработчика.\u003Cbr\u003E\u003CMETA\u003E Метатеги используются для хранения информации, предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных. Тег \u003Cmeta\u003E всего один, он у него масса параметров, поэтому к нему и применяется множественное число.\u003Cbr\u003E","\u003Cp\u003EБлочные элементы\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EБлочные элементы занимают всю доступную ширину, высота элемента определяется его содержимым, и он всегда начинается с новой строки.\u003Cbr\u003E\u003CBLOCKQUOTE\u003E Предназначен для выделения длинных цитат внутри документа. Текст, обозначенный этим тегом, отображается как выровненный блок с отступами слева и справа (примерно по 40 пикселов), а также с пустым пространством сверху и снизу.\u003Cbr\u003E\u003CDIV\u003E Тег \u003Cdiv\u003E относится к универсальным блочным контейнерам и применяется в тех случаях, где нужны блочные элементы без дополнительных свойств. С помощью тега \u003Cdiv\u003E можно выравнивать текст внутри этого контейнера с помощью параметра align.\u003Cbr\u003E\u003CH1\u003E...\u003CH6\u003E Эта группа тегов определяет текстовые заголовки разного уровня, которые показывают относительную важность секции, расположенной после заголовка. \u003Cbr\u003E","\u003Cp\u003EБлочные элементы\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003E\u003CHR\u003E\u003Cbr\u003EРисует горизонтальную линию, которая по своему виду зависит от используемых параметров, а также браузера. Линия всегда начинается с новой строки, а после нее все элементы отображаются на следующей строке.\u003Cbr\u003E\u003CP\u003E\u003Cbr\u003EОпределяет параграф (абзац) текста.\u003Cbr\u003E\u003CPRE\u003E\u003Cbr\u003EЗадает блок предварительно форматированного текста. Такой текст отображается обычно моноширинным шрифтом и со всеми пробелами между словами. В HTML любое количество пробелов идущих в коде подряд на Веб-странице показывается как один. \u003Cbr\u003EТег \u003Cpre\u003E позволяет обойти эту особенность и отображать текст как требуется разработчику.\u003Cbr\u003E","\u003Cp\u003EВстроенные элементы\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EЭто элементы Веб-страницы, которые являются непосредственной частью другого элемента, например, текстового абзаца. Они используются для изменения вида текста или его логического выделения.\u003Cbr\u003E\u003CA\u003E  Тег \u003Ca\u003E является важным элементом HTML. Он предназначен для создания ссылок. В зависимости от присутствия параметров name или href тег \u003Ca\u003E устанавливает ссылку или якорь.\u003Cbr\u003E\u003CB\u003E Определяет жирное начертание шрифта.\u003Cbr\u003E\u003CBIG\u003E Тег \u003Cbig\u003E увеличивает размер шрифта на единицу по сравнению с обычным текстом. В HTML размер шрифта измеряется в условных единицах от 1 до 7. Средний размер текста, используемый по умолчанию, принят 3. Т.о., добавление тега \u003Cbig\u003E увеличивает текст на одну условную единицу.\u003Cbr\u003E\u003CBR\u003E Тег \u003Cbr\u003E устанавливает перевод строки в том месте, где он находится. Тег \u003Cbr\u003E не добавляет пустой отступ перед строкой, в отличие от тега параграфа \u003Cp\u003E.\u003Cbr\u003E","\u003Cp\u003EВстроенные элементы\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003E\u003CEM\u003E Тег \u003Cem\u003E предназначен для акцентирования текста, отображая его курсивом.\u003Cbr\u003E\u003CI\u003E Устанавливает курсивное начертание шрифта. \u003Cbr\u003E\u003CIMG\u003E Предназначен для отображения на Веб-странице изображений в графическом формате GIF, JPEG или PNG. Если нужно, то рисунок можно сделать ссылкой на другой файл, поместив тег \u003Cimg\u003E в контейнер \u003Ca\u003E. При этом вокруг изображения отображается рамка, которую можно убрать, добавив параметр border=\"0\" в тег \u003Cimg\u003E.\u003Cbr\u003E\u003CSMALL\u003E Он уменьшает размер шрифта на единицу по сравнению с обычным текстом. Похож на тег \u003Cbig\u003E, но действует с точностью до наоборот.\u003Cbr\u003E\u003CSPAN\u003E Предназначен для определения встроенного элемента внутри документа.\u003Cbr\u003E\u003CSTRONG\u003E Используется для акцентирования текста. Браузеры отображают такой текст жирным начертанием.\u003Cbr\u003E","\u003Cp\u003EВстроенные элементы\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003E\u003CSUB\u003E Отображает шрифт в виде нижнего индекса. Текст при этом располагается ниже базовой линии остальных символов строки и уменьшенного размера — H2O.\u003Cbr\u003E\u003CSUP\u003E Отображает шрифт в виде верхнего индекса. По своему действию похож на \u003Csub\u003E, но текст отображается выше базовой линии текста — м2.\u003Cbr\u003EЕсть разница между блочными и встроенными элементами:\u003Cbr\u003EВстроенные элементы могут содержать только данные или другие встроенные элементы. В блочные можно вкладывать другие блочные элементы, встроенные элементы, и данные. Т.е., встроенные элементы не могут хранить блочные элементы.\u003Cbr\u003EБ.Э. занимают всю доступную ширину окна браузера. Ширина встроенных элементов равна их содержимому плюс значения отступов, полей и границ.\u003Cbr\u003EБлочные элементы всегда начинаются с новой строки \u003Cbr\u003E","\u003Cp\u003EУниверсальные элементы\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EИх особенность в том, что они в зависимости от контекста могут использоваться как блочные или встроенные элементы.\u003Cbr\u003E\u003CDEL\u003E\u003Cbr\u003EТег \u003Cdel\u003E используется для выделения текста, который был удален в новой версии документа. Такое форматирование позволяет отследить, какие изменения в тексте документа были сделаны. Браузеры обычно помечают текст в контейнере \u003Cdel\u003E как перечеркнутый.\u003Cbr\u003E\u003CINS\u003E\u003Cbr\u003EТег \u003Cins\u003E предназначен для акцентирования вновь добавленного текста и обычно применяется наряду с тегом \u003Cdel\u003E. Браузеры помечают содержимое контейнера \u003Cins\u003E подчеркиванием текста.\u003Cbr\u003E","\u003Cp\u003EТеги списков\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EЭто взаимосвязанный набор отдельных фраз или предложений, начинающиеся с маркера или цифры. Они предоставляют возможность упорядочить и систематизировать разные данные и представить их в наглядном и удобном для пользователя виде.\u003Cbr\u003E\u003COL\u003E устанавливает нумерованный список. Каждый элемент списка начинается с числа или буквы и увеличивается по нарастающей.\u003Cbr\u003E\u003CUL\u003E устанавливает маркированный список.\u003Cbr\u003E\u003CLI\u003E\u003Cbr\u003E\u003CDD\u003E, \u003CDT\u003E, \u003CDL\u003E Тройка элементов предназначена для создания списка определений. Каждый такой список начинается с контейнера \u003Cdl\u003E, куда входит тег \u003Cdt\u003E создающий термин и тег \u003Cdd\u003E задающий определение этого термина. Закрывающий тег \u003C\u002Fdd\u003E не обязателен, т.к. следующий тег сообщает о завершении предыдущего элемента. Тем не менее, лучше закрывать все теги. \u003Cbr\u003E","\u003Cp\u003EТеги таблиц\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EТаблица состоит из строк и столбцов ячеек. Они могут содержать текст и рисунки. Их используются для упорядочения и представления табличных данных.\u003Cbr\u003E\u003CTABLE\u003E Служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов \u003Ctr\u003E и \u003Ctd\u003E.\u003Cbr\u003E\u003CTD\u003E предназначен для создания одной ячейки таблицы. Тег \u003Ctd\u003E должен размещаться внутри контейнера \u003Ctr\u003E, который в свою очередь располагается внутри тега \u003Ctable\u003E.\u003Cbr\u003E\u003CTH\u003E предназначен для создания одной ячейки таблицы, которая обозначается как заголовочная. Текст в ячейке отображается браузером жирным шрифтом и выравнивается по центру.\u003Cbr\u003E\u003CTR\u003E Тег \u003Ctr\u003E служит контейнером для создания строки таблицы. \u003Cbr\u003E","\u003Cp\u003EФреймы\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EОни разделяют окно браузера на отдельные области, расположенные вплотную друг к другу. В каждую из таких областей загружается самостоятельная Веб-страница определяемая с помощью тега \u003Cframe\u003E. С их помощью Веб-страница делится на несколько документов. Они содержат навигацию по сайту и его контент. Механизм фреймов позволяет открывать документ в одном фрейме, по ссылке, нажатой в другом фрейме. Можно использовать вложенную структуру элементов. Это позволяет дробить фреймы на более мелкие области.\u003Cbr\u003E\u003CFRAME\u003E определяет свойства отдельного фрейма, на которые делится окно браузера.\u003Cbr\u003E\u003CFRAMESET\u003E заменяет собой элемент \u003Cbody\u003E на веб-странице и формирует структуру фреймов.\u003Cbr\u003E\u003CIFRAME\u003E создает плавающий фрейм, который находится внутри обычного документа. Позволяет загружать в область заданных размеров любые другие независимые документы. \u003Cbr\u003E","\u003Cp\u003EЗначения параметров у тегов. Цвет. \u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EПараметры тегов расширяют возможности тегов и позволяют управлять настройками отображения элементов Веб-страницы. Количество параметров велико, но их значения можно сгруппировать по разным типам: задающих цвет, размер, адрес и др. \u003Cbr\u003EЦвет задается: с помощью шестнадцатеричного кода и по названию некоторых цветов. Чаще используется способ, основанный на шестнадцатеричной системе исчисления. Он более универсальный.\u003Cbr\u003EШестнадцатеричные цвета. Она в отличие от десятичной системы, базируется на числе 16. Цифры будут следующие: \u003Cbr\u003E0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. \u003Cbr\u003EЗдесь числа от 10 до 15 заменены латинскими буквами. \u003Cbr\u003EЧисла больше 15 в ней образуются объединением двух чисел в одно. Так 255 в десятичной системе соответствует число FF в шестнадцатеричной.\u003Cbr\u003E","\u003Cp\u003EЗначения параметров у тегов. Цвет \u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EЧтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставится символ решетки #, например #aa69cc. Регистр не важен. Поэтому #F0F0F0 = #f0f0f0.\u003Cbr\u003EТипичный цвет, используемый в HTML: \u003Cbody bgcolor=\"#fa8e47\"\u003E. Цвет фона Веб-страницы задан как #FA8E47. Первые две цифры (FA) определяют красную составляющую цвета, цифры с третьей по четвертую (8E) — зеленую, а последние две цифры (47) — синюю. В итоге получится такой цвет. \u003Cbr\u003E\u003Cp\u003EКаждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF. \r\nВ итоге можно получить 256 оттенков. \u003Cbr\u003E","\u003Cp\u003EЗначения параметров у тегов. Цвет \u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EТ.о. общее количество цветов может быть \u003Cbr\u003E256х256х256 = 16.777.216 комбинаций. \u003Cbr\u003EЦветовая модель, основанная на красной, зеленой и синей составляющей получила название RGB (red, green, blue). \u003Cbr\u003EЭта модель аддитивная. При сложении всех трех компонент получается белый цвет.\u003Cbr\u003EНекоторые правила. \u003Cbr\u003EЕсли значения компонент цвета одинаковы (например: #D6D6D6), то получим серый оттенок. \u003Cbr\u003EЧем больше число, тем светлее цвет, значения при этом меняются от #000000 (черный) до #FFFFFF (белый). \u003Cbr\u003EЦвет со значением #FF0000 самый красный из возможных красных оттенков. \u003Cbr\u003EАналогично - зеленый цвет (#00FF00) и синий (#0000FF). \u003Cbr\u003EЖелтый цвет (#FFFF00) получается смешением красного с зеленым.\u003Cbr\u003E","\u003Cp\u003EЗначения параметров у тегов. Цвет \u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EЭто хорошо видно на цветовом круге. Здесь представлены основные цвета RGB и комплиментарные или дополнительные. \u003Cbr\u003EК ним относятся желтый, голубой и фиолетовый (пурпурный). Любой цвет можно получить смешением близлежащих к нему цветов. Голубой (#00FFFF) получается за счет объединения синего и зеленого цвета. \u003Cbr\u003E\u003Cp\u003EЦветовой круг\u003Cbr\u003E","\u003Cp\u003EЗначения параметров у тегов. Размер. \u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EВ HTML размеры элементов или расстояния между ними задаются в пикселах или процентах. \u003Cbr\u003EПиксел — это элементарная точка на экране монитора. Она является относительной единицей измерения. Ее величина зависит от установленного экранного разрешения и размера монитора. \u003Cbr\u003EТак популярное разрешение монитора - 1024х768 пикселей. Картинка с такими размерами будет занимать всю область экрана. Увеличив разрешение монитора до 1280х1024, мы, тем самым, уменьшим размеры изображения на экране. \u003Cbr\u003EПри использовании пикселей в качестве значений пишется только число без указания единиц, например: width=\"380\". \u003Cbr\u003E","\u003Cp\u003EЗначения параметров у тегов. Адрес.\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EАдресом называется путь к документу, например, к графическому файлу. Адрес нужен тогда, когда делается ссылка на Веб-страницу или загружается определенный файл. \u003Cbr\u003EТак в теге \u003Cimg\u003E адрес используется в качестве аргумента параметра src. Он задает путь к файлу с изображением.\u003Cbr\u003EСинонимом адреса выступает URL (Universal Resource Locator, универсальный указатель ресурсов).\u003Cbr\u003EРазличают абсолютные и относительные адреса.\u003Cbr\u003EАбсолютные адреса работают везде, где задан URL. Он начинаются всегда с указания протокола передачи данных. \u003Cbr\u003EДля Веб-страниц они начинаются с ключевого слова http:\u002F\u002F. \u003Cbr\u003EHTTP (HyperText Transfer Protocol, протокол передачи гипертекста).\u003Cbr\u003E\u003Cbody\u003E \u003Cbr\u003E \u003Ca href=\"http:\u002F\u002Fhtmlbook.ru\u002Fhtml\u002Fbody.html\"\u003EОписание тега BODY\u003C\u002Fa\u003E \u003C\u002Fbody\u003E \u003Cbr\u003E","\u003Cp\u003EЗначения параметров у тегов. Адрес.\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EОтносительные адреса указываются от корня сайта или текущего документа. Например, код \u003Cimg src=\"pic.gif\"\u003E означает загрузить графический файл с именем pic.gif. Он расположен в той же папке, что и сама веб-страница. \r\nАдрес указывает обычно на файл index.html, который находится в корне сайта. \u003Cbr\u003E\u002Fimages\u002Fpic.gif. Слэш (символ \u002F) перед адресом говорит о том, что адресация начинается от корня сайта. Ссылка ведет на рисунок pic.gif, который находится в папке images. А та в свою очередь размещена в корне сайта.\u003Cbr\u003E..\u002Fhelp\u002Fme.html\r\nДвоеточие перед именем указывает браузеру перейти на уровень выше в списке каталогов сайта и там «поискать» файл me.html.\u003Cbr\u003E","\u003Cp\u003EОсобенности текста в HTML\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EЛюбое количество пробелов идущих подряд, в браузере отображается как один.\u003Cbr\u003EСколько бы ни было пробелов между словами, это не повлияет на конечный вид текста. Это правило относится к символам табуляции и переносу текста. \u003Cbr\u003EИсключением из этого правила является тег \u003Cpre\u003E, внутри него любое число пробелов отображается именно так, как оно указано в коде.\u003Cbr\u003EНет расстановки переносов в тексте.\u003Cbr\u003EHTML не поддерживает расстановку переносов в словах как это делают текстовые редакторы. Это несущественно, пока не используется выравнивание текста по ширине. \u003Cbr\u003EВ этом случае блок текста выравнивается по левому и правому краю. Короткие строки при этом растягиваются за счет автоматического добавления пробелов между словами. \u003Cbr\u003E \u003Cbr\u003E","\u003Cp\u003EОсобенности текста в HTML\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EТекст занимает ширину окна браузера.\u003Cbr\u003EЕсли вы просто напишите одну длинную строку в коде HTML, то в браузере она будет отформатирована, чтобы текст поместился по ширине в окно. \u003Cbr\u003EПереносы текста будут добавлены автоматически в местах пробела или дефиса. \u003Cbr\u003EЧто произойдет, если в тексте нет ни того, ни другого символа? Браузер не сможет создать переносы и отобразит текст одной строкой. \u003Cbr\u003EЕсли она шире окна браузера, то появится горизонтальная полоса прокрутки.\u003Cbr\u003E \u003Cbr\u003E","\u003Cp\u003EОсобенности текста в HTML. Абзацы.\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EКак правило, блоки текста разделяют между собой абзацами (параграфами). По умолчанию между ними существует небольшой вертикальный отступ, называемый отбивкой. \u003Cbr\u003EСинтаксис создания абзацев:\u003Cbr\u003E\u003Cp\u003EАбзац 1\u003C\u002Fp\u003E\r\n\u003Cp\u003EАбзац 2\u003C\u002Fp\u003E \u003Cbr\u003EКаждый абзац начинается с тега \u003Cp\u003E и должен иметь необязательный закрывающий тег \u003C\u002Fp\u003E.\u003Cbr\u003EМежду абзацами возникают большие отступы. От них можно избавиться, если в местах переноса строк добавлять тег \u003Cbr\u003E. \u003Cbr\u003EВ отличие от абзаца, тег переноса строки \u003Cbr\u003E не создает вертикальных отступов между строками.\u003Cbr\u003E \u003Cbr\u003E","\u003Cp\u003EРезультат использования тегов \u003Cp\u003E \u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EОтступы на Веб-странице при использовании абзацев \u003Cbr\u003E","\u003Cp\u003EРезультат использования тегов \u003Cbr\u003E \u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003E\t\tВид текста с учетом переносов\u003Cbr\u003E","\u003Cp\u003EЗначения параметров у тегов. Заголовки.\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EЗаголовки выполняют важную функцию на Веб-странице. \u003Cbr\u003EОни показывают важность раздела, к которому относятся. Чем больше заголовок и его «вес» , тем более он значимый. В газетах и журналах передовицы набраны крупным шрифтом, тем самым, привлекая к ним внимание и говоря: «вот это надо читать обязательно» . \u003Cbr\u003EС помощью различных заголовков легко регулировать размер текста. Чем выше уровень заголовка, тем больше размер шрифта. Самым верхним уровнем является уровень 1 (\u003Ch1\u003E), а самым нижним — уровень 6 (\u003Ch6\u003E). \u003Cbr\u003EПоисковики добавляют рейтинг тексту, если он находится внутри тега заголовка. Это важно для раскрутки сайта и для его занятия первых строк выдачи результата в поисковой системе по ключевым словам. \u003Cbr\u003EЧаще применяют заголовки с первого по третий уровень. \u003Cbr\u003E \u003Cbr\u003E","\u003Cp\u003EВыравнивание текста\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EВыравнивание текста определяет его внешний вид и ориентацию краев абзаца. \u003Cbr\u003EМожет выполняться по левому краю, правому краю, по центру или по ширине. Наиболее распространенный вариант — выравнивание по левому краю, когда слева текст сдвигается до края, а правый остается неровным. \u003Cbr\u003EВыравнивание по правому краю и по центру чаще используется в заголовках и подзаголовках. \u003Cbr\u003EПри выравнивании по ширине, в тексте между словами могут появиться большие интервалы. \u003Cbr\u003EДля установки выравнивания текста используется тег параграфа \u003Cp\u003E с параметром align. \u003Cbr\u003EОн определяет способ выравнивания. \u003Cbr\u003E","\u003Cp\u003EВыравнивание текста\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EБлок текста можно выравнивать с помощью тега \u003Cdiv\u003E с параметром align. \u003Cbr\u003EОн может принимать следующие значения:\u003Cbr\u003Eleft — выравнивание по левому краю, задается по умолчанию; \u003Cbr\u003Eright — выравнивание по правому краю; \u003Cbr\u003Ecenter — выравнивание по центру; \u003Cbr\u003Ejustify — выравнивание по ширине (одновременно по правому и левому краю). \u003Cbr\u003EЭтот аргумент работает только для текста, длина которого более, чем одна строка. \u003Cbr\u003EАргумент align можно применять как для текста, так и для заголовков. \u003Cbr\u003E","\u003Cp\u003EЗначения параметров тегов Начертание.\u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EЖирное начертание.\u003Cbr\u003EНасыщенностью называют увеличение толщины линий шрифта и соответственно контраста. Обычно различают четыре вида насыщенности: светлое начертание, нормальное, полужирное и жирное. Однако с помощью HTML можно установить только нормальное и жирное начертание. Для установки текста жирного начертания применяется два тега: \u003Cb\u003E и \u003Cstrong\u003E. \u003Cbr\u003E\u003Cb\u003EЖирное начертание шрифта\u003C\u002Fb\u003E \u003Cbr\u003E\u003Cstrong\u003EСильное выделение текста\u003C\u002Fstrong\u003E \u003Cbr\u003EКурсивное начертание.\u003Cbr\u003EКурсивный шрифт представляет собой не просто наклон отдельных символов, для некоторых шрифтов это полная переделка под новый стиль, имитирующий рукописный. \u003Cbr\u003EКурсив для текста определяют два тега: \u003Ci\u003E и \u003Cem\u003E.\u003Cbr\u003E\u003Ci\u003EКурсивное начертание шрифта\u003C\u002Fi\u003E. \u003Cbr\u003E","\u003Cp\u003EЗамечания \u003Cbr\u003E\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EТеги \u003Cb\u003E и \u003Cstrong\u003E, также как \u003Ci\u003E и \u003Cem\u003E хотя и похожи по своему действию, являются не совсем эквивалентными и заменяемыми. Тег \u003Cb\u003E — является тегом физической разметки и устанавливает жирное начертание текста.\u003Cbr\u003EТег \u003Cstrong\u003E — тегом логической разметки и выделяет помеченный текст. \u003Cbr\u003EРазделение тегов на логическое и физическое форматирование изначально предназначалось, чтобы сделать HTML универсальным, т.е не зависящим от устройства вывода информации. \u003Cbr\u003EТеоретически, если воспользоваться, например, речевым браузером, то текст, оформленный с помощью тегов \u003Cb\u003E и \u003Cstrong\u003E, будет отмечен по-разному. \u003Cbr\u003EНо получилось так, что в популярных браузерах результат использования этих тегов равнозначен.. \u003Cbr\u003E","\u003Cp\u003E21.04.2012\u003Cbr\u003E\u003Cp\u003EЛекция окончена!\r\nБлагодарю за внимание!\r\nВаши вопросы.\u003Cbr\u003EМолородов Юрий Иванович\u003Cbr\u003Eyumo@ict.nsc.ru\u003Cbr\u003E\u003Cp\u003Eftp:\u002F\u002Fpine.ict.nsc.ru\u002Fpub\u002Ftmp\u002FSibGUTI_Lec\u003Cbr\u003E"],href:"\u002Falgebra\u002Fvvedenie-v-html-instrumentarij-tegi-struktura-htmlkoda",href_category:"\u002Falgebra",date:1662211964,related:[{id:1300672,name:"Диагностические алгоритмы",href:"\u002Falgebra\u002Fdiagnosticheskie-algoritmy",jpg:"jpg\u002F1300672"},{id:1349957,name:"Механизм кинематикасының графикалық әдістері",href:"\u002Falgebra\u002Fmehanizm-kinematikasyny-grafikaly-d-ster-",jpg:"jpg\u002F1349957"},{id:1295610,name:"Расследование преступлений на почве вражды и ненависти",href:"\u002Falgebra\u002Frassledovanie-prestuplenij-na-pochve-vrazhdy-i-nenavisti-1",jpg:"jpg\u002F1295610"},{id:1475040,name:"Робот вычислитель",href:"\u002Falgebra\u002Frobot-vychislitel",jpg:"jpg\u002F1475040"},{id:1302887,name:"Общее макроэкономическое равновесие (ОМЭР): Модель совокупного спроса и совокупного предложения (AS = AD)",href:"\u002Falgebra\u002Fobshhee-makroekonomicheskoe-ravnovesie-omer-model-sovokupnogo-sprosa-i-sovokupnogo-predlozheniya-as-ad-1",jpg:"jpg\u002F1302887"},{id:1265438,name:" \r\n Счет в пределах 10 ",href:"\u002Falgebra\u002Fschet-v-predelax-10",jpg:"jpg\u002F1265438"},{id:1353879,name:"Политические партии и движения",href:"\u002Falgebra\u002Fpoliticheskie-partii-i-dvizheniya-16",jpg:"jpg\u002F1353879"},{id:1228130,name:"Понятие прокурорского надзора, его цели и задачи, меры прокурорского реагирования",href:"\u002Falgebra\u002Fponyatie-prokurorskogo-nadzora--ego-celi-i-zadachi--mery-prokurorskogo-reagirovaniya-1",jpg:"jpg\u002F1228130"},{id:1298138,name:"Программное обеспечение ПК",href:"\u002Falgebra\u002Fprogrammnoe-obespechenie-pk-2",jpg:"jpg\u002F1298138"},{id:1358591,name:"Описание и вызов функций. Прототипы функций. Параметры-значения",href:"\u002Falgebra\u002Fopisanie-i-vyzov-funkcij-prototipy-funkcij-parametryznacheniya",jpg:"jpg\u002F1358591"},{id:1420377,name:"The Bengal tiger, India",href:"\u002Falgebra\u002Fthe-bengal-tiger-india-6a-2",jpg:"jpg\u002F1420377"},{id:1335838,name:"СММ. Контент. Виды контента",href:"\u002Falgebra\u002Fsmm-kontent-vidy-kontenta",jpg:"jpg\u002F1335838"},{id:1220694,name:"Презентация \"Коммерческие банки\" - скачать презентации по Экономике",href:"\u002Falgebra\u002F97446-prezentaciya-quotkommercheskie-bankiquot--skachat-prezentacii-po-ekonomike",jpg:"jpg\u002F1220694"},{id:1209207,name:"Шукова Ирина Владимировна Педагог дополнительного образования Моу Дод эколого-биологический центр Конкурс «чудеса своими рукам",href:"\u002Falgebra\u002Fshukova-irina-vladimirovna-pedagog-dopolnitelnogo-obrazovaniya-mou-dod-ekologobiologicheskij-centr-konkurs-chudesa-svoimi-rukam-d0",jpg:"jpg\u002F1209207"},{id:1305844,name:"Базовые принципы психологической саморегуляции",href:"\u002Falgebra\u002Fbazovye-principy-psixologicheskoj-samoregulyacii",jpg:"jpg\u002F1305844"},{id:1322126,name:"Какую игрушку называют народной",href:"\u002Falgebra\u002Fkakuyu-igrushku-nazyvayut-narodnoj",jpg:"jpg\u002F1322126"},{id:1179774,name:"Меры по повышению бюджетной обеспеченности местных бюджетов на основе решений Правительства Российской Федерации и Федеральног",href:"\u002Falgebra\u002Fmery-po-povysheniyu-byudzhetnoj-obespechennosti-mestnyx-byudzhetov-na-osnove-reshenij-pravitelstva-rossijskoj-federacii-i-federalnog-d0",jpg:"jpg\u002F1179774"},{id:1294698,name:"UML Введение",href:"\u002Falgebra\u002Fuml-vvedenie",jpg:"jpg\u002F1294698"},{id:1353033,name:"Правила игры в баскетбол",href:"\u002Falgebra\u002Fpravila-igry-v-basketbol-3",jpg:"jpg\u002F1353033"},{id:1417179,name:"Праздник новый год в разных странах",href:"\u002Falgebra\u002Fprazdnik-novyj-god-v-raznyx-stranax",jpg:"jpg\u002F1417179"},{id:1197945,name:"Презентация \"Творение Фидия\" - скачать презентации по МХК",href:"\u002Falgebra\u002F72577-prezentaciya-quottvorenie-fidiyaquot--skachat-prezentacii-po-mxk",jpg:"jpg\u002F1197945"},{id:1290155,name:"Социальная перцепция ",href:"\u002Falgebra\u002Fsocialnaya-percepciya",jpg:"jpg\u002F1290155"},{id:1287836,name:"Презентация Молочная промышленность ",href:"\u002Falgebra\u002Fprezentaciya-molochnaya-promyshlennost-1",jpg:"jpg\u002F1287836"},{id:1210251,name:"Презентация на тему \"Закаливание\" - скачать презентации по Медицине",href:"\u002Falgebra\u002F85926-prezentaciya-na-temu-quotzakalivaniequot--skachat-prezentacii-po-medicine",jpg:"jpg\u002F1210251"},{id:1295373,name:"Философия бытия",href:"\u002Falgebra\u002Ffilosofiya-bytiya",jpg:"jpg\u002F1295373"},{id:1454019,name:"Презентация Жираф",href:"\u002Falgebra\u002Fprezentaciya-zhiraf",jpg:"jpg\u002F1454019"},{id:1309237,name:"Медиация как способ разрешения трудовых споров ",href:"\u002Falgebra\u002Fmediaciya-kak-sposob-razresheniya-trudovyx-sporov",jpg:"jpg\u002F1309237"},{id:1291826,name:"Консервация политического режима в СССР",href:"\u002Falgebra\u002Fkonservaciya-politicheskogo-rezhima-v-sssr",jpg:"jpg\u002F1291826"}],navigation:{next:"\u002Falgebra\u002Fhtml-22",next_name:"HTML_2-2 ",prev:"\u002Falgebra\u002Ftest-30",prev_name:"тест "}}}},state:{},_errors:{},serverRendered:d,config:{public:{SITE_NAME:H,SITE_HOST:"vseprezentacii.com",SITE_LANG:I,API_BASE_URL:"https:\u002F\u002Fvseprezentacii.com\u002Fapi\u002F",pwaManifest:{name:H,short_name:a,description:a,lang:I,start_url:"\u002F?standalone=true",display:"standalone",background_color:j,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.6bbe8d3f.png",type:c,sizes:J,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.6bbe8d3f.png",type:c,sizes:J,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.6bbe8d3f.png",type:c,sizes:K,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.6bbe8d3f.png",type:c,sizes:K,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.6bbe8d3f.png",type:c,sizes:L,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.6bbe8d3f.png",type:c,sizes:L,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.6bbe8d3f.png",type:c,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.6bbe8d3f.png",type:c,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.6bbe8d3f.png",type:c,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.6bbe8d3f.png",type:c,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.6bbe8d3f.png",type:c,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.6bbe8d3f.png",type:c,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.6bbe8d3f.png",type:c,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.6bbe8d3f.png",type:c,sizes:P,purpose:g}]},yandexMetrika:{id:"94843251",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:d,childIframe:e,clickmap:e,defer:e,useRuntimeConfig:d,trackHash:e,trackLinks:d,type:b,webvisor:e,triggerEvent:e,consoleLog:d,partytown:e,isDev:e}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:a}},pinia:{app:{meta:{h1:k,main_text:a,main_title:l,main_description:m,main_keywords:n,main_image:a},app:{logo_image:a,logo_image_width:o,logo_image_height:p,logo_text:q,image_width_full:r,image_width_min:s,recaptcha_key:t,yandex_search:u,ya_context:d,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:v,footer_before:w,footer:x,dark_theme:d,strategy:{image_alt_words:h,item_slide_header:y,item_images:z,item_images_tag:i,item_words_h3:d,item_words_tag:i,item_words_1:h,routing:A,item_slide_skipping:B,item_download_timeout:C},colors:{header_text:j,header_bg:D,accent:E}},social:F,token:a}}}}("",0,"image\u002Fpng",true,false,"any","maskable",11,"h2","#ffffff","Презентации, проекты в PowerPoint","Презентации в PowerPoint","Презентации, проекты, доклады в PowerPoint ","Презентация, на тему, урок, класс, PowerPoint, скачати презентацію, фон, шаблон, доклад, проект, скачать",28,32,"VsePrezentacii.com",720,480,"6LdGr9gnAAAAAKdcDqFL5n46upSHwwYHs5ccQSJh","3212391","abusetheslide@ya.ru","Вы можете прислать нам Вашу презентацию и мы опубликуем ее на сайте.","\u003Ca href=\"\u002Fpage\u002Fdlyapravoobladatelei\"\u003EДля правообладателей\u003C\u002Fa\u003E","div","images_before","category","both",77,"#333333","#8a8888","\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fes5-shims\u002F0.0.2\u002Fes5-shims.min.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fshare2\u002Fshare.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cdiv class=\"ya-share2\" data-services=\"collections,gplus,vkontakte,facebook,odnoklassniki,gplus,twitter,moimir\" data-counter=\"\"\u003E\u003C\u002Fdiv\u003E",1,"VsePrezentacii","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))</script><script type="module" src="/_nuxt/entry.08fba208.js" crossorigin></script></body> </html>