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


HTML_3-1

Содержание

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

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

Слайд 1Лекция _3


Введение в программирование на языке гипертекстовой разметки
HTML
22.04.2013

Лекция _3Введение в программирование  на языке гипертекстовой разметки HTML 22.04.2013

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






22.04.2013
Содержание

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

Слайд 3

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

тегов

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

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

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

у тегов
Цвет. Шестнадцатеричные цвета.Веб-цветаРазмер.Адрес.Текст. Особенности текста в HTML. Абзацы. Заголовки Выравнивание текста Начертания: жирное, Курсивное Верхний и нижний

Слайд 5Абсолютные и относительные ссылки.
Виды ссылок.
Правила вложений для тега
Параметры

ссылок.
Ссылка на адрес электронной почты.
22.04.2013
Ссылки
Якоря
Изображения
Формат GIF.
Формат JPEG.
Формат PNG-8 и

Формат PNG-24
Добавление рисунка .
Абсолютные и относительные ссылки. Виды ссылок.Правила вложений для тега Параметры ссылок.Ссылка на адрес электронной почты.22.04.2013СсылкиЯкоряИзображенияФормат GIF. Формат

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


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

22.04.2013ИзображенияАльтернативный текст. Изменение размеров рисунка.СпискиМаркированный список. Нумерованный список. Нумерация списка Список определений.ТаблицыСоздание таблицы. Параметры тега . Параметры

Слайд 722.04.2013
Таблицы

Выравнивание таблиц.
Объединение ячеек.
Вложенные таблицы.
Заголовок таблицы.
Фреймы
Достоинства и недостатки фреймов.
Создание

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

22.04.2013ТаблицыВыравнивание таблиц. Объединение ячеек.Вложенные таблицы.Заголовок таблицы.ФреймыДостоинства и недостатки фреймов. Создание фреймов. Ссылки во фреймах.Границы между фреймами.Изменение размеров

Слайд 8RFC 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

22.04.2013

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

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

множество неофициальных стандартов HTML. Чтобы стандартная версия отличалась от них,

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


Версии HTML

22.04.2013

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

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

язык гипертекстовой разметки документа.
С его помощью на Web-странице можно

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

22.04.2013

HTML — это не язык программирования в общепринятом смысле, а язык гипертекстовой разметки документа. С его помощью

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

описания системы непоследовательных ссылок внутри текста.
Идея состояла в том,

чтобы перемещаться по текстовым ссылкам, не читая при этом материал в линейной последовательности.
Фрагмент информации в одном месте будет вести к родственной информации в другом месте через цепочку ссылок, чтобы собрать сведения из различных источников, разбросанных по множеству документов.
Появление гипертекста22.04.2013В середине 1960-х Тед Нельсон создал слово

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

в Европейском центре ядерных исследований (CERN), написал программу с названием

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

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

термин "WorldWideWeb" ("Всемирная паутина") для названия программы и "World Wide

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

22.04.2013

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

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

Resource Locator).
Он является схемой адресации Web.
Протокола передачи гипертекста (HTTP

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

22.04.2013

Были предложены стандарты для: Единообразного локатора ресурса (URL - Uniform Resource Locator). Он является схемой адресации Web.Протокола

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

определяется специальными его элементами, которые должным образом интерпретирует Web-браузер. Эти

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

22.04.2013

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

Слайд 16Размещение файлов 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).

22.04.2013

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

Слайд 17Основные элементы HTML


HTML и XHTML — это языки

гипертекстовой разметки, которыми определяется структура текстовых элементов документа;
HTML— язык, не

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

22.04.2013

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

Слайд 18Основные элементы HTML


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

и описания гиперссылок. Однако он не соответствует строгому стандарту XML.

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

22.04.2013

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

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

но для этой цели подойдет не всякая программа. Нужна такая,

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

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

браузер, но с повышением опыта и знаний потребуется завести несколько,

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

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

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

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

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

Слайд 22
Теги
22.04.2013



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


Здесь

