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/0034e0109627ea976c963ba314b22fcd-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Теги21.04.2012 Пример текста Здесь используется одиночный тег . Парных тегов несколько: , , , и . Парные теги, еще называют контейнерами."><img src="/img/thumbs/0034e0109627ea976c963ba314b22fcd-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. Теги21.04.2012 Пример текста Здесь используется одиночный тег ." alt="Теги21.04.2012 Пример текста Здесь используется одиночный тег . Парных тегов несколько: ,"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide23">
<h2><a href="/img/thumbs/2685d0bd0cb7d43c00adb7ab668447a4-800x.jpg" target="_blank">Слайд 23</a><br>Правила применения тегов<br>21.04.2012<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/2685d0bd0cb7d43c00adb7ab668447a4-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Правила применения тегов21.04.2012Парные теги состоят из двух частей — открывающий и закрывающий тег. Открывающий тег обозначается как и одиночный — .В закрывающем используется слэш — . Можно вкладывать в контейнер другие теги, но следует соблюдать их порядок.Согласно спецификации HTML все значения параметров тегов следует указывать в двойных ("пример") или одинарных кавычках ('пример'). Отсутствие кавычек не приведет к ошибкам, браузеры во многих случаях достаточно корректно обрабатывают код и без кавычек.Любые теги, и их параметры нечувствительны к регистру. Можно писать — , или . Рекомендуется придерживаться выбранной формы записи на протяжении всех страниц сайта."><img src="/img/thumbs/2685d0bd0cb7d43c00adb7ab668447a4-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. Правила применения тегов21.04.2012Парные теги состоят из двух частей — открывающий и закрывающий" alt="Правила применения тегов21.04.2012Парные теги состоят из двух частей — открывающий и закрывающий тег. Открывающий тег обозначается как и"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide24">
<h2><a href="/img/thumbs/62ea9f4e09ed1418e7e2a022378b6053-800x.jpg" target="_blank">Слайд 24</a><br>Значения параметров тегов<br>21.04.2012<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/62ea9f4e09ed1418e7e2a022378b6053-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Значения параметров тегов21.04.2012Если для тега не добавлен какой-либо допустимый параметр, это означает, что в этом случае браузер будет подставлять значение, заданное по умолчанию. Если вы ожидали получить иной результат на веб-странице, проверьте, м.б. вы не указали значения некоторых параметров.Иногда используются некоторые параметры у тегов, без присваивания им никакого значения.Порядок параметров в теге не имеет значения и на результат отображения элемента не влияет. Теги вида и по своему действию равны.Каждый параметр тега относится к определенному типу (текст, число, путь к файлу и др.). Это нужно учитывать при написании параметра.. "><img src="/img/thumbs/62ea9f4e09ed1418e7e2a022378b6053-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. Значения параметров тегов21.04.2012Если для тега не добавлен какой-либо допустимый параметр, это" alt="Значения параметров тегов21.04.2012Если для тега не добавлен какой-либо допустимый параметр, это означает, что в этом случае браузер"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide25">
<h2><a href="/img/thumbs/7171dc0c11b7e957292b58c12f2a0515-800x.jpg" target="_blank">Слайд 25</a>Структура html-документа<br><br><br>Назв.<br><br> <br>Текст документа!<br><br>Автор документа<br><br><br><br>21.04.2012<br></h2>
<div class="image">
<a href="/img/thumbs/7171dc0c11b7e957292b58c12f2a0515-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Структура html-документаНазв. Текст документа!Автор документа21.04.2012"><img src="/img/thumbs/7171dc0c11b7e957292b58c12f2a0515-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. Структура html-документаНазв. Текст документа!Автор документа21.04.2012" alt="Структура html-документаНазв. Текст документа!Автор документа21.04.2012"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide26">
<h2><a href="/img/thumbs/4f61a89847326f94edfa8a058b7eb802-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>21.04.2012<br> </div>
<div class="image">
<a href="/img/thumbs/4f61a89847326f94edfa8a058b7eb802-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Шаблон базового документаЗдесь будет основной текст страницы!Текст набрал Ю.Молородов 22 апреля 2010 г. Структура html-документа21.04.2012"><img src="/img/thumbs/4f61a89847326f94edfa8a058b7eb802-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. Шаблон базового документаЗдесь будет основной текст страницы!Текст набрал Ю.Молородов 22 апреля 2010 г. Структура html-документа21.04.2012" alt="Шаблон базового документаЗдесь будет основной текст страницы!Текст набрал Ю.Молородов 22 апреля 2010 г. Структура html-документа21.04.2012"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide27">
<h2><a href="/img/thumbs/f1a2f4cf31e5f069e39e16b7153da399-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>21.04.2012<br> </div>
<div class="image">
<a href="/img/thumbs/f1a2f4cf31e5f069e39e16b7153da399-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Элемент используется для указания типа текущего документа — DTD (document type definition, описание типа документа). Это необходимо, чтобы браузер понимал, как следует интерпретировать текущую Веб-страницу.HTML существует в нескольких версиях.Также имеется XHTML (EXtensible HyperText Markup Language, расширенный язык разметки гипертекста), похожий на HTML, но различающийся с ним по синтаксису. Чтобы браузер «не путался» и понимал, согласно какому стандарту отображать Веб-страницу и необходимо в первой строке кода задавать .Структура html-документа21.04.2012"><img src="/img/thumbs/f1a2f4cf31e5f069e39e16b7153da399-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. Элемент используется для указания типа текущего документа — DTD (document type definition," alt="Элемент используется для указания типа текущего документа — DTD (document type definition, описание типа документа). Это необходимо, чтобы"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide28">
<h2><a href="/img/thumbs/d19f02a5c7ee7df0897fa037ba8218c3-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>21.04.2012<br> </div>
<div class="image">
<a href="/img/thumbs/d19f02a5c7ee7df0897fa037ba8218c3-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="ЗамечаниеЧасто можно встретить код HTML вообще без использования . Но Веб-страница все равно будет показана. Однако может получиться, что один и тот же документ отображается в браузере по-разному при использовании и без него. Кроме того, браузеры могут по-своему показывать такие документы, в итоге страница может отображаться совсем не так, как это хотел разработчик. Чтобы таких ситуаций не произошло, добавляйте в начало документа. Структура html-документа21.04.2012"><img src="/img/thumbs/d19f02a5c7ee7df0897fa037ba8218c3-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. ЗамечаниеЧасто можно встретить код HTML вообще без использования . Но Веб-страница" alt="ЗамечаниеЧасто можно встретить код HTML вообще без использования . Но Веб-страница все равно будет показана. Однако может"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide29">
<h2><a href="/img/thumbs/61d67b832fba805407aeb3a264e628db-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>21.04.2012<br> </div>
<div class="image">
<a href="/img/thumbs/61d67b832fba805407aeb3a264e628db-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-документа21.04.2012"><img src="/img/thumbs/61d67b832fba805407aeb3a264e628db-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. В XHTML предусмотрены три разновидности дескриптора : strict, transitional и frameset." alt="В XHTML предусмотрены три разновидности дескриптора : strict, transitional и frameset. В любом случае декларировать этот дескриптор"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide30">
<h2><a href="/img/thumbs/77e3d971c794bf22c582f5477ba3128a-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>21.04.2012<br> </div>
<div class="image">
<a href="/img/thumbs/77e3d971c794bf22c582f5477ba3128a-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-документа21.04.2012"><img src="/img/thumbs/77e3d971c794bf22c582f5477ba3128a-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. Transitional. Если вы не уверены, что доступ к вашим Web-страницам будет" alt="Transitional. Если вы не уверены, что доступ к вашим Web-страницам будет осуществляться только с помощью браузеров последних"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide31">
<h2><a href="/img/thumbs/0b097542dcec3ce5a3284593bedabd34-800x.jpg" target="_blank">Слайд 31</a><br>Простейший html-документ<br>21.04.2012<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/0b097542dcec3ce5a3284593bedabd34-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Простейший html-документ21.04.2012 Пример веб-страницы Заголовок Первый абзац. Второй абзац. Текст набрал Ю.Молородов 22 апреля 2010 г. "><img src="/img/thumbs/0b097542dcec3ce5a3284593bedabd34-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. Простейший html-документ21.04.2012 Пример веб-страницы Заголовок Первый абзац. Второй абзац." alt="Простейший html-документ21.04.2012 Пример веб-страницы Заголовок Первый абзац. Второй абзац. Текст набрал Ю.Молородов 22 апреля 2010"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide32">
<h2><a href="/img/thumbs/82ec9d6bd3ed6aa578592f3d88a805be-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>21.04.2012<br> </div>
<div class="image">
<a href="/img/thumbs/82ec9d6bd3ed6aa578592f3d88a805be-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Типы тегов (дискрипторов) Каждый тег HTML принадлежит к определенной группе тегов: табличные теги направлены на формирование таблиц и не могут применяться для других целей.Условно теги делятся на следующие типы:теги верхнего уровня; теги заголовка документа; блочные элементы; встроенные элементы; универсальные элементы; списки; таблицы. 21.04.2012"><img src="/img/thumbs/82ec9d6bd3ed6aa578592f3d88a805be-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. Типы тегов (дискрипторов) Каждый тег HTML принадлежит к определенной группе тегов:" alt="Типы тегов (дискрипторов) Каждый тег HTML принадлежит к определенной группе тегов: табличные теги направлены на формирование"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide33">
<h2><a href="/img/thumbs/70c45e69390a8b658e4c7aa6be547189-800x.jpg" target="_blank">Слайд 33</a><br>Теги верхнего уровня<br><br>21.04.2012<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/70c45e69390a8b658e4c7aa6be547189-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Теги верхнего уровня21.04.2012С их помощью формируется структура Веб-страницы и определяются раздел заголовка и тело документа.Тег является контейнером, который заключает в себе всё содержимое веб-страницы, включая теги и . Открывающий и закрывающий теги в документе необязательны, но хороший стиль диктует непременное их использование.Тег предназначен для хранения других элементов, цель которых — помочь браузеру в работе с данными. Внутри контейнера находятся метатеги, которые используются для хранения информации, предназначенной для браузеров и поисковых систем. Так, поисковые системы обращаются к метатегам чтобы найти описание сайта, ключевые слова и пр. "><img src="/img/thumbs/70c45e69390a8b658e4c7aa6be547189-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. Теги верхнего уровня21.04.2012С их помощью формируется структура Веб-страницы и определяются раздел" alt="Теги верхнего уровня21.04.2012С их помощью формируется структура Веб-страницы и определяются раздел заголовка и тело документа.Тег является контейнером,"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide34">
<h2><a href="/img/thumbs/32bff93f13af205170aea84ed607b95b-800x.jpg" target="_blank">Слайд 34</a><br>Теги верхнего уровня<br><br>21.04.2012<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/32bff93f13af205170aea84ed607b95b-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Теги верхнего уровня21.04.2012Тег предназначен для хранения содержания Веб-страницы, отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера . К такой информации относится текст, изображения, таблицы, списки и др. ... ... Здесь контейнер определяет «каркас» всей Веб-страницы. Вначале задается тег , затем идет контейнер , в нем хранится содержательная часть документа, которая и отображается в браузере. Теги и хотя и не относятся к обязательным тегам (их можно не размещать в коде), но стоит добавлять всегда. Это позволяет получить четкую и понятную структуру документа. "><img src="/img/thumbs/32bff93f13af205170aea84ed607b95b-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. Теги верхнего уровня21.04.2012Тег предназначен для хранения содержания Веб-страницы, отображаемого в окне" alt="Теги верхнего уровня21.04.2012Тег предназначен для хранения содержания Веб-страницы, отображаемого в окне браузера. Информацию, которую следует выводить в"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide35">
<h2><a href="/img/thumbs/d0a5aac03fbad6383696965edf596f49-800x.jpg" target="_blank">Слайд 35</a><br>Теги заголовка документа<br>21.04.2012<br>К ним относятся элементы, которые располагаются в контейнере</h2>
<div class="text">
<h3>. Эти теги не отображаются в окне браузера, за исключением</h3>
тега <title>, который определяет название Веб-страницы.<br><TITLE> Используется для отображения строки текста в левом верхнем углу окна браузера. Она сообщает пользователю название сайта и другую информацию разработчика.<br><META> Метатеги используются для хранения информации, предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных. Тег <meta> всего один, он у него масса параметров, поэтому к нему и применяется множественное число.<br><br> </div>
<div class="image">
<a href="/img/thumbs/d0a5aac03fbad6383696965edf596f49-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Теги заголовка документа21.04.2012К ним относятся элементы, которые располагаются в контейнере . Эти теги не отображаются в окне браузера, за исключением тега , который определяет название Веб-страницы. Используется для отображения строки текста в левом верхнем углу окна браузера. Она сообщает пользователю название сайта и другую информацию разработчика. Метатеги используются для хранения информации, предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных. Тег всего один, он у него масса параметров, поэтому к нему и применяется множественное число."><img src="/img/thumbs/d0a5aac03fbad6383696965edf596f49-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. Теги заголовка документа21.04.2012К ним относятся элементы, которые располагаются в контейнере ." alt="Теги заголовка документа21.04.2012К ним относятся элементы, которые располагаются в контейнере . Эти теги не отображаются в окне"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide36">
<h2><a href="/img/thumbs/519817c1439ffd3bd696a8c541366f6b-800x.jpg" target="_blank">Слайд 36</a><br>Блочные элементы<br>21.04.2012<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/519817c1439ffd3bd696a8c541366f6b-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Блочные элементы21.04.2012Блочные элементы занимают всю доступную ширину, высота элемента определяется его содержимым, и он всегда начинается с новой строки. Предназначен для выделения длинных цитат внутри документа. Текст, обозначенный этим тегом, отображается как выровненный блок с отступами слева и справа (примерно по 40 пикселов), а также с пустым пространством сверху и снизу. Тег относится к универсальным блочным контейнерам и применяется в тех случаях, где нужны блочные элементы без дополнительных свойств. С помощью тега можно выравнивать текст внутри этого контейнера с помощью параметра align.... Эта группа тегов определяет текстовые заголовки разного уровня, которые показывают относительную важность секции, расположенной после заголовка. "><img src="/img/thumbs/519817c1439ffd3bd696a8c541366f6b-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. Блочные элементы21.04.2012Блочные элементы занимают всю доступную ширину, высота элемента определяется его" alt="Блочные элементы21.04.2012Блочные элементы занимают всю доступную ширину, высота элемента определяется его содержимым, и он всегда начинается с"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide37">
<h2><a href="/img/thumbs/32c51614e50bc3d144cb1ec148a1eb58-800x.jpg" target="_blank">Слайд 37</a><br>Блочные элементы<br>21.04.2012<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/32c51614e50bc3d144cb1ec148a1eb58-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Блочные элементы21.04.2012Рисует горизонтальную линию, которая по своему виду зависит от используемых параметров, а также браузера. Линия всегда начинается с новой строки, а после нее все элементы отображаются на следующей строке.Определяет параграф (абзац) текста.Задает блок предварительно форматированного текста. Такой текст отображается обычно моноширинным шрифтом и со всеми пробелами между словами. В HTML любое количество пробелов идущих в коде подряд на Веб-странице показывается как один. Тег позволяет обойти эту особенность и отображать текст как требуется разработчику."><img src="/img/thumbs/32c51614e50bc3d144cb1ec148a1eb58-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. Блочные элементы21.04.2012Рисует горизонтальную линию, которая по своему виду зависит от используемых" alt="Блочные элементы21.04.2012Рисует горизонтальную линию, которая по своему виду зависит от используемых параметров, а также браузера. Линия всегда"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide38">
<h2><a href="/img/thumbs/c25a36fc7463621acb386f1103db2e99-800x.jpg" target="_blank">Слайд 38</a><br>Встроенные элементы<br>21.04.2012<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/c25a36fc7463621acb386f1103db2e99-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Встроенные элементы21.04.2012Это элементы Веб-страницы, которые являются непосредственной частью другого элемента, например, текстового абзаца. Они используются для изменения вида текста или его логического выделения. Тег является важным элементом HTML. Он предназначен для создания ссылок. В зависимости от присутствия параметров name или href тег устанавливает ссылку или якорь. Определяет жирное начертание шрифта. Тег увеличивает размер шрифта на единицу по сравнению с обычным текстом. В HTML размер шрифта измеряется в условных единицах от 1 до 7. Средний размер текста, используемый по умолчанию, принят 3. Т.о., добавление тега увеличивает текст на одну условную единицу. Тег устанавливает перевод строки в том месте, где он находится. Тег не добавляет пустой отступ перед строкой, в отличие от тега параграфа ."><img src="/img/thumbs/c25a36fc7463621acb386f1103db2e99-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. Встроенные элементы21.04.2012Это элементы Веб-страницы, которые являются непосредственной частью другого элемента, например," alt="Встроенные элементы21.04.2012Это элементы Веб-страницы, которые являются непосредственной частью другого элемента, например, текстового абзаца. Они используются для изменения"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide39">
<h2><a href="/img/thumbs/7c66268e78ae4f18e9248292b8ac2eab-800x.jpg" target="_blank">Слайд 39</a><br>Встроенные элементы<br>21.04.2012<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/7c66268e78ae4f18e9248292b8ac2eab-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Встроенные элементы21.04.2012 Тег предназначен для акцентирования текста, отображая его курсивом. Устанавливает курсивное начертание шрифта. Предназначен для отображения на Веб-странице изображений в графическом формате GIF, JPEG или PNG. Если нужно, то рисунок можно сделать ссылкой на другой файл, поместив тег в контейнер . При этом вокруг изображения отображается рамка, которую можно убрать, добавив параметр border="0" в тег . Он уменьшает размер шрифта на единицу по сравнению с обычным текстом. Похож на тег , но действует с точностью до наоборот. Предназначен для определения встроенного элемента внутри документа. Используется для акцентирования текста. Браузеры отображают такой текст жирным начертанием."><img src="/img/thumbs/7c66268e78ae4f18e9248292b8ac2eab-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. Встроенные элементы21.04.2012 Тег предназначен для акцентирования текста, отображая его курсивом. Устанавливает" alt="Встроенные элементы21.04.2012 Тег предназначен для акцентирования текста, отображая его курсивом. Устанавливает курсивное начертание шрифта. Предназначен для отображения"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide40">
<h2><a href="/img/thumbs/32a5857e337087954b3a6251dacf303f-800x.jpg" target="_blank">Слайд 40</a><br>Встроенные элементы<br>21.04.2012<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/32a5857e337087954b3a6251dacf303f-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Встроенные элементы21.04.2012 Отображает шрифт в виде нижнего индекса. Текст при этом располагается ниже базовой линии остальных символов строки и уменьшенного размера — H2O. Отображает шрифт в виде верхнего индекса. По своему действию похож на , но текст отображается выше базовой линии текста — м2.Есть разница между блочными и встроенными элементами:Встроенные элементы могут содержать только данные или другие встроенные элементы. В блочные можно вкладывать другие блочные элементы, встроенные элементы, и данные. Т.е., встроенные элементы не могут хранить блочные элементы.Б.Э. занимают всю доступную ширину окна браузера. Ширина встроенных элементов равна их содержимому плюс значения отступов, полей и границ.Блочные элементы всегда начинаются с новой строки "><img src="/img/thumbs/32a5857e337087954b3a6251dacf303f-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. Встроенные элементы21.04.2012 Отображает шрифт в виде нижнего индекса. Текст при этом" alt="Встроенные элементы21.04.2012 Отображает шрифт в виде нижнего индекса. Текст при этом располагается ниже базовой линии остальных символов"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide41">
<h2><a href="/img/thumbs/d30291a579413a2f1e24b4d4c234e13f-800x.jpg" target="_blank">Слайд 41</a><br>Универсальные элементы<br>21.04.2012<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/d30291a579413a2f1e24b4d4c234e13f-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Универсальные элементы21.04.2012Их особенность в том, что они в зависимости от контекста могут использоваться как блочные или встроенные элементы.Тег используется для выделения текста, который был удален в новой версии документа. Такое форматирование позволяет отследить, какие изменения в тексте документа были сделаны. Браузеры обычно помечают текст в контейнере как перечеркнутый.Тег предназначен для акцентирования вновь добавленного текста и обычно применяется наряду с тегом . Браузеры помечают содержимое контейнера подчеркиванием текста."><img src="/img/thumbs/d30291a579413a2f1e24b4d4c234e13f-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. Универсальные элементы21.04.2012Их особенность в том, что они в зависимости от контекста" alt="Универсальные элементы21.04.2012Их особенность в том, что они в зависимости от контекста могут использоваться как блочные или встроенные"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide42">
<h2><a href="/img/thumbs/10978e4434404e2a4b5eb5f0ce0df683-800x.jpg" target="_blank">Слайд 42</a><br>Теги списков<br>21.04.2012<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/10978e4434404e2a4b5eb5f0ce0df683-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Теги списков21.04.2012Это взаимосвязанный набор отдельных фраз или предложений, начинающиеся с маркера или цифры. Они предоставляют возможность упорядочить и систематизировать разные данные и представить их в наглядном и удобном для пользователя виде. устанавливает нумерованный список. Каждый элемент списка начинается с числа или буквы и увеличивается по нарастающей. устанавливает маркированный список., , Тройка элементов предназначена для создания списка определений. Каждый такой список начинается с контейнера , куда входит тег создающий термин и тег задающий определение этого термина. Закрывающий тег не обязателен, т.к. следующий тег сообщает о завершении предыдущего элемента. Тем не менее, лучше закрывать все теги. "><img src="/img/thumbs/10978e4434404e2a4b5eb5f0ce0df683-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. Теги списков21.04.2012Это взаимосвязанный набор отдельных фраз или предложений, начинающиеся с маркера" alt="Теги списков21.04.2012Это взаимосвязанный набор отдельных фраз или предложений, начинающиеся с маркера или цифры. Они предоставляют возможность упорядочить"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide43">
<h2><a href="/img/thumbs/fa57006b32e953fc4a762fd240344557-800x.jpg" target="_blank">Слайд 43</a><br>Теги таблиц<br>21.04.2012<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/fa57006b32e953fc4a762fd240344557-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Теги таблиц21.04.2012Таблица состоит из строк и столбцов ячеек. Они могут содержать текст и рисунки. Их используются для упорядочения и представления табличных данных. Служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов и . предназначен для создания одной ячейки таблицы. Тег должен размещаться внутри контейнера , который в свою очередь располагается внутри тега . предназначен для создания одной ячейки таблицы, которая обозначается как заголовочная. Текст в ячейке отображается браузером жирным шрифтом и выравнивается по центру. Тег служит контейнером для создания строки таблицы. "><img src="/img/thumbs/fa57006b32e953fc4a762fd240344557-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. Теги таблиц21.04.2012Таблица состоит из строк и столбцов ячеек. Они могут содержать" alt="Теги таблиц21.04.2012Таблица состоит из строк и столбцов ячеек. Они могут содержать текст и рисунки. Их используются для"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide44">
<h2><a href="/img/thumbs/0c7478a0a7528b9c32895ad9ad572aa7-800x.jpg" target="_blank">Слайд 44</a><br>Фреймы<br>21.04.2012<br>Они разделяют окно браузера на отдельные области, расположенные вплотную друг</h2>
<div class="text">
<h3>к другу. В каждую из таких областей загружается самостоятельная Веб-страница</h3>
определяемая с помощью тега <frame>. С их помощью Веб-страница делится на несколько документов. Они содержат навигацию по сайту и его контент. Механизм фреймов позволяет открывать документ в одном фрейме, по ссылке, нажатой в другом фрейме. Можно использовать вложенную структуру элементов. Это позволяет дробить фреймы на более мелкие области.<br><FRAME> определяет свойства отдельного фрейма, на которые делится окно браузера.<br><FRAMESET> заменяет собой элемент <body> на веб-странице и формирует структуру фреймов.<br><IFRAME> создает плавающий фрейм, который находится внутри обычного документа. Позволяет загружать в область заданных размеров любые другие независимые документы. <br> </div>
<div class="image">
<a href="/img/thumbs/0c7478a0a7528b9c32895ad9ad572aa7-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Фреймы21.04.2012Они разделяют окно браузера на отдельные области, расположенные вплотную друг к другу. В каждую из таких областей загружается самостоятельная Веб-страница определяемая с помощью тега . С их помощью Веб-страница делится на несколько документов. Они содержат навигацию по сайту и его контент. Механизм фреймов позволяет открывать документ в одном фрейме, по ссылке, нажатой в другом фрейме. Можно использовать вложенную структуру элементов. Это позволяет дробить фреймы на более мелкие области. определяет свойства отдельного фрейма, на которые делится окно браузера. заменяет собой элемент на веб-странице и формирует структуру фреймов. создает плавающий фрейм, который находится внутри обычного документа. Позволяет загружать в область заданных размеров любые другие независимые документы. "><img src="/img/thumbs/0c7478a0a7528b9c32895ad9ad572aa7-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. Фреймы21.04.2012Они разделяют окно браузера на отдельные области, расположенные вплотную друг к" alt="Фреймы21.04.2012Они разделяют окно браузера на отдельные области, расположенные вплотную друг к другу. В каждую из таких областей"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide45">
<h2><a href="/img/thumbs/45bbf08dc113fa719329a527f880fd06-800x.jpg" target="_blank">Слайд 45</a><br>Значения параметров у тегов. Цвет. <br>21.04.2012<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/45bbf08dc113fa719329a527f880fd06-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Значения параметров у тегов. Цвет. 21.04.2012Параметры тегов расширяют возможности тегов и позволяют управлять настройками отображения элементов Веб-страницы. Количество параметров велико, но их значения можно сгруппировать по разным типам: задающих цвет, размер, адрес и др. Цвет задается: с помощью шестнадцатеричного кода и по названию некоторых цветов. Чаще используется способ, основанный на шестнадцатеричной системе исчисления. Он более универсальный.Шестнадцатеричные цвета. Она в отличие от десятичной системы, базируется на числе 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/45bbf08dc113fa719329a527f880fd06-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. Значения параметров у тегов. Цвет. 21.04.2012Параметры тегов расширяют возможности тегов и" alt="Значения параметров у тегов. Цвет. 21.04.2012Параметры тегов расширяют возможности тегов и позволяют управлять настройками отображения элементов Веб-страницы."></a>
</div>
<hr>
</div>
<div class="descrip" id="slide46">
<h2><a href="/img/thumbs/d03c9d76634a4372f30aaf1623724008-800x.jpg" target="_blank">Слайд 46</a><br>Значения параметров у тегов. Цвет <br><br>21.04.2012<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/d03c9d76634a4372f30aaf1623724008-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Значения параметров у тегов. Цвет 21.04.2012Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставится символ решетки #, например #aa69cc. Регистр не важен. Поэтому #F0F0F0 = #f0f0f0.Типичный цвет, используемый в HTML: . Цвет фона Веб-страницы задан как #FA8E47. Первые две цифры (FA) определяют красную составляющую цвета, цифры с третьей по четвертую (8E) — зеленую, а последние две цифры (47) — синюю. В итоге получится такой цвет. Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF. В итоге можно получить 256 оттенков. "><img src="/img/thumbs/d03c9d76634a4372f30aaf1623724008-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. Значения параметров у тегов. Цвет 21.04.2012Чтобы не возникало путаницы в определении" alt="Значения параметров у тегов. Цвет 21.04.2012Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставится"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide47">
<h2><a href="/img/thumbs/f2b4bfbfb77bd799b9c3ffc1c7bbaf20-800x.jpg" target="_blank">Слайд 47</a><br>Значения параметров у тегов. Цвет <br><br>21.04.2012<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/f2b4bfbfb77bd799b9c3ffc1c7bbaf20-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Значения параметров у тегов. Цвет 21.04.2012Т.о. общее количество цветов может быть 256х256х256 = 16.777.216 комбинаций. Цветовая модель, основанная на красной, зеленой и синей составляющей получила название RGB (red, green, blue). Эта модель аддитивная. При сложении всех трех компонент получается белый цвет.Некоторые правила. Если значения компонент цвета одинаковы (например: #D6D6D6), то получим серый оттенок. Чем больше число, тем светлее цвет, значения при этом меняются от #000000 (черный) до #FFFFFF (белый). Цвет со значением #FF0000 самый красный из возможных красных оттенков. Аналогично - зеленый цвет (#00FF00) и синий (#0000FF). Желтый цвет (#FFFF00) получается смешением красного с зеленым."><img src="/img/thumbs/f2b4bfbfb77bd799b9c3ffc1c7bbaf20-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. Значения параметров у тегов. Цвет 21.04.2012Т.о. общее количество цветов может быть" alt="Значения параметров у тегов. Цвет 21.04.2012Т.о. общее количество цветов может быть 256х256х256 = 16.777.216 комбинаций. Цветовая модель,"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide48">
<h2><a href="/img/thumbs/e9b3abef7dbe82c6e493e8baa0a5033f-800x.jpg" target="_blank">Слайд 48</a><br>Значения параметров у тегов. Цвет <br><br>21.04.2012<br>Это хорошо видно на цветовом</h2>
<div class="text">
<h3>круге. Здесь представлены основные цвета RGB и комплиментарные или дополнительные.</h3>
<br>К ним относятся желтый, голубой и фиолетовый (пурпурный). Любой цвет можно получить смешением близлежащих к нему цветов. Голубой (#00FFFF) получается за счет объединения синего и зеленого цвета. <br><p>Цветовой круг<br> </div>
<div class="image">
<a href="/img/thumbs/e9b3abef7dbe82c6e493e8baa0a5033f-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Значения параметров у тегов. Цвет 21.04.2012Это хорошо видно на цветовом круге. Здесь представлены основные цвета RGB и комплиментарные или дополнительные. К ним относятся желтый, голубой и фиолетовый (пурпурный). Любой цвет можно получить смешением близлежащих к нему цветов. Голубой (#00FFFF) получается за счет объединения синего и зеленого цвета. Цветовой круг"><img src="/img/thumbs/e9b3abef7dbe82c6e493e8baa0a5033f-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. Значения параметров у тегов. Цвет 21.04.2012Это хорошо видно на цветовом круге." alt="Значения параметров у тегов. Цвет 21.04.2012Это хорошо видно на цветовом круге. Здесь представлены основные цвета RGB и"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide49">
<h2><a href="/img/thumbs/7cd4305a9f3fc57cf370538efd7e008c-800x.jpg" target="_blank">Слайд 49</a><br>Значения параметров у тегов. Размер. <br><br>21.04.2012<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/7cd4305a9f3fc57cf370538efd7e008c-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Значения параметров у тегов. Размер. 21.04.2012В HTML размеры элементов или расстояния между ними задаются в пикселах или процентах. Пиксел — это элементарная точка на экране монитора. Она является относительной единицей измерения. Ее величина зависит от установленного экранного разрешения и размера монитора. Так популярное разрешение монитора - 1024х768 пикселей. Картинка с такими размерами будет занимать всю область экрана. Увеличив разрешение монитора до 1280х1024, мы, тем самым, уменьшим размеры изображения на экране. При использовании пикселей в качестве значений пишется только число без указания единиц, например: width="380". "><img src="/img/thumbs/7cd4305a9f3fc57cf370538efd7e008c-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. Значения параметров у тегов. Размер. 21.04.2012В HTML размеры элементов или расстояния" alt="Значения параметров у тегов. Размер. 21.04.2012В HTML размеры элементов или расстояния между ними задаются в пикселах или"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide50">
<h2><a href="/img/thumbs/1fdafc6e845127bf97bf0885b2553e31-800x.jpg" target="_blank">Слайд 50</a><br>Значения параметров у тегов. Адрес.<br>21.04.2012<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/1fdafc6e845127bf97bf0885b2553e31-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Значения параметров у тегов. Адрес.21.04.2012Адресом называется путь к документу, например, к графическому файлу. Адрес нужен тогда, когда делается ссылка на Веб-страницу или загружается определенный файл. Так в теге адрес используется в качестве аргумента параметра src. Он задает путь к файлу с изображением.Синонимом адреса выступает URL (Universal Resource Locator, универсальный указатель ресурсов).Различают абсолютные и относительные адреса.Абсолютные адреса работают везде, где задан URL. Он начинаются всегда с указания протокола передачи данных. Для Веб-страниц они начинаются с ключевого слова http://. HTTP (HyperText Transfer Protocol, протокол передачи гипертекста). Описание тега BODY "><img src="/img/thumbs/1fdafc6e845127bf97bf0885b2553e31-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. Значения параметров у тегов. Адрес.21.04.2012Адресом называется путь к документу, например, к" alt="Значения параметров у тегов. Адрес.21.04.2012Адресом называется путь к документу, например, к графическому файлу. Адрес нужен тогда, когда"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide51">
<h2><a href="/img/thumbs/aac19720e96bd09b5beafca575fe5ce3-800x.jpg" target="_blank">Слайд 51</a><br>Значения параметров у тегов. Адрес.<br>21.04.2012<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/thumbs/aac19720e96bd09b5beafca575fe5ce3-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Значения параметров у тегов. Адрес.21.04.2012Относительные адреса указываются от корня сайта или текущего документа. Например, код означает загрузить графический файл с именем pic.gif. Он расположен в той же папке, что и сама веб-страница. Адрес указывает обычно на файл index.html, который находится в корне сайта. /images/pic.gif. Слэш (символ /) перед адресом говорит о том, что адресация начинается от корня сайта. Ссылка ведет на рисунок pic.gif, который находится в папке images. А та в свою очередь размещена в корне сайта.../help/me.html Двоеточие перед именем указывает браузеру перейти на уровень выше в списке каталогов сайта и там «поискать» файл me.html."><img src="/img/thumbs/aac19720e96bd09b5beafca575fe5ce3-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. Значения параметров у тегов. Адрес.21.04.2012Относительные адреса указываются от корня сайта или" alt="Значения параметров у тегов. Адрес.21.04.2012Относительные адреса указываются от корня сайта или текущего документа. Например, код означает загрузить"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide52">
<h2><a href="/img/thumbs/e8208df1e3669adc4ab1c0618fa47434-800x.jpg" target="_blank">Слайд 52</a><br>Особенности текста в HTML<br>21.04.2012<br>Любое количество пробелов идущих подряд, в браузере</h2>
<div class="text">
<h3>отображается как один.<br>Сколько бы ни было пробелов между словами, это</h3>
не повлияет на конечный вид текста. Это правило относится к символам табуляции и переносу текста. <br>Исключением из этого правила является тег <pre>, внутри него любое число пробелов отображается именно так, как оно указано в коде.<br>Нет расстановки переносов в тексте.<br>HTML не поддерживает расстановку переносов в словах как это делают текстовые редакторы. Это несущественно, пока не используется выравнивание текста по ширине. <br>В этом случае блок текста выравнивается по левому и правому краю. Короткие строки при этом растягиваются за счет автоматического добавления пробелов между словами. <br> <br> </div>
<div class="image">
<a href="/img/thumbs/e8208df1e3669adc4ab1c0618fa47434-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Особенности текста в HTML21.04.2012Любое количество пробелов идущих подряд, в браузере отображается как один.Сколько бы ни было пробелов между словами, это не повлияет на конечный вид текста. Это правило относится к символам табуляции и переносу текста. Исключением из этого правила является тег , внутри него любое число пробелов отображается именно так, как оно указано в коде.Нет расстановки переносов в тексте.HTML не поддерживает расстановку переносов в словах как это делают текстовые редакторы. Это несущественно, пока не используется выравнивание текста по ширине. В этом случае блок текста выравнивается по левому и правому краю. Короткие строки при этом растягиваются за счет автоматического добавления пробелов между словами. "><img src="/img/thumbs/e8208df1e3669adc4ab1c0618fa47434-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. Особенности текста в HTML21.04.2012Любое количество пробелов идущих подряд, в браузере отображается" alt="Особенности текста в HTML21.04.2012Любое количество пробелов идущих подряд, в браузере отображается как один.Сколько бы ни было пробелов"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide53">
<h2><a href="/img/thumbs/57e3f1b86939ab4bf2878b9f275f5cf8-800x.jpg" target="_blank">Слайд 53</a><br>Особенности текста в HTML<br>21.04.2012<br>Текст занимает ширину окна браузера.<br>Если вы просто</h2>
<div class="text">
<h3>напишите одну длинную строку в коде HTML, то в браузере</h3>
она будет отформатирована, чтобы текст поместился по ширине в окно. <br>Переносы текста будут добавлены автоматически в местах пробела или дефиса. <br>Что произойдет, если в тексте нет ни того, ни другого символа? Браузер не сможет создать переносы и отобразит текст одной строкой. <br>Если она шире окна браузера, то появится горизонтальная полоса прокрутки.<br><br> <br> </div>
<div class="image">
<a href="/img/thumbs/57e3f1b86939ab4bf2878b9f275f5cf8-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Особенности текста в HTML21.04.2012Текст занимает ширину окна браузера.Если вы просто напишите одну длинную строку в коде HTML, то в браузере она будет отформатирована, чтобы текст поместился по ширине в окно. Переносы текста будут добавлены автоматически в местах пробела или дефиса. Что произойдет, если в тексте нет ни того, ни другого символа? Браузер не сможет создать переносы и отобразит текст одной строкой. Если она шире окна браузера, то появится горизонтальная полоса прокрутки. "><img src="/img/thumbs/57e3f1b86939ab4bf2878b9f275f5cf8-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. Особенности текста в HTML21.04.2012Текст занимает ширину окна браузера.Если вы просто напишите" alt="Особенности текста в HTML21.04.2012Текст занимает ширину окна браузера.Если вы просто напишите одну длинную строку в коде HTML,"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide54">
<h2><a href="/img/thumbs/88e686f2c29e33e09bbeff924fba15f4-800x.jpg" target="_blank">Слайд 54</a><br>Особенности текста в HTML. Абзацы.<br>21.04.2012<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/88e686f2c29e33e09bbeff924fba15f4-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Особенности текста в HTML. Абзацы.21.04.2012Как правило, блоки текста разделяют между собой абзацами (параграфами). По умолчанию между ними существует небольшой вертикальный отступ, называемый отбивкой. Синтаксис создания абзацев:Абзац 1 Абзац 2 Каждый абзац начинается с тега и должен иметь необязательный закрывающий тег .Между абзацами возникают большие отступы. От них можно избавиться, если в местах переноса строк добавлять тег . В отличие от абзаца, тег переноса строки не создает вертикальных отступов между строками. "><img src="/img/thumbs/88e686f2c29e33e09bbeff924fba15f4-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. Особенности текста в HTML. Абзацы.21.04.2012Как правило, блоки текста разделяют между собой" alt="Особенности текста в HTML. Абзацы.21.04.2012Как правило, блоки текста разделяют между собой абзацами (параграфами). По умолчанию между ними"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide55">
<h2><a href="/img/thumbs/7500b2dacdef6bc38fb73fd5f8406503-800x.jpg" target="_blank">Слайд 55</a><br>Результат использования тегов <br>21.04.2012<br>Отступы на Веб-странице при использовании абзацев</h2>
<div class="image">
<a href="/img/thumbs/7500b2dacdef6bc38fb73fd5f8406503-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Результат использования тегов 21.04.2012Отступы на Веб-странице при использовании абзацев "><img src="/img/thumbs/7500b2dacdef6bc38fb73fd5f8406503-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. Результат использования тегов 21.04.2012Отступы на Веб-странице при использовании абзацев" alt="Результат использования тегов 21.04.2012Отступы на Веб-странице при использовании абзацев"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide56">
<h2><a href="/img/thumbs/76a1e06964575c8a17d42d423ae63c29-800x.jpg" target="_blank">Слайд 56</a><br>Результат использования тегов <br> <br>21.04.2012<br> Вид текста с учетом переносов<br></h2>
<div class="image">
<a href="/img/thumbs/76a1e06964575c8a17d42d423ae63c29-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Результат использования тегов 21.04.2012 Вид текста с учетом переносов"><img src="/img/thumbs/76a1e06964575c8a17d42d423ae63c29-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. Результат использования тегов 21.04.2012 Вид текста с учетом переносов" alt="Результат использования тегов 21.04.2012 Вид текста с учетом переносов"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide57">
<h2><a href="/img/thumbs/d69e0e9848665eb4284443fb7af22f7c-800x.jpg" target="_blank">Слайд 57</a><br>Значения параметров у тегов. Заголовки.<br>21.04.2012<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/d69e0e9848665eb4284443fb7af22f7c-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Значения параметров у тегов. Заголовки.21.04.2012Заголовки выполняют важную функцию на Веб-странице. Они показывают важность раздела, к которому относятся. Чем больше заголовок и его «вес» , тем более он значимый. В газетах и журналах передовицы набраны крупным шрифтом, тем самым, привлекая к ним внимание и говоря: «вот это надо читать обязательно» . С помощью различных заголовков легко регулировать размер текста. Чем выше уровень заголовка, тем больше размер шрифта. Самым верхним уровнем является уровень 1 (), а самым нижним — уровень 6 (). Поисковики добавляют рейтинг тексту, если он находится внутри тега заголовка. Это важно для раскрутки сайта и для его занятия первых строк выдачи результата в поисковой системе по ключевым словам. Чаще применяют заголовки с первого по третий уровень. "><img src="/img/thumbs/d69e0e9848665eb4284443fb7af22f7c-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. Значения параметров у тегов. Заголовки.21.04.2012Заголовки выполняют важную функцию на Веб-странице. Они" alt="Значения параметров у тегов. Заголовки.21.04.2012Заголовки выполняют важную функцию на Веб-странице. Они показывают важность раздела, к которому относятся."></a>
</div>
<hr>
</div>
<div class="descrip" id="slide58">
<h2><a href="/img/thumbs/75208ebec4f54ed95e44429fbff701ef-800x.jpg" target="_blank">Слайд 58</a>Выравнивание текста<br>21.04.2012<br>Выравнивание текста определяет его внешний вид и ориентацию краев</h2>
<div class="text">
<h3>абзаца. <br>Может выполняться по левому краю, правому краю, по центру</h3>
или по ширине. Наиболее распространенный вариант — выравнивание по левому краю, когда слева текст сдвигается до края, а правый остается неровным. <br>Выравнивание по правому краю и по центру чаще используется в заголовках и подзаголовках. <br>При выравнивании по ширине, в тексте между словами могут появиться большие интервалы. <br>Для установки выравнивания текста используется тег параграфа <p> с параметром align. <br>Он определяет способ выравнивания. <br> </div>
<div class="image">
<a href="/img/thumbs/75208ebec4f54ed95e44429fbff701ef-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Выравнивание текста21.04.2012Выравнивание текста определяет его внешний вид и ориентацию краев абзаца. Может выполняться по левому краю, правому краю, по центру или по ширине. Наиболее распространенный вариант — выравнивание по левому краю, когда слева текст сдвигается до края, а правый остается неровным. Выравнивание по правому краю и по центру чаще используется в заголовках и подзаголовках. При выравнивании по ширине, в тексте между словами могут появиться большие интервалы. Для установки выравнивания текста используется тег параграфа с параметром align. Он определяет способ выравнивания. "><img src="/img/thumbs/75208ebec4f54ed95e44429fbff701ef-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. Выравнивание текста21.04.2012Выравнивание текста определяет его внешний вид и ориентацию краев абзаца." alt="Выравнивание текста21.04.2012Выравнивание текста определяет его внешний вид и ориентацию краев абзаца. Может выполняться по левому краю, правому"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide59">
<h2><a href="/img/thumbs/9371734110f4b894ae38d8422941c434-800x.jpg" target="_blank">Слайд 59</a>Выравнивание текста<br>21.04.2012<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/9371734110f4b894ae38d8422941c434-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Выравнивание текста21.04.2012Блок текста можно выравнивать с помощью тега с параметром align. Он может принимать следующие значения:left — выравнивание по левому краю, задается по умолчанию; right — выравнивание по правому краю; center — выравнивание по центру; justify — выравнивание по ширине (одновременно по правому и левому краю). Этот аргумент работает только для текста, длина которого более, чем одна строка. Аргумент align можно применять как для текста, так и для заголовков. "><img src="/img/thumbs/9371734110f4b894ae38d8422941c434-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. Выравнивание текста21.04.2012Блок текста можно выравнивать с помощью тега с параметром align." alt="Выравнивание текста21.04.2012Блок текста можно выравнивать с помощью тега с параметром align. Он может принимать следующие значения:left —"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide60">
<h2><a href="/img/thumbs/b798f766fa9b13d0935df13d14543656-800x.jpg" target="_blank">Слайд 60</a><br>Значения параметров тегов Начертание.<br>21.04.2012<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/b798f766fa9b13d0935df13d14543656-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Значения параметров тегов Начертание.21.04.2012Жирное начертание.Насыщенностью называют увеличение толщины линий шрифта и соответственно контраста. Обычно различают четыре вида насыщенности: светлое начертание, нормальное, полужирное и жирное. Однако с помощью HTML можно установить только нормальное и жирное начертание. Для установки текста жирного начертания применяется два тега: и . Жирное начертание шрифта Сильное выделение текста Курсивное начертание.Курсивный шрифт представляет собой не просто наклон отдельных символов, для некоторых шрифтов это полная переделка под новый стиль, имитирующий рукописный. Курсив для текста определяют два тега: и .Курсивное начертание шрифта. "><img src="/img/thumbs/b798f766fa9b13d0935df13d14543656-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. Значения параметров тегов Начертание.21.04.2012Жирное начертание.Насыщенностью называют увеличение толщины линий шрифта и" alt="Значения параметров тегов Начертание.21.04.2012Жирное начертание.Насыщенностью называют увеличение толщины линий шрифта и соответственно контраста. Обычно различают четыре вида"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide61">
<h2><a href="/img/thumbs/1ab0ef823e78ae4f521e1db02bc969b8-800x.jpg" target="_blank">Слайд 61</a><br>Замечания <br>21.04.2012<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/1ab0ef823e78ae4f521e1db02bc969b8-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Замечания 21.04.2012Теги и , также как и хотя и похожи по своему действию, являются не совсем эквивалентными и заменяемыми. Тег — является тегом физической разметки и устанавливает жирное начертание текста.Тег — тегом логической разметки и выделяет помеченный текст. Разделение тегов на логическое и физическое форматирование изначально предназначалось, чтобы сделать HTML универсальным, т.е не зависящим от устройства вывода информации. Теоретически, если воспользоваться, например, речевым браузером, то текст, оформленный с помощью тегов и , будет отмечен по-разному. Но получилось так, что в популярных браузерах результат использования этих тегов равнозначен.. "><img src="/img/thumbs/1ab0ef823e78ae4f521e1db02bc969b8-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. Замечания 21.04.2012Теги и , также как и хотя и похожи по" alt="Замечания 21.04.2012Теги и , также как и хотя и похожи по своему действию, являются не совсем эквивалентными"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide62">
<h2><a href="/img/thumbs/9eb7132154bc8f421b179283da9642eb-800x.jpg" target="_blank">Слайд 62</a><br>21.04.2012<br>Лекция окончена!
Благодарю за внимание!
Ваши вопросы.<br>Молородов Юрий Иванович<br>yumo@ict.nsc.ru<br>ftp://pine.ict.nsc.ru/pub/tmp/SibGUTI_Lec<br></h2>
<div class="image">
<a href="/img/thumbs/9eb7132154bc8f421b179283da9642eb-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="21.04.2012Лекция окончена! Благодарю за внимание! Ваши вопросы.Молородов Юрий Ивановичyumo@ict.nsc.ruftp://pine.ict.nsc.ru/pub/tmp/SibGUTI_Lec"><img src="/img/thumbs/9eb7132154bc8f421b179283da9642eb-800x.jpg" title="Введение в HTML. Инструментарий. Теги. Структура HTML-кода. 21.04.2012Лекция окончена! Благодарю за внимание! Ваши вопросы.Молородов Юрий Ивановичyumo@ict.nsc.ruftp://pine.ict.nsc.ru/pub/tmp/SibGUTI_Lec" alt="21.04.2012Лекция окончена! Благодарю за внимание! Ваши вопросы.Молородов Юрий Ивановичyumo@ict.nsc.ruftp://pine.ict.nsc.ru/pub/tmp/SibGUTI_Lec"></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/vvedenie-v-HTML-instrumentarij-tegi-struktura-HTMLkoda/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/kak-napravit-obrashchenie-v-politsiyupozvonit-ili">
<img src="/img/tmb/6/569833/1254990c287e113624b0856c37a92fc3-800x.jpg" alt="Как направить обращение в полицию?
Позвонить или лично заявить в дежурную часть">
<span class="desc">
<span>Как направить обращение в полицию?
Позвонить или лично заявить в дежурную часть</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 180</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/lk-3-umovi-zdysnennya-pdprimnitsko-dyalnost">
<img src="/img/thumbs/b862fa2d30a70913989d7adcf45e8fd8-800x.jpg" alt="ЛК 3 Умови здійснення підприємницької діяльності">
<span class="desc">
<span>ЛК 3 Умови здійснення підприємницької діяльності</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 207</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/shkolnyy-zhurnal-etazhi">
<img src="/img/thumbs/0101e9c3064efe4f1929448c25c3c30c-800x.jpg" alt="Школьный журнал «Этажи»">
<span class="desc">
<span>Школьный журнал «Этажи»</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 500</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/gosudar-imperator-nikolay-ii">
<img src="/img/thumbs/b7793e95b77554b18d7e6471cae90d2e-800x.jpg" alt="Государь-Император Николай II">
<span class="desc">
<span>Государь-Император Николай II</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 223</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/psihologiya-14">
<img src="/img/thumbs/ec69e138382bc15924218f2e44ac0173-800x.jpg" alt="ПСИХОЛОГИЯ">
<span class="desc">
<span>ПСИХОЛОГИЯ</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 185</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/formy-paketa-rukovoditelya-ppe">
<img src="/img/thumbs/3ec4fe5436591b4697314d3a1e80d1a2-800x.jpg" alt="Формы пакета руководителя ППЭ">
<span class="desc">
<span>Формы пакета руководителя ППЭ</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 337</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/laboratornoe-zanyatie-2">
<img src="/img/thumbs/01fbdfa684bed2589c93d68fbf574ddd-800x.jpg" alt="Лабораторное занятие">
<span class="desc">
<span>Лабораторное занятие</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 180</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/i-obshchiy-analizchto-za-proekt-kto">
<img src="/img/tmb/7/618263/7bfcb58cf03343c07243740b0b443984-800x.jpg" alt="I. Общий анализ
Что за проект? Кто автор? Какие годы? Какой стиль,">
<span class="desc">
<span>I. Общий анализ
Что за проект? Кто автор? Какие годы? Какой стиль,</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 155</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/mediaurok-pamyati">
<img src="/img/tmb/7/602215/a71a0b7ee58e7cafb844cbba8349662a-800x.jpg" alt="Медиаурок памяти">
<span class="desc">
<span>Медиаурок памяти</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 183</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/federalnoe-gosudarstvennoe-byudzhetnoe-obrazovatelnoeuchrezhdenie-vysshego-1">
<img src="/img/thumbs/6b4ad8a7515eef194433cb9efd1a5b90-800x.jpg" alt="Федеральное государственное бюджетное образовательное
учреждение высшего">
<span class="desc">
<span>Федеральное государственное бюджетное образовательное
учреждение высшего</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 329</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/distsiplina-himicheskaya-zashchita-rasteniy">
<img src="/img/thumbs/f6f4ec4eb985aed70f062de617eb3341-800x.jpg" alt="ДИСЦИПЛИНА: ХИМИЧЕСКАЯ ЗАЩИТА РАСТЕНИЙ">
<span class="desc">
<span>ДИСЦИПЛИНА: ХИМИЧЕСКАЯ ЗАЩИТА РАСТЕНИЙ</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 241</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/kak-pravilno-payat-1">
<img src="/img/tmb/7/631399/0e714408408aa0f572cc95984e4ea614-800x.jpg" alt="Как правильно паять">
<span class="desc">
<span>Как правильно паять</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 177</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/postroenie-grafika-proizvodnoy">
<img src="/img/thumbs/6c1b0678f7c448c26ae88db63afd7046-800x.jpg" alt="Построение графика производной">
<span class="desc">
<span>Построение графика производной</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 336</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/semeynaya-kollektsiya">
<img src="/img/tmb/7/641839/609022c3dcdc583d9fbbdb820a52ebe3-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/ergonomicheskie-i-gigienicheski-osnovy-russkoy-sistemy">
<img src="/img/thumbs/79d691cda7a26a13fcf3e604f68df38f-800x.jpg" alt="Эргономические и гигиенически основы русской системы классического массажа">
<span class="desc">
<span>Эргономические и гигиенически основы русской системы классического массажа</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 248</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/tehnika-bega-na-korotkie-distantsii-sprint">
<img src="/img/tmb/6/567110/4bb466abaa702e0b16b3c1fba7180444-800x.jpg" alt="Техника бега на короткие дистанции (спринт)">
<span class="desc">
<span>Техника бега на короткие дистанции (спринт)</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 204</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/v-poiskah-vitamina-s">
<img src="/img/thumbs/2a3937f51071f3f6d433894a5a45021e-800x.jpg" alt="В поисках витамина С">
<span class="desc">
<span>В поисках витамина С</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 255</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/ponyatie-i-sushchnost-metodov-upravleniya-vidy">
<img src="/img/thumbs/18772dd4a2d60127a1a299bb192fcfd7-800x.jpg" alt="Понятие и сущность методов управления. Виды методов социального управления">
<span class="desc">
<span>Понятие и сущность методов управления. Виды методов социального управления</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 260</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/hakone">
<img src="/img/thumbs/3f6d3f7b904c173fd470b2cbac187393-800x.jpg" alt="Хаконэ">
<span class="desc">
<span>Хаконэ</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 302</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/oge-2019-modul-geometriya-n-1">
<img src="/img/thumbs/be71a29d7573cada69b0831ff4495a0b-800x.jpg" alt="ОГЭ 2019 Модуль ГЕОМЕТРИЯ № 1 5">
<span class="desc">
<span>ОГЭ 2019 Модуль ГЕОМЕТРИЯ № 1 5</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 264</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>
