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/marshrut-k-shavlinskim-ozyoram">
<img src="/img/thumbs/844700687d9b957e7f23851e42fb9e73-800x.jpg" alt="Маршрут К Шавлинским озёрам">
<span class="desc">
<span>Маршрут К Шавлинским озёрам</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 230</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/filosofiya-srednih-vekov-i-epohi-vozrozhdeniya-1">
<img src="/img/thumbs/24a1d7bcf9be9e3230bd5a7c35887e92-800x.jpg" alt="Философия Средних веков и эпохи Возрождения">
<span class="desc">
<span>Философия Средних веков и эпохи Возрождения</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 889</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/voennaya-kafedraobshchaya-taktika">
<img src="/img/thumbs/ae4b2d220a40bd56f6ee11c1413bf2f0-800x.jpg" alt="Военная кафедра
ОБЩАЯ ТАКТИКА">
<span class="desc">
<span>Военная кафедра
ОБЩАЯ ТАКТИКА</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 407</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/sanitarnaya-mikrobiologiya-10">
<img src="/img/thumbs/b71519a9400b31a75b4b64e74c9cd711-800x.jpg" alt="Санитарная микробиология">
<span class="desc">
<span>Санитарная микробиология</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 280</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/osnovnye-svojstva-elektricheskix-cepej-princip-ekvivalentnosti--preobrazovanie-sxem">
<img src="/img/thumbs/f8cf27113bae952541e7dd247c564823-800x.jpg" alt="Основные свойства электрических цепей: принцип эквивалентности, преобразование схем.">
<span class="desc">
<span>Основные свойства электрических цепей: принцип эквивалентности, преобразование схем.</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 771</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/vostochnye-slavyanev-drevnosti-1">
<img src="/img/thumbs/55eaa0f8781e758a744db3dbd85b27b3-800x.jpg" alt="ВОСТОЧНЫЕ СЛАВЯНЕ
В ДРЕВНОСТИ">
<span class="desc">
<span>ВОСТОЧНЫЕ СЛАВЯНЕ
В ДРЕВНОСТИ</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 316</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/innovatsionnaya-politikana-zheleznodorozhnom-transportei-ee-finansovoe">
<img src="/img/thumbs/6f0407e40332a648064b2bce1fece1f7-800x.jpg" alt="ИННОВАЦИОННАЯ ПОЛИТИКА
НА ЖЕЛЕЗНОДОРОЖНОМ ТРАНСПОРТЕ
И ЕЕ ФИНАНСОВОЕ ОБЕСПЕЧЕНИЕ">
<span class="desc">
<span>ИННОВАЦИОННАЯ ПОЛИТИКА
НА ЖЕЛЕЗНОДОРОЖНОМ ТРАНСПОРТЕ
И ЕЕ ФИНАНСОВОЕ ОБЕСПЕЧЕНИЕ</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 344</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/gosudarstvennoe-byudzhetnoe-obshcheobrazovatelnoe-uchrezhdenie-srednyaya">
<img src="/img/thumbs/52d2093e0cd587b751e688b0a7ab2fd7-800x.jpg" alt="Государственное бюджетное общеобразовательное учреждение Средняя">
<span class="desc">
<span>Государственное бюджетное общеобразовательное учреждение Средняя</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 266</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/punktsiya-plevralnoy-polosti-pri-pnevmotorakse-gidrotorakse">
<img src="/img/thumbs/0a696732a666429ef97195475c730726-800x.jpg" alt="Пункция плевральной полости при пневмотораксе гидротораксе и ее осложнения">
<span class="desc">
<span>Пункция плевральной полости при пневмотораксе гидротораксе и ее осложнения</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 703</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/konspekt-zanyatiya-obyomnaya-lepka-iz-plastilina-ded-moroz-i-snegurochka">
<img src="/img/thumbs/4c5fbdacd1dc32c93c72d35e8c6c0c90-800x.jpg" alt="Конспект занятия «Объёмная лепка из пластилина - Дед Мороз и Снегурочка»">
<span class="desc">
<span>Конспект занятия «Объёмная лепка из пластилина - Дед Мороз и Снегурочка»</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 618</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/gbpou-neftekamskiy-mnogoprofilnyy-kolledzhurok-vvedenie-v">
<img src="/img/thumbs/6b1aba09252023f1a95c8453dbaf29f9-800x.jpg" alt="ГБПОУ НЕФТЕКАМСКИЙ МНОГОПРОФИЛЬНЫЙ КОЛЛЕДЖ
Урок : Введение в">
<span class="desc">
<span>ГБПОУ НЕФТЕКАМСКИЙ МНОГОПРОФИЛЬНЫЙ КОЛЛЕДЖ
Урок : Введение в</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 251</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/test-dlya-4-klassa-po-teme-predlozhenie-obrashchenie-slovosochetanie">
<img src="/img/thumbs/10cffe18cc3b0fff8267d762b467a75a-800x.jpg" alt="Тест для 4 класса по теме «Предложение - Обращение - Словосочетание»">
<span class="desc">
<span>Тест для 4 класса по теме «Предложение - Обращение - Словосочетание»</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 1050</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/diplomnaya-rabota-7">
<img src="/img/thumbs/4ce52e22a5309b1101a7ee910444b810-800x.jpg" alt="Дипломная работа">
<span class="desc">
<span>Дипломная работа</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 240</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/den-sharikovoy-ruchki-viktorina-fleshmob">
<img src="/img/tmb/7/645299/76c256f3619146fa3675f27d3c8d5b5e-800x.jpg" alt="День шариковой ручки. Викторина. Флэшмоб">
<span class="desc">
<span>День шариковой ручки. Викторина. Флэшмоб</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 333</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/grazhdaninrossiyskoy-federatsii-1">
<img src="/img/thumbs/e4cf28ebeb40c744e6d60d171d0c440e-800x.jpg" alt="Гражданин
Российской Федерации">
<span class="desc">
<span>Гражданин
Российской Федерации</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 306</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/tema-uroka-moloko-i-molochnye-produkty-2">
<img src="/img/tmb/7/634162/651f8fbda981855520b1bf6df4ecf47d-800x.jpg" alt="Тема урока: Молоко и молочные продукты. Блюда из молока и молочных продуктов">
<span class="desc">
<span>Тема урока: Молоко и молочные продукты. Блюда из молока и молочных продуктов</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 236</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/proverkadomashnegozadaniya-148">
<img src="/img/thumbs/5b1dbd2365a913016a78d6fbf93f99c7-800x.jpg" alt="Проверка
домашнего
задания">
<span class="desc">
<span>Проверка
домашнего
задания</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 221</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/geofizicheskie-issledovaniya-pri-kontrole-za-razrabotkoy">
<img src="/img/thumbs/5d39aa798f5402b2b86d3174197a67ca-800x.jpg" alt="Геофизические исследования при контроле за разработкой нефтяных и газовых">
<span class="desc">
<span>Геофизические исследования при контроле за разработкой нефтяных и газовых</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 317</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/genrih-mann">
<img src="/img/thumbs/54b0e339c34fb6503e7b2e32c1ef3283-800x.jpg" alt="Ге́нрих Манн">
<span class="desc">
<span>Ге́нрих Манн</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 414</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/mu-kineshemskaya-gorodskaya-tsentralizovannaya-bibliotechnaya-sistemadetskaya">
<img src="/img/tmb/7/642079/3a253b66a54259c0013a644052f48765-800x.jpg" alt="МУ Кинешемская городская централизованная библиотечная система
Детская">
<span class="desc">
<span>МУ Кинешемская городская централизованная библиотечная система
Детская</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 231</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>