используется одиночный тег .
Парных тегов несколько: , , , <body> и <p>. <br></p> </body> </html><br>Парные теги, еще называют контейнерами.<br> </div> <div class="image"> <a href="/img/thumbs/ff7c63e112ec4349b6394325cd40e913-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Теги22.04.2013 Пример текста Здесь используется одиночный тег . Парных тегов несколько: , , , и . Парные теги, еще называют контейнерами."><img src="/img/thumbs/ff7c63e112ec4349b6394325cd40e913-800x.jpg" title="HTML_3-1 Теги22.04.2013 Пример текста Здесь используется одиночный тег ." alt="Теги22.04.2013 Пример текста Здесь используется одиночный тег . Парных тегов несколько: ,"></a> </div> <hr> </div> <div class="descrip" id="slide23"> <h2><a href="/img/thumbs/61cf266793dd1f6e208d20a0c3b8036d-800x.jpg" target="_blank">Слайд 23</a><br>Правила применения тегов<br>22.04.2013<br>Парные теги состоят из двух частей — открывающий и</h2> <div class="text"> <h3>закрывающий тег. <br>Открывающий тег обозначается как и одиночный — .<br>В закрывающем</h3> используется слэш — </тег>. <br>Можно вкладывать в контейнер другие теги, но следует соблюдать их порядок.<br>Согласно спецификации HTML все значения параметров тегов следует указывать в двойных ("пример") или одинарных кавычках ('пример'). <br>Отсутствие кавычек не приведет к ошибкам, браузеры во многих случаях достаточно корректно обрабатывают код и без кавычек.<br>Любые теги, и их параметры нечувствительны к регистру. Можно писать — <BR>, <Br> или <br>. <br>Рекомендуется придерживаться выбранной формы записи на протяжении всех страниц сайта.<br><br> </div> <div class="image"> <a href="/img/thumbs/61cf266793dd1f6e208d20a0c3b8036d-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Правила применения тегов22.04.2013Парные теги состоят из двух частей — открывающий и закрывающий тег. Открывающий тег обозначается как и одиночный — .В закрывающем используется слэш — . Можно вкладывать в контейнер другие теги, но следует соблюдать их порядок.Согласно спецификации HTML все значения параметров тегов следует указывать в двойных ("пример") или одинарных кавычках ('пример'). Отсутствие кавычек не приведет к ошибкам, браузеры во многих случаях достаточно корректно обрабатывают код и без кавычек.Любые теги, и их параметры нечувствительны к регистру. Можно писать — , или . Рекомендуется придерживаться выбранной формы записи на протяжении всех страниц сайта."><img src="/img/thumbs/61cf266793dd1f6e208d20a0c3b8036d-800x.jpg" title="HTML_3-1 Правила применения тегов22.04.2013Парные теги состоят из двух частей — открывающий и закрывающий" alt="Правила применения тегов22.04.2013Парные теги состоят из двух частей — открывающий и закрывающий тег. Открывающий тег обозначается как и"></a> </div> <hr> </div> <div class="descrip" id="slide24"> <h2><a href="/img/thumbs/4a04b6a24726cd63f5b3d506f0c82024-800x.jpg" target="_blank">Слайд 24</a><br>Значения параметров тегов<br>22.04.2013<br>Если для тега не добавлен какой-либо допустимый параметр,</h2> <div class="text"> <h3>это означает, что в этом случае браузер будет подставлять значение,</h3> заданное по умолчанию. <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 class="image"> <a href="/img/thumbs/4a04b6a24726cd63f5b3d506f0c82024-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Значения параметров тегов22.04.2013Если для тега не добавлен какой-либо допустимый параметр, это означает, что в этом случае браузер будет подставлять значение, заданное по умолчанию. Если вы ожидали получить иной результат на веб-странице, проверьте, м.б. вы не указали значения некоторых параметров.Иногда используются некоторые параметры у тегов, без присваивания им никакого значения.Порядок параметров в теге не имеет значения и на результат отображения элемента не влияет. Теги вида и по своему действию равны.Каждый параметр тега относится к определенному типу (текст, число, путь к файлу и др.). Это нужно учитывать при написании параметра.. "><img src="/img/thumbs/4a04b6a24726cd63f5b3d506f0c82024-800x.jpg" title="HTML_3-1 Значения параметров тегов22.04.2013Если для тега не добавлен какой-либо допустимый параметр, это" alt="Значения параметров тегов22.04.2013Если для тега не добавлен какой-либо допустимый параметр, это означает, что в этом случае браузер"></a> </div> <hr> </div> <div class="descrip" id="slide25"> <h2><a href="/img/thumbs/2e7ccc500419a9b5d630103805e476f5-800x.jpg" target="_blank">Слайд 25</a>Структура html-документа<br><br><br>Назв.<br><br> <br>Текст документа!<br><br>Автор документа<br><br><br><br>22.04.2013<br></h2> <div class="image"> <a href="/img/thumbs/2e7ccc500419a9b5d630103805e476f5-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Структура html-документаНазв. Текст документа!Автор документа22.04.2013"><img src="/img/thumbs/2e7ccc500419a9b5d630103805e476f5-800x.jpg" title="HTML_3-1 Структура html-документаНазв. Текст документа!Автор документа22.04.2013" alt="Структура html-документаНазв. Текст документа!Автор документа22.04.2013"></a> </div> <hr> </div> <div class="descrip" id="slide26"> <h2><a href="/img/thumbs/29c724b22a8763e156e86b66320c844a-800x.jpg" target="_blank">Слайд 26</a><br><br><br><br>Шаблон</h2> <div class="text"> <h3>базового документа<br><br><br>Здесь будет основной</h3> текст страницы!<br><address><br>Текст набрал Ю.Молородов<Br> 22 апреля 2010 г.<br></address> <br></body><br></html><br><p>Структура html-документа<br><p>22.04.2013<br> </div> <div class="image"> <a href="/img/thumbs/29c724b22a8763e156e86b66320c844a-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Шаблон базового документаЗдесь будет основной текст страницы!Текст набрал Ю.Молородов 22 апреля 2010 г. Структура html-документа22.04.2013"><img src="/img/thumbs/29c724b22a8763e156e86b66320c844a-800x.jpg" title="HTML_3-1 Шаблон базового документаЗдесь будет основной текст страницы!Текст набрал Ю.Молородов 22 апреля 2010 г. Структура html-документа22.04.2013" alt="Шаблон базового документаЗдесь будет основной текст страницы!Текст набрал Ю.Молородов 22 апреля 2010 г. Структура html-документа22.04.2013"></a> </div> <hr> </div> <div class="descrip" id="slide27"> <h2><a href="/img/thumbs/135199fd1c5b7d06897b2cd61cf3be5b-800x.jpg" target="_blank">Слайд 27</a>Элемент используется для указания типа текущего документа — DTD (document</h2> <div class="text"> <h3>type definition, описание типа документа). <br>Это необходимо, чтобы браузер понимал,</h3> как следует интерпретировать текущую Веб-страницу.<br>HTML существует в нескольких версиях.<br>Также имеется XHTML (EXtensible HyperText Markup Language, расширенный язык разметки гипертекста), похожий на HTML, но различающийся с ним по синтаксису. <br>Чтобы браузер «не путался» и понимал, согласно какому стандарту отображать Веб-страницу и необходимо в первой строке кода задавать <!DOCTYPE>.<br><br><p>Структура html-документа<br><p>22.04.2013<br> </div> <div class="image"> <a href="/img/thumbs/135199fd1c5b7d06897b2cd61cf3be5b-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Элемент используется для указания типа текущего документа — DTD (document type definition, описание типа документа). Это необходимо, чтобы браузер понимал, как следует интерпретировать текущую Веб-страницу.HTML существует в нескольких версиях.Также имеется XHTML (EXtensible HyperText Markup Language, расширенный язык разметки гипертекста), похожий на HTML, но различающийся с ним по синтаксису. Чтобы браузер «не путался» и понимал, согласно какому стандарту отображать Веб-страницу и необходимо в первой строке кода задавать .Структура html-документа22.04.2013"><img src="/img/thumbs/135199fd1c5b7d06897b2cd61cf3be5b-800x.jpg" title="HTML_3-1 Элемент используется для указания типа текущего документа — DTD (document type definition," alt="Элемент используется для указания типа текущего документа — DTD (document type definition, описание типа документа). Это необходимо, чтобы"></a> </div> <hr> </div> <div class="descrip" id="slide28"> <h2><a href="/img/thumbs/6967f93278ea30bd9bb9a1469bd67d30-800x.jpg" target="_blank">Слайд 28</a>Замечание<br><br>Часто можно встретить код HTML вообще без использования . <br>Но</h2> <div class="text"> <h3>Веб-страница все равно будет показана. <br>Однако может получиться, что один</h3> и тот же документ отображается в браузере по-разному при использовании <!DOCTYPE> и без него. <br>Кроме того, браузеры могут по-своему показывать такие документы, в итоге страница может отображаться совсем не так, как это хотел разработчик. <br>Чтобы таких ситуаций не произошло, добавляйте <!DOCTYPE> в начало документа. <br><br><p>Структура html-документа<br><p>22.04.2013<br> </div> <div class="image"> <a href="/img/thumbs/6967f93278ea30bd9bb9a1469bd67d30-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="ЗамечаниеЧасто можно встретить код HTML вообще без использования . Но Веб-страница все равно будет показана. Однако может получиться, что один и тот же документ отображается в браузере по-разному при использовании и без него. Кроме того, браузеры могут по-своему показывать такие документы, в итоге страница может отображаться совсем не так, как это хотел разработчик. Чтобы таких ситуаций не произошло, добавляйте в начало документа. Структура html-документа22.04.2013"><img src="/img/thumbs/6967f93278ea30bd9bb9a1469bd67d30-800x.jpg" title="HTML_3-1 ЗамечаниеЧасто можно встретить код HTML вообще без использования . Но Веб-страница" alt="ЗамечаниеЧасто можно встретить код HTML вообще без использования . Но Веб-страница все равно будет показана. Однако может"></a> </div> <hr> </div> <div class="descrip" id="slide29"> <h2><a href="/img/thumbs/0c68b06b209943f89f0be34e880281f1-800x.jpg" target="_blank">Слайд 29</a>В XHTML предусмотрены три разновидности дескриптора : strict, transitional и</h2> <div class="text"> <h3>frameset. В любом случае декларировать этот дескриптор надлежит только в</h3> верхней части кода Web-страницы.<br> Strict. Эту разновидность дескриптора следует использовать только в том случае, если ваши страницы предназначены для просмотра с помощью Web-браузеров последних версий, которые должным образом поддерживают таблицу стилей. Код дескриптора такого типа выглядит следующим образом: <br><!DOCUMENT html<br> PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtmll-strict.dtd"><br><br><p>Структура html-документа<br><p>22.04.2013<br> </div> <div class="image"> <a href="/img/thumbs/0c68b06b209943f89f0be34e880281f1-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="В XHTML предусмотрены три разновидности дескриптора : strict, transitional и frameset. В любом случае декларировать этот дескриптор надлежит только в верхней части кода Web-страницы. Strict. Эту разновидность дескриптора следует использовать только в том случае, если ваши страницы предназначены для просмотра с помощью Web-браузеров последних версий, которые должным образом поддерживают таблицу стилей. Код дескриптора такого типа выглядит следующим образом: PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtmll-strict.dtd">Структура html-документа22.04.2013"><img src="/img/thumbs/0c68b06b209943f89f0be34e880281f1-800x.jpg" title="HTML_3-1 В XHTML предусмотрены три разновидности дескриптора : strict, transitional и frameset." alt="В XHTML предусмотрены три разновидности дескриптора : strict, transitional и frameset. В любом случае декларировать этот дескриптор"></a> </div> <hr> </div> <div class="descrip" id="slide30"> <h2><a href="/img/thumbs/5526ea72c007655e62561718e9b00686-800x.jpg" target="_blank">Слайд 30</a>Transitional. Если вы не уверены, что доступ к вашим Web-страницам</h2> <div class="text"> <h3>будет осуществляться только с помощью браузеров последних версий, используйте разновидность</h3> transitional дескриптора <!D0CTYPE>. <br><!DOCTYPE html<br> PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtmll-transitional.dtd"><br>Frameset. Тип frameset следует использовать для работы с фреймами. <br>< DOCTYPE html<br> PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "DTD/xhtmll-frameset.dtd"><br>Обратите внимание, что дескриптор <br><! DOCUMENTS— . . . > набран прописными буквами.<br>Прочие дескрипторы Web-страницы должны быть набраны строчными буквами<br><br><p>Структура html-документа<br><p>22.04.2013<br> </div> <div class="image"> <a href="/img/thumbs/5526ea72c007655e62561718e9b00686-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Transitional. Если вы не уверены, что доступ к вашим Web-страницам будет осуществляться только с помощью браузеров последних версий, используйте разновидность transitional дескриптора . Frameset. Тип frameset следует использовать для работы с фреймами. < DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "DTD/xhtmll-frameset.dtd">Обратите внимание, что дескриптор набран прописными буквами.Прочие дескрипторы Web-страницы должны быть набраны строчными буквамиСтруктура html-документа22.04.2013"><img src="/img/thumbs/5526ea72c007655e62561718e9b00686-800x.jpg" title="HTML_3-1 Transitional. Если вы не уверены, что доступ к вашим Web-страницам будет" alt="Transitional. Если вы не уверены, что доступ к вашим Web-страницам будет осуществляться только с помощью браузеров последних"></a> </div> <hr> </div> <div class="descrip" id="slide31"> <h2><a href="/img/thumbs/a6556d8c8b5ae1e4e96cade9f93efc2c-800x.jpg" target="_blank">Слайд 31</a><br>Простейший html-документ<br>22.04.2013<br> <br> <br></h2> <div class="text"> <h3><br> Пример веб-страницы <br> <br> <br>Заголовок <br></h3> Комментарий --> <p>Первый абзац.</p> <p>Второй абзац.</p> <br><address><br>Текст набрал Ю.Молородов<Br> 22 апреля 2010 г.<br></address><br></body> <br></html><br> </div> <div class="image"> <a href="/img/thumbs/a6556d8c8b5ae1e4e96cade9f93efc2c-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Простейший html-документ22.04.2013 Пример веб-страницы Заголовок Первый абзац. Второй абзац. Текст набрал Ю.Молородов 22 апреля 2010 г. "><img src="/img/thumbs/a6556d8c8b5ae1e4e96cade9f93efc2c-800x.jpg" title="HTML_3-1 Простейший html-документ22.04.2013 Пример веб-страницы Заголовок Первый абзац. Второй абзац." alt="Простейший html-документ22.04.2013 Пример веб-страницы Заголовок Первый абзац. Второй абзац. Текст набрал Ю.Молородов 22 апреля 2010"></a> </div> <hr> </div> <div class="descrip" id="slide32"> <h2><a href="/img/thumbs/ac695e376c0c4710561af6d4eaf78c10-800x.jpg" target="_blank">Слайд 32</a>Типы тегов (дискрипторов)<br> <br>Каждый тег HTML принадлежит к определенной группе</h2> <div class="text"> <h3>тегов: табличные теги направлены на формирование таблиц и не могут</h3> применяться для других целей.<br>Условно теги делятся на следующие типы:<br>теги верхнего уровня; <br>теги заголовка документа; <br>блочные элементы; <br>встроенные элементы; <br>универсальные элементы; <br>списки; <br>таблицы. <br><br><p>22.04.2013<br> </div> <div class="image"> <a href="/img/thumbs/ac695e376c0c4710561af6d4eaf78c10-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Типы тегов (дискрипторов) Каждый тег HTML принадлежит к определенной группе тегов: табличные теги направлены на формирование таблиц и не могут применяться для других целей.Условно теги делятся на следующие типы:теги верхнего уровня; теги заголовка документа; блочные элементы; встроенные элементы; универсальные элементы; списки; таблицы. 22.04.2013"><img src="/img/thumbs/ac695e376c0c4710561af6d4eaf78c10-800x.jpg" title="HTML_3-1 Типы тегов (дискрипторов) Каждый тег HTML принадлежит к определенной группе тегов:" alt="Типы тегов (дискрипторов) Каждый тег HTML принадлежит к определенной группе тегов: табличные теги направлены на формирование"></a> </div> <hr> </div> <div class="descrip" id="slide33"> <h2><a href="/img/thumbs/05fdbecd567c53a783c00ba1374de8b9-800x.jpg" target="_blank">Слайд 33</a><br>Теги верхнего уровня<br><br>22.04.2013<br>С их помощью формируется структура Веб-страницы и определяются</h2> <div class="text"> <h3>раздел заголовка и тело документа.<br><br>Тег является контейнером, который заключает</h3> в себе всё содержимое веб-страницы, включая теги <head> и <body>. Открывающий и закрывающий теги <html> в документе необязательны, но хороший стиль диктует непременное их использование.<br><HEAD><br>Тег <head> предназначен для хранения других элементов, цель которых — помочь браузеру в работе с данными. <br>Внутри контейнера <head> находятся метатеги, которые используются для хранения информации, предназначенной для браузеров и поисковых систем. Так, поисковые системы обращаются к метатегам чтобы найти описание сайта, ключевые слова и пр.<br> <br> </div> <div class="image"> <a href="/img/thumbs/05fdbecd567c53a783c00ba1374de8b9-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Теги верхнего уровня22.04.2013С их помощью формируется структура Веб-страницы и определяются раздел заголовка и тело документа.Тег является контейнером, который заключает в себе всё содержимое веб-страницы, включая теги и . Открывающий и закрывающий теги в документе необязательны, но хороший стиль диктует непременное их использование.Тег предназначен для хранения других элементов, цель которых — помочь браузеру в работе с данными. Внутри контейнера находятся метатеги, которые используются для хранения информации, предназначенной для браузеров и поисковых систем. Так, поисковые системы обращаются к метатегам чтобы найти описание сайта, ключевые слова и пр. "><img src="/img/thumbs/05fdbecd567c53a783c00ba1374de8b9-800x.jpg" title="HTML_3-1 Теги верхнего уровня22.04.2013С их помощью формируется структура Веб-страницы и определяются раздел" alt="Теги верхнего уровня22.04.2013С их помощью формируется структура Веб-страницы и определяются раздел заголовка и тело документа.Тег является контейнером,"></a> </div> <hr> </div> <div class="descrip" id="slide34"> <h2><a href="/img/thumbs/ec8858bd6f40c9f50e933f5044bfc4e8-800x.jpg" target="_blank">Слайд 34</a><br>Теги верхнего уровня<br><br>22.04.2013<br><br>Тег предназначен для хранения содержания Веб-страницы, отображаемого</h2> <div class="text"> <h3>в окне браузера. <br>Информацию, которую следует выводить в документе, следует</h3> располагать именно внутри контейнера <body>. <br>К такой информации относится текст, изображения, таблицы, списки и др.<br><p><html> <br> <head> <br> ... <br> </head> <br> <body><br> ... <br> </body> <br></html><br><p>Здесь контейнер <html> определяет «каркас» всей Веб-страницы. Вначале задается тег <head>, затем идет контейнер <body>, в нем хранится содержательная часть документа, которая и отображается в браузере. Теги <html> и <body> хотя и не относятся к обязательным тегам (их можно не размещать в коде), но стоит добавлять всегда. Это позволяет получить четкую и понятную структуру документа. <br><br> </div> <div class="image"> <a href="/img/thumbs/ec8858bd6f40c9f50e933f5044bfc4e8-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Теги верхнего уровня22.04.2013Тег предназначен для хранения содержания Веб-страницы, отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера . К такой информации относится текст, изображения, таблицы, списки и др. ... ... Здесь контейнер определяет «каркас» всей Веб-страницы. Вначале задается тег , затем идет контейнер , в нем хранится содержательная часть документа, которая и отображается в браузере. Теги и хотя и не относятся к обязательным тегам (их можно не размещать в коде), но стоит добавлять всегда. Это позволяет получить четкую и понятную структуру документа. "><img src="/img/thumbs/ec8858bd6f40c9f50e933f5044bfc4e8-800x.jpg" title="HTML_3-1 Теги верхнего уровня22.04.2013Тег предназначен для хранения содержания Веб-страницы, отображаемого в окне" alt="Теги верхнего уровня22.04.2013Тег предназначен для хранения содержания Веб-страницы, отображаемого в окне браузера. Информацию, которую следует выводить в"></a> </div> <hr> </div> <div class="descrip" id="slide35"> <h2><a href="/img/thumbs/045a34d1c50b828d9e85705e1770e2c9-800x.jpg" target="_blank">Слайд 35</a><br>Теги заголовка документа<br>22.04.2013<br>К ним относятся элементы, которые располагаются в контейнере</h2> <div class="text"> <h3>. Эти теги не отображаются в окне браузера, за исключением</h3> тега <title>, который определяет название Веб-страницы.<br><TITLE> Используется для отображения строки текста в левом верхнем углу окна браузера. Она сообщает пользователю название сайта и другую информацию разработчика.<br><META> Метатеги используются для хранения информации, предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных. Тег <meta> всего один, он у него масса параметров, поэтому к нему и применяется множественное число.<br><br> </div> <div class="image"> <a href="/img/thumbs/045a34d1c50b828d9e85705e1770e2c9-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Теги заголовка документа22.04.2013К ним относятся элементы, которые располагаются в контейнере . Эти теги не отображаются в окне браузера, за исключением тега , который определяет название Веб-страницы. Используется для отображения строки текста в левом верхнем углу окна браузера. Она сообщает пользователю название сайта и другую информацию разработчика. Метатеги используются для хранения информации, предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных. Тег всего один, он у него масса параметров, поэтому к нему и применяется множественное число."><img src="/img/thumbs/045a34d1c50b828d9e85705e1770e2c9-800x.jpg" title="HTML_3-1 Теги заголовка документа22.04.2013К ним относятся элементы, которые располагаются в контейнере ." alt="Теги заголовка документа22.04.2013К ним относятся элементы, которые располагаются в контейнере . Эти теги не отображаются в окне"></a> </div> <hr> </div> <div class="descrip" id="slide36"> <h2><a href="/img/thumbs/77d4c3b8b904477f1cc61acdf404629d-800x.jpg" target="_blank">Слайд 36</a><br>Блочные элементы<br>22.04.2013<br>Блочные элементы занимают всю доступную ширину, высота элемента определяется</h2> <div class="text"> <h3>его содержимым, и он всегда начинается с новой строки.<br> Предназначен</h3> для выделения длинных цитат внутри документа. Текст, обозначенный этим тегом, отображается как выровненный блок с отступами слева и справа (примерно по 40 пикселов), а также с пустым пространством сверху и снизу.<br><DIV> Тег <div> относится к универсальным блочным контейнерам и применяется в тех случаях, где нужны блочные элементы без дополнительных свойств. С помощью тега <div> можно выравнивать текст внутри этого контейнера с помощью параметра align.<br><H1>...<H6> Эта группа тегов определяет текстовые заголовки разного уровня, которые показывают относительную важность секции, расположенной после заголовка. <br> </div> <div class="image"> <a href="/img/thumbs/77d4c3b8b904477f1cc61acdf404629d-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Блочные элементы22.04.2013Блочные элементы занимают всю доступную ширину, высота элемента определяется его содержимым, и он всегда начинается с новой строки. Предназначен для выделения длинных цитат внутри документа. Текст, обозначенный этим тегом, отображается как выровненный блок с отступами слева и справа (примерно по 40 пикселов), а также с пустым пространством сверху и снизу. Тег относится к универсальным блочным контейнерам и применяется в тех случаях, где нужны блочные элементы без дополнительных свойств. С помощью тега можно выравнивать текст внутри этого контейнера с помощью параметра align.... Эта группа тегов определяет текстовые заголовки разного уровня, которые показывают относительную важность секции, расположенной после заголовка. "><img src="/img/thumbs/77d4c3b8b904477f1cc61acdf404629d-800x.jpg" title="HTML_3-1 Блочные элементы22.04.2013Блочные элементы занимают всю доступную ширину, высота элемента определяется его" alt="Блочные элементы22.04.2013Блочные элементы занимают всю доступную ширину, высота элемента определяется его содержимым, и он всегда начинается с"></a> </div> <hr> </div> <div class="descrip" id="slide37"> <h2><a href="/img/thumbs/188665247ada220594523a5d532dfbd5-800x.jpg" target="_blank">Слайд 37</a><br>Блочные элементы<br>22.04.2013<br><br>Рисует горизонтальную линию, которая по своему виду зависит от</h2> <div class="text"> <h3>используемых параметров, а также браузера. Линия всегда начинается с новой</h3> строки, а после нее все элементы отображаются на следующей строке.<br><P><br>Определяет параграф (абзац) текста.<br><PRE><br>Задает блок предварительно форматированного текста. Такой текст отображается обычно моноширинным шрифтом и со всеми пробелами между словами. В HTML любое количество пробелов идущих в коде подряд на Веб-странице показывается как один. <br>Тег <pre> позволяет обойти эту особенность и отображать текст как требуется разработчику.<br> </div> <div class="image"> <a href="/img/thumbs/188665247ada220594523a5d532dfbd5-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Блочные элементы22.04.2013Рисует горизонтальную линию, которая по своему виду зависит от используемых параметров, а также браузера. Линия всегда начинается с новой строки, а после нее все элементы отображаются на следующей строке.Определяет параграф (абзац) текста.Задает блок предварительно форматированного текста. Такой текст отображается обычно моноширинным шрифтом и со всеми пробелами между словами. В HTML любое количество пробелов идущих в коде подряд на Веб-странице показывается как один. Тег позволяет обойти эту особенность и отображать текст как требуется разработчику."><img src="/img/thumbs/188665247ada220594523a5d532dfbd5-800x.jpg" title="HTML_3-1 Блочные элементы22.04.2013Рисует горизонтальную линию, которая по своему виду зависит от используемых" alt="Блочные элементы22.04.2013Рисует горизонтальную линию, которая по своему виду зависит от используемых параметров, а также браузера. Линия всегда"></a> </div> <hr> </div> <div class="descrip" id="slide38"> <h2><a href="/img/thumbs/e59a194439ea038078744f908a2943ab-800x.jpg" target="_blank">Слайд 38</a><br>Встроенные элементы<br>22.04.2013<br>Это элементы Веб-страницы, которые являются непосредственной частью другого элемента,</h2> <div class="text"> <h3>например, текстового абзаца. Они используются для изменения вида текста или</h3> его логического выделения.<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 class="image"> <a href="/img/thumbs/e59a194439ea038078744f908a2943ab-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Встроенные элементы22.04.2013Это элементы Веб-страницы, которые являются непосредственной частью другого элемента, например, текстового абзаца. Они используются для изменения вида текста или его логического выделения.  Тег является важным элементом HTML. Он предназначен для создания ссылок. В зависимости от присутствия параметров name или href тег устанавливает ссылку или якорь. Определяет жирное начертание шрифта. Тег увеличивает размер шрифта на единицу по сравнению с обычным текстом. В HTML размер шрифта измеряется в условных единицах от 1 до 7. Средний размер текста, используемый по умолчанию, принят 3. Т.о., добавление тега увеличивает текст на одну условную единицу. Тег устанавливает перевод строки в том месте, где он находится. Тег не добавляет пустой отступ перед строкой, в отличие от тега параграфа ."><img src="/img/thumbs/e59a194439ea038078744f908a2943ab-800x.jpg" title="HTML_3-1 Встроенные элементы22.04.2013Это элементы Веб-страницы, которые являются непосредственной частью другого элемента, например," alt="Встроенные элементы22.04.2013Это элементы Веб-страницы, которые являются непосредственной частью другого элемента, например, текстового абзаца. Они используются для изменения"></a> </div> <hr> </div> <div class="descrip" id="slide39"> <h2><a href="/img/thumbs/11b60f4c2a6e179dabd1b94318f0fb0a-800x.jpg" target="_blank">Слайд 39</a><br>Встроенные элементы<br>22.04.2013<br> Тег предназначен для акцентирования текста, отображая его</h2> <div class="text"> <h3>курсивом.<br> Устанавливает курсивное начертание шрифта. <br> Предназначен для отображения на</h3> Веб-странице изображений в графическом формате GIF, JPEG или PNG. Если нужно, то рисунок можно сделать ссылкой на другой файл, поместив тег <img> в контейнер <a>. При этом вокруг изображения отображается рамка, которую можно убрать, добавив параметр border="0" в тег <img>.<br><SMALL> Он уменьшает размер шрифта на единицу по сравнению с обычным текстом. Похож на тег <big>, но действует с точностью до наоборот.<br><SPAN> Предназначен для определения встроенного элемента внутри документа.<br><STRONG> Используется для акцентирования текста. Браузеры отображают такой текст жирным начертанием.<br> </div> <div class="image"> <a href="/img/thumbs/11b60f4c2a6e179dabd1b94318f0fb0a-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Встроенные элементы22.04.2013 Тег предназначен для акцентирования текста, отображая его курсивом. Устанавливает курсивное начертание шрифта. Предназначен для отображения на Веб-странице изображений в графическом формате GIF, JPEG или PNG. Если нужно, то рисунок можно сделать ссылкой на другой файл, поместив тег в контейнер . При этом вокруг изображения отображается рамка, которую можно убрать, добавив параметр border="0" в тег . Он уменьшает размер шрифта на единицу по сравнению с обычным текстом. Похож на тег , но действует с точностью до наоборот. Предназначен для определения встроенного элемента внутри документа. Используется для акцентирования текста. Браузеры отображают такой текст жирным начертанием."><img src="/img/thumbs/11b60f4c2a6e179dabd1b94318f0fb0a-800x.jpg" title="HTML_3-1 Встроенные элементы22.04.2013 Тег предназначен для акцентирования текста, отображая его курсивом. Устанавливает" alt="Встроенные элементы22.04.2013 Тег предназначен для акцентирования текста, отображая его курсивом. Устанавливает курсивное начертание шрифта. Предназначен для отображения"></a> </div> <hr> </div> <div class="descrip" id="slide40"> <h2><a href="/img/thumbs/af02876074eec440c0efd1ac53ba309a-800x.jpg" target="_blank">Слайд 40</a><br>Встроенные элементы<br>22.04.2013<br> Отображает шрифт в виде нижнего индекса. Текст при</h2> <div class="text"> <h3>этом располагается ниже базовой линии остальных символов строки и уменьшенного</h3> размера — H2O.<br><SUP> Отображает шрифт в виде верхнего индекса. По своему действию похож на <sub>, но текст отображается выше базовой линии текста — м2.<br>Есть разница между блочными и встроенными элементами:<br>Встроенные элементы могут содержать только данные или другие встроенные элементы. В блочные можно вкладывать другие блочные элементы, встроенные элементы, и данные. Т.е., встроенные элементы не могут хранить блочные элементы.<br>Б.Э. занимают всю доступную ширину окна браузера. Ширина встроенных элементов равна их содержимому плюс значения отступов, полей и границ.<br>Блочные элементы всегда начинаются с новой строки <br><br> </div> <div class="image"> <a href="/img/thumbs/af02876074eec440c0efd1ac53ba309a-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Встроенные элементы22.04.2013 Отображает шрифт в виде нижнего индекса. Текст при этом располагается ниже базовой линии остальных символов строки и уменьшенного размера — H2O. Отображает шрифт в виде верхнего индекса. По своему действию похож на , но текст отображается выше базовой линии текста — м2.Есть разница между блочными и встроенными элементами:Встроенные элементы могут содержать только данные или другие встроенные элементы. В блочные можно вкладывать другие блочные элементы, встроенные элементы, и данные. Т.е., встроенные элементы не могут хранить блочные элементы.Б.Э. занимают всю доступную ширину окна браузера. Ширина встроенных элементов равна их содержимому плюс значения отступов, полей и границ.Блочные элементы всегда начинаются с новой строки "><img src="/img/thumbs/af02876074eec440c0efd1ac53ba309a-800x.jpg" title="HTML_3-1 Встроенные элементы22.04.2013 Отображает шрифт в виде нижнего индекса. Текст при этом" alt="Встроенные элементы22.04.2013 Отображает шрифт в виде нижнего индекса. Текст при этом располагается ниже базовой линии остальных символов"></a> </div> <hr> </div> <div class="descrip" id="slide41"> <h2><a href="/img/thumbs/ac083989a4e88f127582681a3110054e-800x.jpg" target="_blank">Слайд 41</a><br>Универсальные элементы<br>22.04.2013<br>Их особенность в том, что они в зависимости от</h2> <div class="text"> <h3>контекста могут использоваться как блочные или встроенные элементы.<br><br>Тег используется</h3> для выделения текста, который был удален в новой версии документа. Такое форматирование позволяет отследить, какие изменения в тексте документа были сделаны. Браузеры обычно помечают текст в контейнере <del> как перечеркнутый.<br><INS><br>Тег <ins> предназначен для акцентирования вновь добавленного текста и обычно применяется наряду с тегом <del>. Браузеры помечают содержимое контейнера <ins> подчеркиванием текста.<br><br> </div> <div class="image"> <a href="/img/thumbs/ac083989a4e88f127582681a3110054e-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Универсальные элементы22.04.2013Их особенность в том, что они в зависимости от контекста могут использоваться как блочные или встроенные элементы.Тег используется для выделения текста, который был удален в новой версии документа. Такое форматирование позволяет отследить, какие изменения в тексте документа были сделаны. Браузеры обычно помечают текст в контейнере как перечеркнутый.Тег предназначен для акцентирования вновь добавленного текста и обычно применяется наряду с тегом . Браузеры помечают содержимое контейнера подчеркиванием текста."><img src="/img/thumbs/ac083989a4e88f127582681a3110054e-800x.jpg" title="HTML_3-1 Универсальные элементы22.04.2013Их особенность в том, что они в зависимости от контекста" alt="Универсальные элементы22.04.2013Их особенность в том, что они в зависимости от контекста могут использоваться как блочные или встроенные"></a> </div> <hr> </div> <div class="descrip" id="slide42"> <h2><a href="/img/thumbs/4131adca552b9cbe33d467a390357345-800x.jpg" target="_blank">Слайд 42</a><br>Теги списков<br>22.04.2013<br>Это взаимосвязанный набор отдельных фраз или предложений, начинающиеся с</h2> <div class="text"> <h3>маркера или цифры. Они предоставляют возможность упорядочить и систематизировать разные</h3> данные и представить их в наглядном и удобном для пользователя виде.<br><OL> устанавливает нумерованный список. Каждый элемент списка начинается с числа или буквы и увеличивается по нарастающей.<br><UL> устанавливает маркированный список.<br><LI><br><DD>, <DT>, <DL> Тройка элементов предназначена для создания списка определений. Каждый такой список начинается с контейнера <dl>, куда входит тег <dt> создающий термин и тег <dd> задающий определение этого термина. Закрывающий тег </dd> не обязателен, т.к. следующий тег сообщает о завершении предыдущего элемента. Тем не менее, лучше закрывать все теги. <br> </div> <div class="image"> <a href="/img/thumbs/4131adca552b9cbe33d467a390357345-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Теги списков22.04.2013Это взаимосвязанный набор отдельных фраз или предложений, начинающиеся с маркера или цифры. Они предоставляют возможность упорядочить и систематизировать разные данные и представить их в наглядном и удобном для пользователя виде. устанавливает нумерованный список. Каждый элемент списка начинается с числа или буквы и увеличивается по нарастающей. устанавливает маркированный список., , Тройка элементов предназначена для создания списка определений. Каждый такой список начинается с контейнера , куда входит тег создающий термин и тег задающий определение этого термина. Закрывающий тег не обязателен, т.к. следующий тег сообщает о завершении предыдущего элемента. Тем не менее, лучше закрывать все теги. "><img src="/img/thumbs/4131adca552b9cbe33d467a390357345-800x.jpg" title="HTML_3-1 Теги списков22.04.2013Это взаимосвязанный набор отдельных фраз или предложений, начинающиеся с маркера" alt="Теги списков22.04.2013Это взаимосвязанный набор отдельных фраз или предложений, начинающиеся с маркера или цифры. Они предоставляют возможность упорядочить"></a> </div> <hr> </div> <div class="descrip" id="slide43"> <h2><a href="/img/thumbs/805ae15e51bd0ae3654b273df7fb8b6d-800x.jpg" target="_blank">Слайд 43</a><br>Теги таблиц<br>22.04.2013<br>Таблица состоит из строк и столбцов ячеек. Они могут</h2> <div class="text"> <h3>содержать текст и рисунки. Их используются для упорядочения и представления</h3> табличных данных.<br><TABLE> Служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов <tr> и <td>.<br><TD> предназначен для создания одной ячейки таблицы. Тег <td> должен размещаться внутри контейнера <tr>, который в свою очередь располагается внутри тега <table>.<br><TH> предназначен для создания одной ячейки таблицы, которая обозначается как заголовочная. Текст в ячейке отображается браузером жирным шрифтом и выравнивается по центру.<br><TR> Тег <tr> служит контейнером для создания строки таблицы. <br> </div> <div class="image"> <a href="/img/thumbs/805ae15e51bd0ae3654b273df7fb8b6d-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Теги таблиц22.04.2013Таблица состоит из строк и столбцов ячеек. Они могут содержать текст и рисунки. Их используются для упорядочения и представления табличных данных. Служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов и . предназначен для создания одной ячейки таблицы. Тег должен размещаться внутри контейнера , который в свою очередь располагается внутри тега . предназначен для создания одной ячейки таблицы, которая обозначается как заголовочная. Текст в ячейке отображается браузером жирным шрифтом и выравнивается по центру. Тег служит контейнером для создания строки таблицы. "><img src="/img/thumbs/805ae15e51bd0ae3654b273df7fb8b6d-800x.jpg" title="HTML_3-1 Теги таблиц22.04.2013Таблица состоит из строк и столбцов ячеек. Они могут содержать" alt="Теги таблиц22.04.2013Таблица состоит из строк и столбцов ячеек. Они могут содержать текст и рисунки. Их используются для"></a> </div> <hr> </div> <div class="descrip" id="slide44"> <h2><a href="/img/thumbs/43464b82c5144e0f0fa46184e9283f2b-800x.jpg" target="_blank">Слайд 44</a><br>Фреймы<br>22.04.2013<br>Они разделяют окно браузера на отдельные области, расположенные вплотную друг</h2> <div class="text"> <h3>к другу. В каждую из таких областей загружается самостоятельная Веб-страница</h3> определяемая с помощью тега <frame>. С их помощью Веб-страница делится на несколько документов. Они содержат навигацию по сайту и его контент. Механизм фреймов позволяет открывать документ в одном фрейме, по ссылке, нажатой в другом фрейме. Можно использовать вложенную структуру элементов. Это позволяет дробить фреймы на более мелкие области.<br><FRAME> определяет свойства отдельного фрейма, на которые делится окно браузера.<br><FRAMESET> заменяет собой элемент <body> на веб-странице и формирует структуру фреймов.<br><IFRAME> создает плавающий фрейм, который находится внутри обычного документа. Позволяет загружать в область заданных размеров любые другие независимые документы. <br> </div> <div class="image"> <a href="/img/thumbs/43464b82c5144e0f0fa46184e9283f2b-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Фреймы22.04.2013Они разделяют окно браузера на отдельные области, расположенные вплотную друг к другу. В каждую из таких областей загружается самостоятельная Веб-страница определяемая с помощью тега . С их помощью Веб-страница делится на несколько документов. Они содержат навигацию по сайту и его контент. Механизм фреймов позволяет открывать документ в одном фрейме, по ссылке, нажатой в другом фрейме. Можно использовать вложенную структуру элементов. Это позволяет дробить фреймы на более мелкие области. определяет свойства отдельного фрейма, на которые делится окно браузера. заменяет собой элемент на веб-странице и формирует структуру фреймов. создает плавающий фрейм, который находится внутри обычного документа. Позволяет загружать в область заданных размеров любые другие независимые документы. "><img src="/img/thumbs/43464b82c5144e0f0fa46184e9283f2b-800x.jpg" title="HTML_3-1 Фреймы22.04.2013Они разделяют окно браузера на отдельные области, расположенные вплотную друг к" alt="Фреймы22.04.2013Они разделяют окно браузера на отдельные области, расположенные вплотную друг к другу. В каждую из таких областей"></a> </div> <hr> </div> <div class="descrip" id="slide45"> <h2><a href="/img/thumbs/1c2e814c31911fecd53a369a3bd7d09c-800x.jpg" target="_blank">Слайд 45</a><br>Значения параметров у тегов. Цвет. <br>22.04.2013<br>Параметры тегов расширяют возможности тегов</h2> <div class="text"> <h3>и позволяют управлять настройками отображения элементов Веб-страницы. Количество параметров велико,</h3> но их значения можно сгруппировать по разным типам: задающих цвет, размер, адрес и др. <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><br> </div> <div class="image"> <a href="/img/thumbs/1c2e814c31911fecd53a369a3bd7d09c-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Значения параметров у тегов. Цвет. 22.04.2013Параметры тегов расширяют возможности тегов и позволяют управлять настройками отображения элементов Веб-страницы. Количество параметров велико, но их значения можно сгруппировать по разным типам: задающих цвет, размер, адрес и др. Цвет задается: с помощью шестнадцатеричного кода и по названию некоторых цветов. Чаще используется способ, основанный на шестнадцатеричной системе исчисления. Он более универсальный.Шестнадцатеричные цвета. Она в отличие от десятичной системы, базируется на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Здесь числа от 10 до 15 заменены латинскими буквами. Числа больше 15 в ней образуются объединением двух чисел в одно. Так 255 в десятичной системе соответствует число FF в шестнадцатеричной."><img src="/img/thumbs/1c2e814c31911fecd53a369a3bd7d09c-800x.jpg" title="HTML_3-1 Значения параметров у тегов. Цвет. 22.04.2013Параметры тегов расширяют возможности тегов и" alt="Значения параметров у тегов. Цвет. 22.04.2013Параметры тегов расширяют возможности тегов и позволяют управлять настройками отображения элементов Веб-страницы."></a> </div> <hr> </div> <div class="descrip" id="slide46"> <h2><a href="/img/thumbs/ebbf4351a25c2756723275acb6e995f0-800x.jpg" target="_blank">Слайд 46</a><br>Значения параметров у тегов. Цвет <br><br>22.04.2013<br>Чтобы не возникало путаницы в</h2> <div class="text"> <h3>определении системы счисления, перед шестнадцатеричным числом ставится символ решетки #,</h3> например #aa69cc. Регистр не важен. Поэтому #F0F0F0 = #f0f0f0.<br>Типичный цвет, используемый в HTML: <body bgcolor="#fa8e47">. Цвет фона Веб-страницы задан как #FA8E47. Первые две цифры (FA) определяют красную составляющую цвета, цифры с третьей по четвертую (8E) — зеленую, а последние две цифры (47) — синюю. В итоге получится такой цвет. <br><p>Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF. В итоге можно получить 256 оттенков. <br> </div> <div class="image"> <a href="/img/thumbs/ebbf4351a25c2756723275acb6e995f0-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Значения параметров у тегов. Цвет 22.04.2013Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставится символ решетки #, например #aa69cc. Регистр не важен. Поэтому #F0F0F0 = #f0f0f0.Типичный цвет, используемый в HTML: . Цвет фона Веб-страницы задан как #FA8E47. Первые две цифры (FA) определяют красную составляющую цвета, цифры с третьей по четвертую (8E) — зеленую, а последние две цифры (47) — синюю. В итоге получится такой цвет. Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF. В итоге можно получить 256 оттенков. "><img src="/img/thumbs/ebbf4351a25c2756723275acb6e995f0-800x.jpg" title="HTML_3-1 Значения параметров у тегов. Цвет 22.04.2013Чтобы не возникало путаницы в определении" alt="Значения параметров у тегов. Цвет 22.04.2013Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставится"></a> </div> <hr> </div> <div class="descrip" id="slide47"> <h2><a href="/img/thumbs/52172104cc2bea9db432b9d12e4b8d80-800x.jpg" target="_blank">Слайд 47</a><br>Значения параметров у тегов. Цвет <br><br>22.04.2013<br>Т.о. общее количество цветов может</h2> <div class="text"> <h3>быть <br>256х256х256 = 16.777.216 комбинаций. <br>Цветовая модель, основанная на красной,</h3> зеленой и синей составляющей получила название RGB (red, green, blue). <br>Эта модель аддитивная. При сложении всех трех компонент получается белый цвет.<br>Некоторые правила. <br>Если значения компонент цвета одинаковы (например: #D6D6D6), то получим серый оттенок. <br>Чем больше число, тем светлее цвет, значения при этом меняются от #000000 (черный) до #FFFFFF (белый). <br>Цвет со значением #FF0000 самый красный из возможных красных оттенков. <br>Аналогично - зеленый цвет (#00FF00) и синий (#0000FF). <br>Желтый цвет (#FFFF00) получается смешением красного с зеленым.<br><br><p><br> </div> <div class="image"> <a href="/img/thumbs/52172104cc2bea9db432b9d12e4b8d80-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Значения параметров у тегов. Цвет 22.04.2013Т.о. общее количество цветов может быть 256х256х256 = 16.777.216 комбинаций. Цветовая модель, основанная на красной, зеленой и синей составляющей получила название RGB (red, green, blue). Эта модель аддитивная. При сложении всех трех компонент получается белый цвет.Некоторые правила. Если значения компонент цвета одинаковы (например: #D6D6D6), то получим серый оттенок. Чем больше число, тем светлее цвет, значения при этом меняются от #000000 (черный) до #FFFFFF (белый). Цвет со значением #FF0000 самый красный из возможных красных оттенков. Аналогично - зеленый цвет (#00FF00) и синий (#0000FF). Желтый цвет (#FFFF00) получается смешением красного с зеленым."><img src="/img/thumbs/52172104cc2bea9db432b9d12e4b8d80-800x.jpg" title="HTML_3-1 Значения параметров у тегов. Цвет 22.04.2013Т.о. общее количество цветов может быть" alt="Значения параметров у тегов. Цвет 22.04.2013Т.о. общее количество цветов может быть 256х256х256 = 16.777.216 комбинаций. Цветовая модель,"></a> </div> <hr> </div> <div class="descrip" id="slide48"> <h2><a href="/img/thumbs/70a3fdce8f4ece3bb9597ea1d387b35d-800x.jpg" target="_blank">Слайд 48</a><br>Значения параметров у тегов. Цвет <br><br>22.04.2013<br>Это хорошо видно на цветовом</h2> <div class="text"> <h3>круге. Здесь представлены основные цвета RGB и комплиментарные или дополнительные.</h3> <br>К ним относятся желтый, голубой и фиолетовый (пурпурный). Любой цвет можно получить смешением близлежащих к нему цветов. Голубой (#00FFFF) получается за счет объединения синего и зеленого цвета. <br><p>Цветовой круг<br> </div> <div class="image"> <a href="/img/thumbs/70a3fdce8f4ece3bb9597ea1d387b35d-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Значения параметров у тегов. Цвет 22.04.2013Это хорошо видно на цветовом круге. Здесь представлены основные цвета RGB и комплиментарные или дополнительные. К ним относятся желтый, голубой и фиолетовый (пурпурный). Любой цвет можно получить смешением близлежащих к нему цветов. Голубой (#00FFFF) получается за счет объединения синего и зеленого цвета. Цветовой круг"><img src="/img/thumbs/70a3fdce8f4ece3bb9597ea1d387b35d-800x.jpg" title="HTML_3-1 Значения параметров у тегов. Цвет 22.04.2013Это хорошо видно на цветовом круге." alt="Значения параметров у тегов. Цвет 22.04.2013Это хорошо видно на цветовом круге. Здесь представлены основные цвета RGB и"></a> </div> <hr> </div> <div class="descrip" id="slide49"> <h2><a href="/img/thumbs/ea889dfaebcb0f2a58511b9dc969ce14-800x.jpg" target="_blank">Слайд 49</a><br>Значения параметров у тегов. Размер. <br><br>22.04.2013<br>В HTML размеры элементов или</h2> <div class="text"> <h3>расстояния между ними задаются в пикселах или процентах. <br>Пиксел — это</h3> элементарная точка на экране монитора. Она является относительной единицей измерения. Ее величина зависит от установленного экранного разрешения и размера монитора. <br>Так популярное разрешение монитора - 1024х768 пикселей. Картинка с такими размерами будет занимать всю область экрана. Увеличив разрешение монитора до 1280х1024, мы, тем самым, уменьшим размеры изображения на экране. <br>При использовании пикселей в качестве значений пишется только число без указания единиц, например: width="380". <br> </div> <div class="image"> <a href="/img/thumbs/ea889dfaebcb0f2a58511b9dc969ce14-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Значения параметров у тегов. Размер. 22.04.2013В HTML размеры элементов или расстояния между ними задаются в пикселах или процентах. Пиксел — это элементарная точка на экране монитора. Она является относительной единицей измерения. Ее величина зависит от установленного экранного разрешения и размера монитора. Так популярное разрешение монитора - 1024х768 пикселей. Картинка с такими размерами будет занимать всю область экрана. Увеличив разрешение монитора до 1280х1024, мы, тем самым, уменьшим размеры изображения на экране. При использовании пикселей в качестве значений пишется только число без указания единиц, например: width="380". "><img src="/img/thumbs/ea889dfaebcb0f2a58511b9dc969ce14-800x.jpg" title="HTML_3-1 Значения параметров у тегов. Размер. 22.04.2013В HTML размеры элементов или расстояния" alt="Значения параметров у тегов. Размер. 22.04.2013В HTML размеры элементов или расстояния между ними задаются в пикселах или"></a> </div> <hr> </div> <div class="descrip" id="slide50"> <h2><a href="/img/thumbs/58f0d25f4bc7d3194553f09380e88024-800x.jpg" target="_blank">Слайд 50</a><br>Значения параметров у тегов. Адрес.<br>22.04.2013<br>Адресом называется путь к документу, например,</h2> <div class="text"> <h3>к графическому файлу. Адрес нужен тогда, когда делается ссылка на</h3> Веб-страницу или загружается определенный файл. <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 class="image"> <a href="/img/thumbs/58f0d25f4bc7d3194553f09380e88024-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Значения параметров у тегов. Адрес.22.04.2013Адресом называется путь к документу, например, к графическому файлу. Адрес нужен тогда, когда делается ссылка на Веб-страницу или загружается определенный файл. Так в теге адрес используется в качестве аргумента параметра src. Он задает путь к файлу с изображением.Синонимом адреса выступает URL (Universal Resource Locator, универсальный указатель ресурсов).Различают абсолютные и относительные адреса.Абсолютные адреса работают везде, где задан URL. Он начинаются всегда с указания протокола передачи данных. Для Веб-страниц они начинаются с ключевого слова http://. HTTP (HyperText Transfer Protocol, протокол передачи гипертекста). Описание тега BODY "><img src="/img/thumbs/58f0d25f4bc7d3194553f09380e88024-800x.jpg" title="HTML_3-1 Значения параметров у тегов. Адрес.22.04.2013Адресом называется путь к документу, например, к" alt="Значения параметров у тегов. Адрес.22.04.2013Адресом называется путь к документу, например, к графическому файлу. Адрес нужен тогда, когда"></a> </div> <hr> </div> <div class="descrip" id="slide51"> <h2><a href="/img/tmb/2/160628/a4bcb77699b21b70cf3bfb1ee6a50c37-800x.jpg" target="_blank">Слайд 51</a><br>Значения параметров у тегов. Адрес.<br>22.04.2013<br>Относительные адреса указываются от корня сайта</h2> <div class="text"> <h3>или текущего документа. Например, код означает загрузить графический</h3> файл с именем pic.gif. Он расположен в той же папке, что и сама веб-страница. Адрес указывает обычно на файл index.html, который находится в корне сайта. <br>/images/pic.gif. Слэш (символ /) перед адресом говорит о том, что адресация начинается от корня сайта. Ссылка ведет на рисунок pic.gif, который находится в папке images. А та в свою очередь размещена в корне сайта.<br>../help/me.html Двоеточие перед именем указывает браузеру перейти на уровень выше в списке каталогов сайта и там «поискать» файл me.html.<br> </div> <div class="image"> <a href="/img/tmb/2/160628/a4bcb77699b21b70cf3bfb1ee6a50c37-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Значения параметров у тегов. Адрес.22.04.2013Относительные адреса указываются от корня сайта или текущего документа. Например, код означает загрузить графический файл с именем pic.gif. Он расположен в той же папке, что и сама веб-страница. Адрес указывает обычно на файл index.html, который находится в корне сайта. /images/pic.gif. Слэш (символ /) перед адресом говорит о том, что адресация начинается от корня сайта. Ссылка ведет на рисунок pic.gif, который находится в папке images. А та в свою очередь размещена в корне сайта.../help/me.html Двоеточие перед именем указывает браузеру перейти на уровень выше в списке каталогов сайта и там «поискать» файл me.html."><img src="/img/tmb/2/160628/a4bcb77699b21b70cf3bfb1ee6a50c37-800x.jpg" title="HTML_3-1 Значения параметров у тегов. Адрес.22.04.2013Относительные адреса указываются от корня сайта или" alt="Значения параметров у тегов. Адрес.22.04.2013Относительные адреса указываются от корня сайта или текущего документа. Например, код означает загрузить"></a> </div> <hr> </div> <div class="descrip" id="slide52"> <h2><a href="/img/thumbs/42f29897999dbf149ceeb1e1bd455f3c-800x.jpg" target="_blank">Слайд 52</a><br>Особенности текста в HTML<br>22.04.2013<br>Любое количество пробелов идущих подряд, в браузере</h2> <div class="text"> <h3>отображается как один.<br>Сколько бы ни было пробелов между словами, это</h3> не повлияет на конечный вид текста. Это правило относится к символам табуляции и переносу текста. <br>Исключением из этого правила является тег <pre>, внутри него любое число пробелов отображается именно так, как оно указано в коде.<br>Нет расстановки переносов в тексте.<br>HTML не поддерживает расстановку переносов в словах как это делают текстовые редакторы. Это несущественно, пока не используется выравнивание текста по ширине. <br>В этом случае блок текста выравнивается по левому и правому краю. Короткие строки при этом растягиваются за счет автоматического добавления пробелов между словами. <br> <br> </div> <div class="image"> <a href="/img/thumbs/42f29897999dbf149ceeb1e1bd455f3c-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Особенности текста в HTML22.04.2013Любое количество пробелов идущих подряд, в браузере отображается как один.Сколько бы ни было пробелов между словами, это не повлияет на конечный вид текста. Это правило относится к символам табуляции и переносу текста. Исключением из этого правила является тег , внутри него любое число пробелов отображается именно так, как оно указано в коде.Нет расстановки переносов в тексте.HTML не поддерживает расстановку переносов в словах как это делают текстовые редакторы. Это несущественно, пока не используется выравнивание текста по ширине. В этом случае блок текста выравнивается по левому и правому краю. Короткие строки при этом растягиваются за счет автоматического добавления пробелов между словами. "><img src="/img/thumbs/42f29897999dbf149ceeb1e1bd455f3c-800x.jpg" title="HTML_3-1 Особенности текста в HTML22.04.2013Любое количество пробелов идущих подряд, в браузере отображается" alt="Особенности текста в HTML22.04.2013Любое количество пробелов идущих подряд, в браузере отображается как один.Сколько бы ни было пробелов"></a> </div> <hr> </div> <div class="descrip" id="slide53"> <h2><a href="/img/thumbs/453e570e598ce6f447d74debce7d0476-800x.jpg" target="_blank">Слайд 53</a><br>Особенности текста в HTML<br>22.04.2013<br>Текст занимает ширину окна браузера.<br>Если вы просто</h2> <div class="text"> <h3>напишите одну длинную строку в коде HTML, то в браузере</h3> она будет отформатирована, чтобы текст поместился по ширине в окно. <br>Переносы текста будут добавлены автоматически в местах пробела или дефиса. <br>Что произойдет, если в тексте нет ни того, ни другого символа? Браузер не сможет создать переносы и отобразит текст одной строкой. <br>Если она шире окна браузера, то появится горизонтальная полоса прокрутки.<br><br> <br> </div> <div class="image"> <a href="/img/thumbs/453e570e598ce6f447d74debce7d0476-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Особенности текста в HTML22.04.2013Текст занимает ширину окна браузера.Если вы просто напишите одну длинную строку в коде HTML, то в браузере она будет отформатирована, чтобы текст поместился по ширине в окно. Переносы текста будут добавлены автоматически в местах пробела или дефиса. Что произойдет, если в тексте нет ни того, ни другого символа? Браузер не сможет создать переносы и отобразит текст одной строкой. Если она шире окна браузера, то появится горизонтальная полоса прокрутки. "><img src="/img/thumbs/453e570e598ce6f447d74debce7d0476-800x.jpg" title="HTML_3-1 Особенности текста в HTML22.04.2013Текст занимает ширину окна браузера.Если вы просто напишите" alt="Особенности текста в HTML22.04.2013Текст занимает ширину окна браузера.Если вы просто напишите одну длинную строку в коде HTML,"></a> </div> <hr> </div> <div class="descrip" id="slide54"> <h2><a href="/img/thumbs/617965111c9b0087fedee874edf5788e-800x.jpg" target="_blank">Слайд 54</a><br>Особенности текста в HTML. Абзацы.<br>22.04.2013<br>Как правило, блоки текста разделяют между</h2> <div class="text"> <h3>собой абзацами (параграфами). По умолчанию между ними существует небольшой вертикальный</h3> отступ, называемый отбивкой. <br>Синтаксис создания абзацев:<br><p>Абзац 1</p> <p>Абзац 2</p> <br>Каждый абзац начинается с тега <p> и должен иметь необязательный закрывающий тег </p>.<br>Между абзацами возникают большие отступы. От них можно избавиться, если в местах переноса строк добавлять тег <br>. <br>В отличие от абзаца, тег переноса строки <br> не создает вертикальных отступов между строками.<br><br> <br> </div> <div class="image"> <a href="/img/thumbs/617965111c9b0087fedee874edf5788e-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Особенности текста в HTML. Абзацы.22.04.2013Как правило, блоки текста разделяют между собой абзацами (параграфами). По умолчанию между ними существует небольшой вертикальный отступ, называемый отбивкой. Синтаксис создания абзацев:Абзац 1 Абзац 2 Каждый абзац начинается с тега и должен иметь необязательный закрывающий тег .Между абзацами возникают большие отступы. От них можно избавиться, если в местах переноса строк добавлять тег . В отличие от абзаца, тег переноса строки не создает вертикальных отступов между строками. "><img src="/img/thumbs/617965111c9b0087fedee874edf5788e-800x.jpg" title="HTML_3-1 Особенности текста в HTML. Абзацы.22.04.2013Как правило, блоки текста разделяют между собой" alt="Особенности текста в HTML. Абзацы.22.04.2013Как правило, блоки текста разделяют между собой абзацами (параграфами). По умолчанию между ними"></a> </div> <hr> </div> <div class="descrip" id="slide55"> <h2><a href="/img/thumbs/99c5d9558b3bd893717d0e60a6641188-800x.jpg" target="_blank">Слайд 55</a><br>Результат использования тегов <br>22.04.2013<br>Отступы на Веб-странице при использовании абзацев</h2> <div class="image"> <a href="/img/thumbs/99c5d9558b3bd893717d0e60a6641188-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Результат использования тегов 22.04.2013Отступы на Веб-странице при использовании абзацев "><img src="/img/thumbs/99c5d9558b3bd893717d0e60a6641188-800x.jpg" title="HTML_3-1 Результат использования тегов 22.04.2013Отступы на Веб-странице при использовании абзацев" alt="Результат использования тегов 22.04.2013Отступы на Веб-странице при использовании абзацев"></a> </div> <hr> </div> <div class="descrip" id="slide56"> <h2><a href="/img/thumbs/94600c8eb699cf54afaa49bac626c62d-800x.jpg" target="_blank">Слайд 56</a><br>Результат использования тегов <br> <br>22.04.2013<br> Вид текста с учетом переносов<br></h2> <div class="image"> <a href="/img/thumbs/94600c8eb699cf54afaa49bac626c62d-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Результат использования тегов 22.04.2013 Вид текста с учетом переносов"><img src="/img/thumbs/94600c8eb699cf54afaa49bac626c62d-800x.jpg" title="HTML_3-1 Результат использования тегов 22.04.2013 Вид текста с учетом переносов" alt="Результат использования тегов 22.04.2013 Вид текста с учетом переносов"></a> </div> <hr> </div> <div class="descrip" id="slide57"> <h2><a href="/img/thumbs/36b3385798663f2ea714a052be2d4eb4-800x.jpg" target="_blank">Слайд 57</a><br>Значения параметров у тегов. Заголовки.<br>22.04.2013<br>Заголовки выполняют важную функцию на Веб-странице.</h2> <div class="text"> <h3><br>Они показывают важность раздела, к которому относятся. Чем больше заголовок</h3> и его «вес» , тем более он значимый. В газетах и журналах передовицы набраны крупным шрифтом, тем самым, привлекая к ним внимание и говоря: «вот это надо читать обязательно» . <br>С помощью различных заголовков легко регулировать размер текста. Чем выше уровень заголовка, тем больше размер шрифта. Самым верхним уровнем является уровень 1 (<h1>), а самым нижним — уровень 6 (<h6>). <br>Поисковики добавляют рейтинг тексту, если он находится внутри тега заголовка. Это важно для раскрутки сайта и для его занятия первых строк выдачи результата в поисковой системе по ключевым словам. <br>Чаще применяют заголовки с первого по третий уровень. <br> <br> </div> <div class="image"> <a href="/img/thumbs/36b3385798663f2ea714a052be2d4eb4-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Значения параметров у тегов. Заголовки.22.04.2013Заголовки выполняют важную функцию на Веб-странице. Они показывают важность раздела, к которому относятся. Чем больше заголовок и его «вес» , тем более он значимый. В газетах и журналах передовицы набраны крупным шрифтом, тем самым, привлекая к ним внимание и говоря: «вот это надо читать обязательно» . С помощью различных заголовков легко регулировать размер текста. Чем выше уровень заголовка, тем больше размер шрифта. Самым верхним уровнем является уровень 1 (), а самым нижним — уровень 6 (). Поисковики добавляют рейтинг тексту, если он находится внутри тега заголовка. Это важно для раскрутки сайта и для его занятия первых строк выдачи результата в поисковой системе по ключевым словам. Чаще применяют заголовки с первого по третий уровень. "><img src="/img/thumbs/36b3385798663f2ea714a052be2d4eb4-800x.jpg" title="HTML_3-1 Значения параметров у тегов. Заголовки.22.04.2013Заголовки выполняют важную функцию на Веб-странице. Они" alt="Значения параметров у тегов. Заголовки.22.04.2013Заголовки выполняют важную функцию на Веб-странице. Они показывают важность раздела, к которому относятся."></a> </div> <hr> </div> <div class="descrip" id="slide58"> <h2><a href="/img/thumbs/8d0dae38db4649bcbb0db4464c3b8e54-800x.jpg" target="_blank">Слайд 58</a>Выравнивание текста<br>22.04.2013<br>Выравнивание текста определяет его внешний вид и ориентацию краев</h2> <div class="text"> <h3>абзаца. <br>Может выполняться по левому краю, правому краю, по центру</h3> или по ширине. Наиболее распространенный вариант — выравнивание по левому краю, когда слева текст сдвигается до края, а правый остается неровным. <br>Выравнивание по правому краю и по центру чаще используется в заголовках и подзаголовках. <br>При выравнивании по ширине, в тексте между словами могут появиться большие интервалы. <br>Для установки выравнивания текста используется тег параграфа <p> с параметром align. <br>Он определяет способ выравнивания. <br> </div> <div class="image"> <a href="/img/thumbs/8d0dae38db4649bcbb0db4464c3b8e54-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Выравнивание текста22.04.2013Выравнивание текста определяет его внешний вид и ориентацию краев абзаца. Может выполняться по левому краю, правому краю, по центру или по ширине. Наиболее распространенный вариант — выравнивание по левому краю, когда слева текст сдвигается до края, а правый остается неровным. Выравнивание по правому краю и по центру чаще используется в заголовках и подзаголовках. При выравнивании по ширине, в тексте между словами могут появиться большие интервалы. Для установки выравнивания текста используется тег параграфа с параметром align. Он определяет способ выравнивания. "><img src="/img/thumbs/8d0dae38db4649bcbb0db4464c3b8e54-800x.jpg" title="HTML_3-1 Выравнивание текста22.04.2013Выравнивание текста определяет его внешний вид и ориентацию краев абзаца." alt="Выравнивание текста22.04.2013Выравнивание текста определяет его внешний вид и ориентацию краев абзаца. Может выполняться по левому краю, правому"></a> </div> <hr> </div> <div class="descrip" id="slide59"> <h2><a href="/img/thumbs/ec78079f54b7c184cf0349175cc546e2-800x.jpg" target="_blank">Слайд 59</a>Выравнивание текста<br>22.04.2013<br>Блок текста можно выравнивать с помощью тега с</h2> <div class="text"> <h3>параметром align. <br>Он может принимать следующие значения:<br>left — выравнивание по</h3> левому краю, задается по умолчанию; <br>right — выравнивание по правому краю; <br>center — выравнивание по центру; <br>justify — выравнивание по ширине (одновременно по правому и левому краю). <br>Этот аргумент работает только для текста, длина которого более, чем одна строка. <br>Аргумент align можно применять как для текста, так и для заголовков. <br> </div> <div class="image"> <a href="/img/thumbs/ec78079f54b7c184cf0349175cc546e2-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Выравнивание текста22.04.2013Блок текста можно выравнивать с помощью тега с параметром align. Он может принимать следующие значения:left — выравнивание по левому краю, задается по умолчанию; right — выравнивание по правому краю; center — выравнивание по центру; justify — выравнивание по ширине (одновременно по правому и левому краю). Этот аргумент работает только для текста, длина которого более, чем одна строка. Аргумент align можно применять как для текста, так и для заголовков. "><img src="/img/thumbs/ec78079f54b7c184cf0349175cc546e2-800x.jpg" title="HTML_3-1 Выравнивание текста22.04.2013Блок текста можно выравнивать с помощью тега с параметром align." alt="Выравнивание текста22.04.2013Блок текста можно выравнивать с помощью тега с параметром align. Он может принимать следующие значения:left —"></a> </div> <hr> </div> <div class="descrip" id="slide60"> <h2><a href="/img/thumbs/2ecc214c641882f5a6e60382d78e0a47-800x.jpg" target="_blank">Слайд 60</a><br>Значения параметров тегов Начертание.<br>22.04.2013<br>Жирное начертание.<br>Насыщенностью называют увеличение толщины линий шрифта</h2> <div class="text"> <h3>и соответственно контраста. Обычно различают четыре вида насыщенности: светлое начертание,</h3> нормальное, полужирное и жирное. Однако с помощью HTML можно установить только нормальное и жирное начертание. Для установки текста жирного начертания применяется два тега: <b> и <strong>. <br><b>Жирное начертание шрифта</b> <br><strong>Сильное выделение текста</strong> <br>Курсивное начертание.<br>Курсивный шрифт представляет собой не просто наклон отдельных символов, для некоторых шрифтов это полная переделка под новый стиль, имитирующий рукописный. <br>Курсив для текста определяют два тега: <i> и <em>.<br><i>Курсивное начертание шрифта</i>. <br> </div> <div class="image"> <a href="/img/thumbs/2ecc214c641882f5a6e60382d78e0a47-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Значения параметров тегов Начертание.22.04.2013Жирное начертание.Насыщенностью называют увеличение толщины линий шрифта и соответственно контраста. Обычно различают четыре вида насыщенности: светлое начертание, нормальное, полужирное и жирное. Однако с помощью HTML можно установить только нормальное и жирное начертание. Для установки текста жирного начертания применяется два тега: и . Жирное начертание шрифта Сильное выделение текста Курсивное начертание.Курсивный шрифт представляет собой не просто наклон отдельных символов, для некоторых шрифтов это полная переделка под новый стиль, имитирующий рукописный. Курсив для текста определяют два тега: и .Курсивное начертание шрифта. "><img src="/img/thumbs/2ecc214c641882f5a6e60382d78e0a47-800x.jpg" title="HTML_3-1 Значения параметров тегов Начертание.22.04.2013Жирное начертание.Насыщенностью называют увеличение толщины линий шрифта и" alt="Значения параметров тегов Начертание.22.04.2013Жирное начертание.Насыщенностью называют увеличение толщины линий шрифта и соответственно контраста. Обычно различают четыре вида"></a> </div> <hr> </div> <div class="descrip" id="slide61"> <h2><a href="/img/thumbs/71b15c9f8612d71869c54ef2a3e256e5-800x.jpg" target="_blank">Слайд 61</a><br>Замечания <br>22.04.2013<br>Теги и , также как и </h2> <div class="text"> <h3>хотя и похожи по своему действию, являются не совсем эквивалентными</h3> и заменяемыми. Тег <b> — является тегом физической разметки и устанавливает жирное начертание текста.<br>Тег <strong> — тегом логической разметки и выделяет помеченный текст. <br>Разделение тегов на логическое и физическое форматирование изначально предназначалось, чтобы сделать HTML универсальным, т.е не зависящим от устройства вывода информации. <br>Теоретически, если воспользоваться, например, речевым браузером, то текст, оформленный с помощью тегов <b> и <strong>, будет отмечен по-разному. <br>Но получилось так, что в популярных браузерах результат использования этих тегов равнозначен.. <br> </div> <div class="image"> <a href="/img/thumbs/71b15c9f8612d71869c54ef2a3e256e5-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Замечания 22.04.2013Теги и , также как и хотя и похожи по своему действию, являются не совсем эквивалентными и заменяемыми. Тег  — является тегом физической разметки и устанавливает жирное начертание текста.Тег  — тегом логической разметки и выделяет помеченный текст. Разделение тегов на логическое и физическое форматирование изначально предназначалось, чтобы сделать HTML универсальным, т.е не зависящим от устройства вывода информации. Теоретически, если воспользоваться, например, речевым браузером, то текст, оформленный с помощью тегов и , будет отмечен по-разному. Но получилось так, что в популярных браузерах результат использования этих тегов равнозначен.. "><img src="/img/thumbs/71b15c9f8612d71869c54ef2a3e256e5-800x.jpg" title="HTML_3-1 Замечания 22.04.2013Теги и , также как и хотя и похожи по" alt="Замечания 22.04.2013Теги и , также как и хотя и похожи по своему действию, являются не совсем эквивалентными"></a> </div> <hr> </div> <div class="descrip" id="slide62"> <h2><a href="/img/thumbs/2f7436ee17b96e380addf64e6fd1887e-800x.jpg" target="_blank">Слайд 62</a><br>22.04.2013<br>Лекция окончена! Благодарю за внимание! Ваши вопросы.<br>Молородов Юрий Иванович<br>yumo@ict.nsc.ru<br></h2> <div class="image"> <a href="/img/thumbs/2f7436ee17b96e380addf64e6fd1887e-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="22.04.2013Лекция окончена! Благодарю за внимание! Ваши вопросы.Молородов Юрий Ивановичyumo@ict.nsc.ru"><img src="/img/thumbs/2f7436ee17b96e380addf64e6fd1887e-800x.jpg" title="HTML_3-1 22.04.2013Лекция окончена! Благодарю за внимание! Ваши вопросы.Молородов Юрий Ивановичyumo@ict.nsc.ru" alt="22.04.2013Лекция окончена! Благодарю за внимание! Ваши вопросы.Молородов Юрий Ивановичyumo@ict.nsc.ru"></a> </div> <hr> </div> </div> <div class="custom" > <!-- Yandex.RTB R-A-448123-10 --> <div id="yandex_rtb_R-A-448123-10"></div> <script type="text/javascript"> (function(w, d, n, s, t) { w[n] = w[n] || []; w[n].push(function() { Ya.Context.AdvManager.render({ blockId: "R-A-448123-10", renderTo: "yandex_rtb_R-A-448123-10", async: true }); }); t = d.getElementsByTagName("script")[0]; s = d.createElement("script"); s.type = "text/javascript"; s.src = "//an.yandex.ru/system/context.js"; s.async = true; t.parentNode.insertBefore(s, t); })(this, this.document, "yandexContextAsyncCallbacks"); </script></div> <div class="url" id="download"><a href="/uncategorized/HTML_31/download">Скачать презентацию</a></div> </div> <div class="right"> <div class="banners"> <div class="custom" > <!-- Yandex.RTB R-A-448123-2 --> <div id="yandex_rtb_R-A-448123-2"></div> <script type="text/javascript"> (function(w, d, n, s, t) { w[n] = w[n] || []; w[n].push(function() { Ya.Context.AdvManager.render({ blockId: "R-A-448123-2", renderTo: "yandex_rtb_R-A-448123-2", async: true }); }); t = d.getElementsByTagName("script")[0]; s = d.createElement("script"); s.type = "text/javascript"; s.src = "//an.yandex.ru/system/context.js"; s.async = true; t.parentNode.insertBefore(s, t); })(this, this.document, "yandexContextAsyncCallbacks"); </script></div> </div> <div class="list related"> <h2>Похожие презентации</h2> <div class="wrapper"> <a href="/uncategorized/golovnoy-mozg-7"> <img src="/img/thumbs/8d0206c684eb15a3d583d767c3197e71-800x.jpg" alt="Головной мозг"> <span class="desc"> <span>Головной мозг</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 246</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/dopolnitelnye-metody-issledovaniya-v-pulmonologii-9"> <img src="/img/thumbs/5767e98712041723e2db76e61a58e3eb-800x.jpg" alt="Дополнительные методы исследования в пульмонологии"> <span class="desc"> <span>Дополнительные методы исследования в пульмонологии</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 199</span> </span> </a> </div> <div class="custom" > <!-- Yandex.RTB R-A-448123-12 --> <script>window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ type: 'fullscreen', blockId: 'R-A-448123-12' }) })</script></div> <div class="wrapper"> <a href="/uncategorized/priyomniki-opticheskogo-izlucheniya"> <img src="/img/thumbs/19e4d546ec6d809f56930d1cc4a70bd6-800x.jpg" alt="ПРИЁМНИКИ ОПТИЧЕСКОГО ИЗЛУЧЕНИЯ"> <span class="desc"> <span>ПРИЁМНИКИ ОПТИЧЕСКОГО ИЗЛУЧЕНИЯ</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 386</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/azotn-dobriva"> <img src="/img/thumbs/525406a950850833ab8872cab5d62ee1-800x.jpg" alt="Азотні добрива"> <span class="desc"> <span>Азотні добрива</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 290</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/van-franko-naternopllpdgotuvavuchen-10-klasunaumovich-zahar"> <img src="/img/thumbs/9b07c2e6cf5f3ceede60024727f4b58e-800x.jpg" alt="Іван Франко на Тернопіллі Підготував учень 10 класу Наумович Захар"> <span class="desc"> <span>Іван Франко на Тернопіллі Підготував учень 10 класу Наумович Захар</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 229</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/kartochki-dlya-raboty-s-palochkami-kyuizenera"> <img src="/img/thumbs/ce8b6e12291147eb8f107e8be75ad1d7-800x.jpg" alt="Карточки для работы с палочками Кюизенера по ФЭМП для детей старшего"> <span class="desc"> <span>Карточки для работы с палочками Кюизенера по ФЭМП для детей старшего</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 271</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/besserwisser"> <img src="/img/tmb/7/607022/8885ef01ead2fde2f09ad8d0f5f6fca5-800x.jpg" alt="Besserwisser"> <span class="desc"> <span>Besserwisser</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 209</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/metalogospodarsk-tovarigaluhina-gr-13"> <img src="/img/thumbs/12262aa11310bbae6390db2762257a0e-800x.jpg" alt="Металогосподарські товари_Галухина ГР-13"> <span class="desc"> <span>Металогосподарські товари_Галухина ГР-13</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 196</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/texnologiya-analiza-i-kontrolya-rezultatov-obrazovatelnogo-processa"> <img src="/img/thumbs/f0f80e204db6ddadfeee6e5d786700bf-800x.jpg" alt="Технология анализа и контроля результатов образовательного процесса"> <span class="desc"> <span>Технология анализа и контроля результатов образовательного процесса</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 372</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/4-golovnoy-mozg"> <img src="/img/thumbs/b8c8d7359894d4decd75a191d60c3d6f-800x.jpg" alt="4-головной мозг"> <span class="desc"> <span>4-головной мозг</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 286</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/vsemirnyy-den-poezii-1"> <img src="/img/thumbs/2f548cd64cf20d2cbfd96a90021170b7-800x.jpg" alt="Всемирный день поэзии"> <span class="desc"> <span>Всемирный день поэзии</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 633</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/1508787957_59vynuzhdkiyaprezentaciya-Microsoft-Office-PowerPointppt"> <img src="/img/thumbs/48eefd5c573304bc3825368c6336e794-800x.jpg" alt="5(9)Вынужд.к-ия.Презентация Microsoft Office PowerPoint.ppt"> <span class="desc"> <span>5(9)Вынужд.к-ия.Презентация Microsoft Office PowerPoint.ppt</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 225</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/teploobmen-pri-kondensatsii"> <img src="/img/thumbs/78599e03669bb24a9842d77a8e40631a-800x.jpg" alt="Теплообмен при конденсации"> <span class="desc"> <span>Теплообмен при конденсации</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 243</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/mpresonzm"> <img src="/img/thumbs/5e8daaac9d5156448bb7be1d75d708d9-800x.jpg" alt="Імпресіонізм"> <span class="desc"> <span>Імпресіонізм</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 369</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/organizatsionnye-struktury-i-ih-harakteristika"> <img src="/img/thumbs/2fce4cc208c8e97e9c7d21d0717504c9-800x.jpg" alt="Организационные структуры и их характеристика"> <span class="desc"> <span>Организационные структуры и их характеристика</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 298</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/pochemu-neobhodimo-izuchat-nemetskiy-yazyk-2"> <img src="/img/thumbs/6c2d9c6f68c254fc376ebbf77e24e2b9-800x.jpg" alt="Почему необходимо изучать немецкий язык?"> <span class="desc"> <span>Почему необходимо изучать немецкий язык?</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 278</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/zakonomernosti-i-sluchaynosti-v-zhizni-narodov"> <img src="/img/thumbs/a0c53b09ca03cda51bb5d91d6df1cb73-800x.jpg" alt="Закономерности и случайности в жизни народов"> <span class="desc"> <span>Закономерности и случайности в жизни народов</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 1018</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/ispolzovanie-sotsialnoy-seti-vkontakte-dlya-sovershenstvovaniya"> <img src="/img/thumbs/469d70eaf7cb2bb8799fa1d341160855-800x.jpg" alt="Использование социальной сети вконтакте для совершенствования"> <span class="desc"> <span>Использование социальной сети вконтакте для совершенствования</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 225</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/istoriya-razvitiya-elektroenergetiki-rossiig-protvino14-iyulya"> <img src="/img/thumbs/a41f8a5382450d3ff327ca4175193bc1-800x.jpg" alt="История развития электроэнергетики России. г. Протвино 14 июля"> <span class="desc"> <span>История развития электроэнергетики России. г. Протвино 14 июля</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 420</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/put-iskaniy-pera-bezuhova-v-romane-ln-tolstogo-voyna-i-mir"> <img src="/img/thumbs/dd29c268ae1a97eaa814caa639436dc2-800x.jpg" alt="Путь исканий Пьера Безухова в романе Л.Н. Толстого «Война и мир»"> <span class="desc"> <span>Путь исканий Пьера Безухова в романе Л.Н. Толстого «Война и мир»</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 1329</span> </span> </a> </div> <div class="clear"></div> </div> </div> </div> </div> </div> <div class="container bottom"> <div> <div class="call_back"> <h4><i class="fas fa-bullhorn"></i>Обратная связь</h4> <p>Если не удалось найти и скачать доклад-презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:</p> <p>Email: <a href="#" class="js_hidden_email" data-address="abusetheslide" data-domain="ya.ru">Нажмите что бы посмотреть</a> </p> </div> <div class="links"> </div> <div class="whatis"> <h4><i class="fa fa-info text-red"></i>Что такое TheSlide.ru?</h4> <p>Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно  хранить и делиться своими презентациями с другими пользователями.</p> <hr /> <p><a href="/privacy">Для правообладателей</a></p> <a href="https://metrika.yandex.ru/stat/?id=48768281&from=informer" target="_blank" rel="nofollow"><img src="https://informer.yandex.ru/informer/48768281/3_1_FFFFFFFF_EFEFEFFF_0_pageviews" style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" class="ym-advanced-informer" data-cid="48768281" data-lang="ru" /></a> <!--LiveInternet counter--> <script type="text/javascript"> document.write("<a href='//www.liveinternet.ru/click' "+ "target=_blank><img src='//counter.yadro.ru/hit?t16.2;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";h"+escape(document.title.substring(0,150))+";"+Math.random()+ "' alt='' title='LiveInternet: показано число просмотров за 24"+ " часа, посетителей за 24 часа и за сегодня' "+ "border='0' width='88' height='31'><\/a>") </script> <!--/LiveInternet--> </div> <div class="clear"></div> </div> </div> <script src="/templates/presentation/js/script.js?2f7a446f4c1827ed407306caac7b976b"></script> </body> </html>