Язык гипертекстовой разметки HTML презентация

Содержание

Слайд 2

html-файл – это текстовый файл, то есть документ HTML можно

html-файл – это текстовый файл, то есть документ HTML можно создать

любым текстовым редактором на любой аппаратной платформе в среде любой ОС.

Гипертекстовая база данных в концепции WWW - это набор текстовых файлов, написанных на языке HTML, который определяет форму представления информации (разметки) и структуру связей этих файлов (гипертекстовые ссылки).

Такой подход предполагает наличие еще одной компоненты технологии - интерпретатора языка.

Слайд 3

В WWW функции интерпретатора языка разделены между сервером гипертекстовой базы

В WWW функции интерпретатора языка разделены между сервером гипертекстовой базы данных

и броузером пользователя.

Сервер:
обеспечивает доступ к документам;
обрабатывает гипертекстовые ссылки;
осуществляет препроцессорную обработку документов.

Интерфейс пользователя:
- осуществляет интерпретацию конструкций языка HTML, связанных с представлением информации.

Слайд 4

В настоящее время известна версия языка HTML 5.0. Принцип построения

В настоящее время известна версия языка HTML 5.0.

Принцип построения и интерпретации

HTML

Дескрипторная (теговая) модель описывает документ как совокупность элементов, каждый из которых окружен дескриптором (тегом).

Теги аналог операторных скобок типа «begin/end».

Теги определяют область действия правил интерпретации текстовых элементов документа.

Слайд 5

Синтаксис HTML-дескрипторов HTML-дескриптор состоит из имени, за которым может следовать

Синтаксис HTML-дескрипторов

HTML-дескриптор состоит из имени, за которым может следовать необязательный список

атрибутов дескриптора.

Текст HTML-дескриптора заключается в угловые скобки (< и >).

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

Слайд 6

Порядок записи атрибутов в дескрипторе, в основном, значения не имеет.

Порядок записи атрибутов в дескрипторе, в основном, значения не имеет.

Значение атрибута,

если он есть, следует за знаком равенства, стоящим после имени атрибута.

Если значение атрибута - одно слово или число, то его можно просто указать после знака равенства, не выделяя дополнительно.

Все остальные значения необходимо заключать в одинарные или двойные кавычки.

Длина значения атрибута ограничена 1024 символами.

Слайд 7

Регистр символов не учитывается в именах дескрипторов и атрибутов и

Регистр символов не учитывается в именах дескрипторов и атрибутов и учитывается

в значениях атрибутов.

Большинство HTML-дескрипторов состоит из двух идентичных команд:
<имя [атрибуты]> – начало форматирования;
- конец форматирования.

<имя> … - контейнер.

Конечные дескрипторы не содержат атрибутов.

Дескрипторы бывают вложенные, закрываются в обратном порядке.

Слайд 8

Некоторые дескрипторы не имеют конечного компонента – это автономные элементы.

Некоторые дескрипторы не имеют конечного компонента – это автономные элементы.

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

HTML-документ

обрамляется командами … .

Как правило HTML- документ состоит из двух частей:
- заголовок (Head);
- собственно документ (Body).

заголовок .
основной текст .

Слайд 9

Заголовок … Название документа … Заголовок содержит в себе общую

Заголовок


…
Название документа
…

Заголовок содержит в

себе общую информацию о документе, которая не отображается на экране.

и - единственные обязательные элементы заголовка.

«Название документа» используется поисковыми серверами, выводится в заголовке браузера.

Слайд 10

Основное назначение элементов заголовка - это описание общих для всего

Основное назначение элементов заголовка - это описание общих для всего документа

параметров отображения. Например, стиль отображения документа, общий базовый адрес гипертекстовых ссылок, общие гипертекстовые ссылки, идентификатор и имя документа и т.п.

Элементы заголовка

Дескриптор BASE.

Обеспечивает возможность неполной адресации при задании URL в HTML-документе.

Задаёт базовый адрес, использующийся для формирования полной формы URL из неполной.

,,.

Заголовок 1


Заголовок 2


Форматирование символов

Используются два метода:
- физические шрифты;
- логические шрифты.

Слайд 21

- используется для вывода машинных сообщений (Segmentation fault: core dumped);

для особого выделения текста, обычно выделяется жирным текстом (это очень важный текст);
 - используется для символьных переменных (это переменная);
 - используется для аббревиатур;
 - используется для сокращений (стр., англ.).
Элементы и могут содержать атрибут , описывающий расшифровку аббревиатуры или сокращения: <ABBR TITLE="World Wide Web">WWW</ABBR>.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide22" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 22</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-21.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Для физических шрифтов форматирование задаётся следующим образом: - жирный(Bold): ;" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/258747/slide-21.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/258747/slide-21.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/258747/slide-21.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-21.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Для физических шрифтов форматирование задаётся следующим образом:<br>- жирный(Bold): <B> </B>;<br>- курсив(.Italic):</div></h2><div class="slides-content"><I> </I>;<br>- с подчеркиванием(Underline): <U> </U>;<br> моноширинный(): <TT> </TT>;<br> шрифт большего размера: <BIG></BIG>;<br> шрифт меньшего размера: <SMALL></SMALL>;<br> перечёркнутый шрифт: <S> </S>; <STRIKE> </STRIKE>.<br><p><p> <CODE> int i=0;</CODE> </p><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide23" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 23</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-22.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Для задания шрифта используется контейнер: ...... Текст абзаца 1 Крупный" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/258747/slide-22.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/258747/slide-22.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/258747/slide-22.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-22.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Для задания шрифта используется контейнер:<br><FONT SIZE=n FACE=«Имя шрифта»  COLOR=«цвет»> ...... </FONT><br><p><p</div></h2><div class="slides-content">align="right"> <B> <I> <BIG> Текст <BIG> абзаца 1 </BIG> </BIG> </I> </B> </p><br><p><FONT SIZE="5" COLOR="RED" FACE="SANS-SERIF">Крупный шрифт красного цвета без засечек</FONT> <br><p>Цветовая палитра документа<br><p>Задаётся в теге <body>.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide24" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 24</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-23.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="TEXT="FFFFFF" - для текста; BGCOLOR="000000" - для фона; LINK="FFFF00" -" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/258747/slide-23.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/258747/slide-23.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/258747/slide-23.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-23.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>TEXT="FFFFFF" - для текста;<br>BGCOLOR="000000" - для фона;<br>LINK="FFFF00" - для гипертекстовой ссылки;<br>ALINK="00FF00"</div></h2><div class="slides-content">- для активизированной гипертекстовой ссылки;<br>VLINK="FF00FF" - для просмотренных гипертекстовых ссылок.<br><p>Отображение специальных символов<br><p>Если нужно использовать символы <, >, &, " в тексте документа без их специального назначения, то необходимо включить как "символьные ссылки" или как "смысловые ссылки".<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide25" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 25</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-24.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="&lt;H1&gt; Это заголовок &lt;/H1&gt; Списки в HTML-документе В HTML-документе используются несколько видов списков: 1) неупорядоченные списки;" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/258747/slide-24.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/258747/slide-24.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/258747/slide-24.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-24.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p><H1> Это заголовок </H1><br><p>Списки в HTML-документе<br><p>В HTML-документе используются несколько видов списков:<br>1)</div></h2><div class="slides-content">неупорядоченные списки;<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide26" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 26</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-25.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="2) упорядоченные списки; 3) списки-определения (списки типа глоссария); 4) список" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/258747/slide-25.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/258747/slide-25.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/258747/slide-25.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-25.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>2) упорядоченные списки;<br>3) списки-определения (списки типа глоссария);<br>4) список - меню и</div></h2><div class="slides-content">список без пометок (списки-каталоги).<br><p>Неупорядоченные списки<br><p>отображаются в виде последовательности помеченных элементов.<br><p>Элементы неупорядоченного списка могут идти в любом порядке.<br><p>Отдельные элементы списка могут быть довольно велики и даже включать в себя другие дескрипторы.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide27" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 27</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-26.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Для формирования неупорядоченного списка используются директивы и . В директиве" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/258747/slide-26.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/258747/slide-26.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/258747/slide-26.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-26.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p> Для формирования неупорядоченного списка используются директивы <UL> </UL> и <LI>.<br><p>В</div></h2><div class="slides-content">директиве <UL> может применяться атрибут TYPE="тип", где тип принимает следующие значения:<br>- DISC - элемент списка отмечается темным кругом (по умолчанию);<br>- CIRCLE - элемент списка отмечается окружностью;<br>- SQUARE - элемент списка отмечается прямоугольником.<br><p>Дескриптор <LI> используется для маркировки элемента списка.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide28" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 28</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-27.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="- Первый список - Первый подсписок - Второй подсписок -" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/258747/slide-27.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/258747/slide-27.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/258747/slide-27.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-27.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p><UL><br> <LI> - Первый список<br> <UL type="SQUARE"><br> <LI> - Первый подсписок<br></div></h2><div class="slides-content"><LI> - Второй подсписок<br> </UL><br> <LI> - Второй список<br> <UL><br> <LI> - Первый подсписок<br> <LI> - Второй подсписок<br> </UL><br></UL><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide29" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 29</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-28.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Упорядоченные списки Это списки, все записи которых при отображении пронумерованы." loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/258747/slide-28.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/258747/slide-28.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/258747/slide-28.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-28.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Упорядоченные списки<br><p> Это списки, все записи которых при отображении пронумерованы.<br><p><OL><br> <LI></div></h2><div class="slides-content">Первый пункт<br> <LI> Второй пункт<br> <LI> Третий пункт<br> </OL><br><p>Чтобы изменить способ нумерации в этих списках, нужно использовать атрибут type для тега <OL>: <OL TYPE="тип"><br><p>Для формирования упорядоченного списка используются директивы <OL> </OL> и <LI>.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide30" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 30</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-29.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Атрибут START="число" тега задаёт число, с которого начинается нумерация списка." loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/258747/slide-29.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/258747/slide-29.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/258747/slide-29.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-29.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Атрибут START="число" тега <OL> задаёт число, с которого начинается нумерация списка.<br><p>Атрибут</div></h2><div class="slides-content">VALUE="число" тега <LI> задаёт число, с которого будут нумероваться этот и следующие элементы списка.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide31" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 31</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-30.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Первый пункт Второй пункт Третий пункт Четвертый пункт Списки-определения (списки" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/258747/slide-30.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/258747/slide-30.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/258747/slide-30.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-30.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p><OL TYPE="I" START="5"><br> <LI> Первый пункт<br> <LI> Второй пункт<br> <LI VALUE="8"></div></h2><div class="slides-content">Третий пункт<br> <LI> Четвертый пункт<br></OL><br><p>Списки-определения (списки типа глоссария)<br><p>Это списки, состоящие из определяемой части (термина) и определяющей части (определения).<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide32" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 32</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-31.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Данный список задается тегами и . Для задания определяемой части" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/258747/slide-31.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/258747/slide-31.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/258747/slide-31.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-31.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p> Данный список задается тегами <DL> и </DL>.<br><p> Для задания определяемой</div></h2><div class="slides-content">части применяются теги <DT> и </DT>.<br><p><DL><br> <DT> HTML </DT> <DD> - это язык гипертекстовой разметки</DD><br> <DT> HTML-файл </DT> <DD> - это текстовый файл, содержащий теги HTML</DD><br></DL><br><p>Для задания определяющей части применяются теги <DD> и </DD>.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide33" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 33</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-32.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Список-меню и список без пометок (списки-каталоги) Меню и списки без" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/258747/slide-32.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/258747/slide-32.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/258747/slide-32.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-32.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Список-меню и список без пометок (списки-каталоги)<br><p> Меню и списки без пометок</div></h2><div class="slides-content">- это варианты неупорядоченного списка.<br><p>Для вывода списка-меню используются теги <MENU> и </MENU>.<br><p>Элемент списка-меню маркируется тегом <LI>.<br><p><MENU><br><LH><B>Виды списков в HTML</B><br><LI><A HREF="#OL">Упорядоченный список</A><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide34" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 34</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-33.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Неупорядоченный список Список каталогов Список определений Для вывода списка без" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/258747/slide-33.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/258747/slide-33.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/258747/slide-33.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-33.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p><LI><A HREF="#UL">Неупорядоченный список</A><br><LI><A HREF="#DIR">Список каталогов</A><br><LI><A HREF="#DL">Список определений</A><br></MENU><br><p>Для вывода списка без пометок</div></h2><div class="slides-content">используются теги <DIR> и </DIR>.<br><p><dir><br><LI> 1-й каталог<br><LI> 2-й каталог<br></dir><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide35" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 35</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-34.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Горизонтальная линия (разделитель) Для прочерчивания горизонтальной линии используется директива ." loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/258747/slide-34.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/258747/slide-34.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/258747/slide-34.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-34.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Горизонтальная линия (разделитель)<br><p>Для прочерчивания горизонтальной линии используется директива <HR>.<br><p>Она чертит горизонтальную</div></h2><div class="slides-content">линию шириной WIDTH и толщиной SIZE в пикселях или в процентах от выводимого экрана.<br><p>WIDTH= и SIZE= - атрибуты данной директивы.<br><p>Принятая по умолчанию линия имеет толщину, равную единице.<br><p><HR SIZE=2 WEIDTH=300><br><HR SIZE=2 WEIDTH=10%><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide36" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 36</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-35.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Встраивание предварительно сформатированного текста Чтобы текст отображался шрифтом фиксированной ширины" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/258747/slide-35.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/258747/slide-35.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/258747/slide-35.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-35.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Встраивание предварительно сформатированного текста<br><p>Чтобы текст отображался шрифтом фиксированной ширины с сохранением</div></h2><div class="slides-content">всех пробелов, используются теги <PRE> и </PRE>, между которыми заключается предварительно сформатированный текст.<br><p>С тегом <PRE> может быть использован атрибут WIGTH="число", который определяет ширину строки в символах. Тогда браузер не будет переносить строки, которые короче указанной длины.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide37" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 37</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-36.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt=".-. __ / \ __ ( `'.\ /.'` ) '-._.(;;;)._.-'" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/258747/slide-36.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/258747/slide-36.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/258747/slide-36.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-36.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p><pre><br> .-.<br> __ / \ __<br> ( `'.\ /.'` )<br> '-._.(;;;)._.-'<br></div></h2><div class="slides-content">.-' ,`"`, '-.<br> (__.-'/ \'-.__)<br> \ /\<br> '-' \<br> , |<br> |\ |<br> \ | |<br> | \ /<br> \|/ _,<br> / __/ /<br> | _/ _.'<br> |/__/<br> \<br> </pre><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide38" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 38</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-37.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Без использования тегов и : Между тегами и допустимо использование" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/258747/slide-37.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/258747/slide-37.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/258747/slide-37.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-37.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Без использования тегов <PRE> и </PRE>:<br><p>Между тегами <PRE> и </PRE> допустимо</div></h2><div class="slides-content">использование <p> и <br>.<br><p>Ввод гипертекстовых ссылок<br><p>Гипертекстовые ссылки в HTML делятся на два класса:<br>контекстные гипертекстовые ссылки;<br> общие.<br><p>Контекстные ссылки вмонтированы в тело документа.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide39" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 39</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-38.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Общие ссылки связаны со всем документом в целом и могут" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/258747/slide-38.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/258747/slide-38.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/258747/slide-38.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-38.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Общие ссылки связаны со всем документом в целом и могут быть</div></h2><div class="slides-content">использованы при просмотре любого фрагмента документа.<br><p>В любом месте основной части документа можно ввести ссылки на другой документ или файл.<br><p>Ссылки вводятся в HTML-документ с помощью URL.<br><p>Общий вид синтаксиса для перекрестных ссылок в WWW имеет вид:<br>КАК(Префикс):// КТО/ГДЕ/ЧТО (Документ)<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide40" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 40</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-39.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="По ПРЕФИКСУ браузер распознает, как будут передаваться данные по коммуникационным" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/258747/slide-39.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/258747/slide-39.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/258747/slide-39.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-39.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>По ПРЕФИКСУ браузер распознает, как будут передаваться данные по коммуникационным линиям</div></h2><div class="slides-content">Сети.<br><p>Процедуру передачи определяет протокол.<br><p>Важнейшие префиксы для URL:<br>- FTP:// - FTP-сервер;<br>- HTTP:// - WWW-сервер;<br>- FILE://LOCALHOST – локальный диск.<br><p>"КТО" - имя компьютера (хоста), на котором находится ресурс. Эта часть адреса Internet, которая содержит DSN адреса. Часть "КТО" просто присоединяется к части "КАК".<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide41" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 41</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-40.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt=""ГДЕ" определяет полный путь каталога, где находится ресурс. Каталог нужно" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/258747/slide-40.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/258747/slide-40.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/258747/slide-40.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-40.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>"ГДЕ" определяет полный путь каталога, где находится ресурс.<br><p>Каталог нужно вставить в</div></h2><div class="slides-content">адрес URL и добавить в конце символ наклонной черты /.<br><p>"ЧТО" содержит имя используемого файла.<br><p>file://localhost/C:/bola/Work/Programing_Internet/1.html<br><p>Реализация гиперссылок<br><p>1. Для ссылки на любую страницу в Интернете используется её абсолютный адрес.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide42" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 42</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-41.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Ссылка на главную страницу сайта 2. Для ссылки на страницу" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/258747/slide-41.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/258747/slide-41.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/258747/slide-41.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-41.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p><a href="http://on-line-teaching.com/index.html"> Ссылка на главную страницу сайта</a> <br><p>2. Для ссылки на</div></h2><div class="slides-content">страницу в пределах сайта используется относительный URL (page.html, catalog/page.html). <br><p><a href="../2.html">Дополнительная информация</a> <br><p>3. Гиперссылка в пределах html страницы задаётся с помощью атрибута NAME тэга <A>. <br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide43" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 43</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-42.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Меню … Вернуться к меню 4. При задании почтовой гиперссылки" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/258747/slide-42.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/258747/slide-42.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/258747/slide-42.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-42.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p><A NAME=MENU>Меню<A/><br>…<br><A HREF="#MENU">Вернуться к меню</A><br><p>4. При задании почтовой гиперссылки указывается e-mail;</div></h2><div class="slides-content">можно указать кому адресовано письмо, тема сообщения и дополнительный e-mail<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide44" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 44</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-43.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="bolatiger@gmail.com Открытие html страниц в новом окне Дополнительная информация" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/258747/slide-43.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/258747/slide-43.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/258747/slide-43.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258747/slide-43.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p><a href="mailto:bolatiger@gmail.com?subject = Письмо автору" title="Письмо автору"> bolatiger@gmail.com</a><br><p>Открытие html страниц в</div></h2><div class="slides-content">новом окне<br><p><a href="../Programming_Internet/2.html" target="_blank"> Дополнительная информация</a> <br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><!----></div><!--]--></div><div class="section"><div></div></div><form id="download" action="/api/" method="post" class="download"><!----><div class="download-description"> Имя файла: Язык-гипертекстовой-разметки-HTML.pptx <br> Количество просмотров: 64 <br> Количество скачиваний: 0</div><button class="download-btn" type="submit">Скачать</button><!----></form><div class="navigation"><div class="navigation-item"><div>- Предыдущая</div><a href="/gosudarstvo/vnktrennya-politika-serii" class="navigation-link">Внктрення политика Серии</a></div><div class="navigation-item"><div>Следующая -</div><a href="/informatika/sozdanie-bazy-dannyh-pri-pomoshchi-konstruktora" class="navigation-link">Создание базы данных при помощи конструктора и мастера</a></div></div></div></div><div class="item-layoutRelated"><div class="section"><div></div></div></div></div><div class="item-layout"><div class="related"><h2 class="related-header">Похожие презентации</h2><div class="related-wrapper"><!--[--><div class="related-item"><a href="/informatika/adonet-disconnected-model-for-student" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/88245/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/88245/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/88245/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/88245/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/88245/slide-0.jpg 1440w" class="slides-image related-itemImage"> ADO.Net Disconnected model For Student</a></div><div class="related-item"><a href="/informatika/modul-kadrovyy-rezerv-instruktsiya-dlya-rezervistov" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/336618/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/336618/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/336618/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/336618/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/336618/slide-0.jpg 1440w" class="slides-image related-itemImage"> Модуль Кадровый резерв. Инструкция для резервистов</a></div><div class="related-item"><a href="/informatika/vidy-indeksov" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/326311/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/326311/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/326311/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/326311/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/326311/slide-0.jpg 1440w" class="slides-image related-itemImage"> Виды индексов:</a></div><div class="related-item"><a href="/informatika/kratkie-svedeniya-o-preprotsessore-si" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/264858/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/264858/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/264858/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/264858/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/264858/slide-0.jpg 1440w" class="slides-image related-itemImage"> Краткие сведения о препроцессоре Си</a></div><div class="related-item"><a href="/informatika/teoreticheskie-osnovy-informatiki-16" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/179091/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/179091/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/179091/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/179091/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/179091/slide-0.jpg 1440w" class="slides-image related-itemImage"> Теоретические основы информатики</a></div><div class="related-item"><a href="/informatika/poisk-informatsii-20" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/513118/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/513118/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/513118/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/513118/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/513118/slide-0.jpg 1440w" class="slides-image related-itemImage"> Поиск информации</a></div><div class="related-item"><a href="/informatika/spravochno-bibliograficheskiy-apparat-biblioteki-sba" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/266133/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/266133/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/266133/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/266133/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/266133/slide-0.jpg 1440w" class="slides-image related-itemImage"> Справочно-библиографический аппарат библиотеки (СБА)</a></div><div class="related-item"><a href="/informatika/proekt-mobilnogo-kompleksa-videokonferentssvyazi" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/367906/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/367906/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/367906/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/367906/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/367906/slide-0.jpg 1440w" class="slides-image related-itemImage"> Проект мобильного комплекса видеоконференцсвязи</a></div><div class="related-item"><a href="/informatika/osnovy-programmirovaniya-ekrannaya-sistema-koordinat" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/413358/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/413358/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/413358/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/413358/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/413358/slide-0.jpg 1440w" class="slides-image related-itemImage"> Основы программирования. Экранная система координат</a></div><div class="related-item"><a href="/informatika/kolichestvo-informatsii-10" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/437252/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/437252/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/437252/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/437252/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/437252/slide-0.jpg 1440w" class="slides-image related-itemImage"> Количество информации</a></div><div class="related-item"><a href="/informatika/zanyatie-po-informatike-disk" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/518168/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/518168/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/518168/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/518168/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/518168/slide-0.jpg 1440w" class="slides-image related-itemImage"> Занятие по информатике Диск</a></div><div class="related-item"><a href="/informatika/parallel-programming-technologies-on-hybrid-architectures" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/246439/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/246439/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/246439/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/246439/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/246439/slide-0.jpg 1440w" class="slides-image related-itemImage"> Parallel programming technologies on hybrid architectures</a></div><div class="related-item"><a href="/informatika/vvedenie-v-si-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/259249/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/259249/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/259249/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/259249/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/259249/slide-0.jpg 1440w" class="slides-image related-itemImage"> Введение в СИ++</a></div><div class="related-item"><a href="/informatika/3d-modelirovanie-6" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/180742/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/180742/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/180742/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/180742/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/180742/slide-0.jpg 1440w" class="slides-image related-itemImage"> 3D-моделирование</a></div><div class="related-item"><a href="/informatika/introduction-to-informational-and-communication-technologies-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/147332/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/147332/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/147332/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/147332/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/147332/slide-0.jpg 1440w" class="slides-image related-itemImage"> Introduction to informational and communication technologies</a></div><div class="related-item"><a href="/informatika/prezentatsiya-k-uroku-informatsionnaya-bezopasnost" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/496163/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/496163/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/496163/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/496163/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/496163/slide-0.jpg 1440w" class="slides-image related-itemImage"> Презентация к уроку Информационная безопасность</a></div><div class="related-item"><a href="/informatika/prezentatsiya-26012091" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/444992/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/444992/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/444992/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/444992/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/444992/slide-0.jpg 1440w" class="slides-image related-itemImage"> Презентация</a></div><div class="related-item"><a href="/informatika/oformlenie-nachalnyh-i-kontsevyh-polos" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/346067/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/346067/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/346067/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/346067/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/346067/slide-0.jpg 1440w" class="slides-image related-itemImage"> Оформление начальных и концевых полос</a></div><div class="related-item"><a href="/informatika/befree-cons-of-social-networks" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/331708/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/331708/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/331708/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/331708/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/331708/slide-0.jpg 1440w" class="slides-image related-itemImage"> Befree. Cons of social networks</a></div><div class="related-item"><a href="/informatika/istoriya-razvitiya-kompyuternoy-tehniki-9" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/560688/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/560688/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/560688/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/560688/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/560688/slide-0.jpg 1440w" class="slides-image related-itemImage"> История развития компьютерной техники</a></div><div class="related-item"><a href="/informatika/innovatsionnye-tehnologii-v-zhurnalistike" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/147158/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/147158/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/147158/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/147158/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/147158/slide-0.jpg 1440w" class="slides-image related-itemImage"> Инновационные технологии в журналистике</a></div><div class="related-item"><a href="/informatika/printsipy-avtomatizirovannogo-upravleniya-pritochno-vytyazhnoy-ventilyatsiey" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/254582/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/254582/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/254582/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/254582/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/254582/slide-0.jpg 1440w" class="slides-image related-itemImage"> Принципы автоматизированного управления приточно-вытяжной вентиляцией</a></div><div class="related-item"><a href="/informatika/elektrondy-kmet-2" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/296149/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/296149/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/296149/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/296149/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/296149/slide-0.jpg 1440w" class="slides-image related-itemImage"> Электронды үкімет</a></div><div class="related-item"><a href="/informatika/ispolzovanie-kompyuternyh-tehnologiy-na-urokah-angliyskogo" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/316091/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/316091/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/316091/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/316091/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/316091/slide-0.jpg 1440w" class="slides-image related-itemImage"> Использование компьютерных технологий на уроках английского языка</a></div><div class="related-item"><a href="/informatika/postroenie-i-analiz-algoritmov-algoritmy-na" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/129929/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/129929/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/129929/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/129929/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/129929/slide-0.jpg 1440w" class="slides-image related-itemImage"> Построение и анализ алгоритмов. Алгоритмы на графах. МОД в задаче коммивояжёра. (Лекция 6.2)</a></div><div class="related-item"><a href="/informatika/preobrazovanie-er-modeli-v-relyatsionnuyu" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/90461/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/90461/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/90461/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/90461/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/90461/slide-0.jpg 1440w" class="slides-image related-itemImage"> Преобразование ER- модели в реляционную</a></div><div class="related-item"><a href="/informatika/formatirovanie-teksta-v-tekstovom-redaktore-ms-3" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/397247/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/397247/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/397247/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/397247/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/397247/slide-0.jpg 1440w" class="slides-image related-itemImage"> Форматирование текста в текстовом редакторе MS Word</a></div><div class="related-item"><a href="/informatika/fayl-i-faylovaya-sistema-3" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/502547/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/502547/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/502547/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/502547/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/502547/slide-0.jpg 1440w" class="slides-image related-itemImage"> Файл и файловая система</a></div><!--]--></div></div></div></div><!--]--><!--]--><!--]--></div></div></main><footer class="footer"><div class="layout"><!----><div class="footer-contacts"><svg class="footer-contactsIcon" viewBox="0 0 27 26" xmlns="http://www.w3.org/2000/svg"><use xlink:href="/images/icons.svg#contacts"></use></svg> Обратная связь</div><!----><div class="footer-contactsEmail"> Email: <span class="footer-contactsShow">Нажмите что бы посмотреть</span></div></div></footer></div><!--]--></div><script>window.__NUXT__=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q){return {data:{meta:{result:{meta:{h1:n,main_text:a,main_title:o,main_description:p,main_keywords:q,main_image:a},app:{logo_image:r,logo_image_width:s,logo_image_height:t,logo_text:a,image_width_full:u,image_width_min:v,recaptcha_key:w,yandex_search:x,ya_context:e,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:y,footer_before:a,footer:a,dark_theme:e,strategy:{image_alt_words:j,item_slide_header:z,item_images:A,item_images_tag:h,item_words_h3:d,item_words_tag:h,item_words_1:k,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:d,item_show_contents:d,item_show_filename:d},colors:{header_text:l,header_bg:i,accent:i}},social:F}},item:{result:{id:258747,name:m,category:G,count:45,jpg:"jpg\u002F258747",hits:64,download:b,h1:"Язык гипертекстовой разметки HTML презентация",meta:{h1:m,title:m,description:"Язык гипертекстовой разметки HTML презентация на тему, доклад, Информатика",keywords:"Язык гипертекстовой разметки HTML, презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Информатика",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему Язык гипертекстовой разметки HTML из раздела Информатика. Презентация на заданную тему содержит 45 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",seo_text:"\u003Cp\u003Ehtml-файл – это текстовый файл, то есть документ HTML можно создать любым текстовым редактором на любой аппаратной платформе в среде любой ОС.\u003Cbr\u003E\u003Cp\u003EГипертекстовая база данных в концепции WWW - это набор текстовых файлов, написанных на языке HTML, ко",file:"Язык-гипертекстовой-разметки-HTML.pptx",texts:["\u003Cp\u003EЯзык гипертекстовой разметки HTML\u003Cbr\u003E\u003Cp\u003EРазработан Томасом Бернерсом-Ли в 1989 году для реализации гипертекстовой технологии.\u003Cbr\u003E\u003Cp\u003EHTML пытался решить две задачи:\u003Cbr\u003E\u003Cp\u003E1) дать дизайнерам гипертекстовых баз данных простое средство создания документов;\u003Cbr\u003E\u003Cp\u003E2) реализовать мощный интерфейс пользователя гипертекстовых баз данных.\u003Cbr\u003E\u003Cp\u003EПервая задача была решена за счет выбора дескрипторной (теговой) модели описания документов.\u003Cbr\u003E","\u003Cp\u003Ehtml-файл – это текстовый файл, то есть документ HTML можно создать любым текстовым редактором на любой аппаратной платформе в среде любой ОС.\u003Cbr\u003E\u003Cp\u003EГипертекстовая база данных в концепции WWW - это набор текстовых файлов, написанных на языке HTML, который определяет форму представления информации (разметки) и структуру связей этих файлов (гипертекстовые ссылки).\u003Cbr\u003E\u003Cp\u003EТакой подход предполагает наличие еще одной компоненты технологии - интерпретатора языка.\u003Cbr\u003E","\u003Cp\u003EВ WWW функции интерпретатора языка разделены между сервером гипертекстовой базы данных и броузером пользователя.\u003Cbr\u003E\u003Cp\u003EСервер:\u003Cbr\u003E обеспечивает доступ к документам;\u003Cbr\u003E обрабатывает гипертекстовые ссылки;\u003Cbr\u003E осуществляет препроцессорную обработку документов.\u003Cbr\u003E\u003Cp\u003EИнтерфейс пользователя:\u003Cbr\u003E- осуществляет интерпретацию конструкций языка HTML, связанных с представлением информации.\u003Cbr\u003E","\u003Cp\u003EВ настоящее время известна версия языка HTML 5.0.\u003Cbr\u003E\u003Cp\u003EПринцип построения и интерпретации HTML\u003Cbr\u003E\u003Cp\u003EДескрипторная (теговая) модель описывает документ как совокупность элементов, каждый из которых окружен дескриптором (тегом).\u003Cbr\u003E\u003Cp\u003EТеги аналог операторных скобок типа «begin\u002Fend».\u003Cbr\u003E\u003Cp\u003EТеги определяют область действия правил интерпретации текстовых элементов документа.\u003Cbr\u003E","\u003Cp\u003EСинтаксис HTML-дескрипторов\u003Cbr\u003E\u003Cp\u003EHTML-дескриптор состоит из имени, за которым может следовать необязательный список атрибутов дескриптора.\u003Cbr\u003E\u003Cp\u003EТекст HTML-дескриптора заключается в угловые скобки (\u003C и \u003E).\u003Cbr\u003E\u003Cp\u003EАтрибуты дескриптора следуют за именем и отделяются друг от друга одним или несколькими знаками табуляции, пробелами или символами возврата каретки.\u003Cbr\u003E","\u003Cp\u003EПорядок записи атрибутов в дескрипторе, в основном, значения не имеет.\u003Cbr\u003E\u003Cp\u003EЗначение атрибута, если он есть, следует за знаком равенства, стоящим после имени атрибута.\u003Cbr\u003E\u003Cp\u003EЕсли значение атрибута - одно слово или число, то его можно просто указать после знака равенства, не выделяя дополнительно.\u003Cbr\u003E\u003Cp\u003EВсе остальные значения необходимо заключать в одинарные или двойные кавычки.\u003Cbr\u003E\u003Cp\u003EДлина значения атрибута ограничена 1024 символами.\u003Cbr\u003E","\u003Cp\u003EРегистр символов не учитывается в именах дескрипторов и атрибутов и учитывается в значениях атрибутов.\u003Cbr\u003E\u003Cp\u003EБольшинство HTML-дескрипторов состоит из двух идентичных команд:\u003Cbr\u003E\u003Cимя [атрибуты]\u003E – начало форматирования;\u003Cbr\u003E\u003C\u002Fимя\u003E - конец форматирования.\u003Cbr\u003E\u003Cp\u003E\u003Cимя\u003E … \u003C\u002Fимя\u003E - контейнер.\u003Cbr\u003E\u003Cp\u003EКонечные дескрипторы не содержат атрибутов.\u003Cbr\u003E\u003Cp\u003EДескрипторы бывают вложенные, закрываются в обратном порядке.\u003Cbr\u003E","\u003Cp\u003EНекоторые дескрипторы не имеют конечного компонента – это автономные элементы.\u003Cbr\u003E\u003Cp\u003EСтруктура HTML-документов\u003Cbr\u003E\u003Cp\u003EHTML-документ обрамляется командами \u003CHTML\u003E … \u003C\u002FHTML\u003E.\u003Cbr\u003E\u003Cp\u003EКак правило HTML- документ состоит из двух частей:\u003Cbr\u003E- заголовок (Head);\u003Cbr\u003E- собственно документ (Body).\u003Cbr\u003E\u003Cp\u003E\u003CHEAD\u003E заголовок \u003C\u002FHEAD\u003E.\u003Cbr\u003E\u003CBODY\u003E основной текст \u003C\u002FBODY\u003E.\u003Cbr\u003E","\u003Cp\u003EЗаголовок\u003Cbr\u003E\u003Cp\u003E \u003CHEAD\u003E\u003Cbr\u003E …\t\u003Cbr\u003E \u003CTITLE\u003E Название документа \u003C\u002FTITLE\u003E\u003Cbr\u003E …\u003Cbr\u003E \u003C\u002FHEAD\u003E\u003Cbr\u003E\u003Cp\u003EЗаголовок содержит в себе общую информацию о документе, которая не отображается на экране.\u003Cbr\u003E\u003Cp\u003E\u003CTITLE\u003E и \u003C\u002FTITLE\u003E - единственные обязательные элементы заголовка.\u003Cbr\u003E\u003Cp\u003E«Название документа» используется поисковыми серверами, выводится в заголовке браузера.\u003Cbr\u003E","\u003Cp\u003EОсновное назначение элементов заголовка - это описание общих для всего документа параметров отображения. Например, стиль отображения документа, общий базовый адрес гипертекстовых ссылок, общие гипертекстовые ссылки, идентификатор и имя документа и т.п.\u003Cbr\u003E\u003Cp\u003EЭлементы заголовка\u003Cbr\u003E\u003Cp\u003EДескриптор BASE.\u003Cbr\u003E\u003Cp\u003EОбеспечивает возможность неполной адресации при задании URL в HTML-документе.\u003Cbr\u003E\u003Cp\u003EЗадаёт базовый адрес, использующийся для формирования полной формы URL из неполной.\u003Cbr\u003E","\u003Cp\u003EНапример,\u003Cbr\u003E\u003Cp\u003E\u003CBASE HREF=\"http:\u002F\u002Fpolyn.net.kiae.su\u002F\"\u003E\u003Cbr\u003E\u003Cp\u003EСсылка \u003Cbr\u003E\u003CA HREF=\"\u002Faltai\u002Findex.html\"\u003E\u003Cbr\u003Eбудет расширена до \u003Cbr\u003E\u003CBASE HREF=\"http:\u002F\u002Fpolyn.net.kiae.su\u002Faltai\u002Findex.html\"\u003E\u003Cbr\u003E\u003Cp\u003EДескриптор META\u003Cbr\u003E\u003Cp\u003EСодержит служебную информацию для браузеров, поисковых серверов и других служб Интернета.\u003Cbr\u003E\u003Cp\u003EНе имеет закрывающего дескриптора.\u003Cbr\u003E","\u003Cp\u003EИмеет три атрибута: NAME, CONTENT, HTTP-EQUIV.\u003Cbr\u003E\u003Cp\u003EАтрибут NAME чаще всего принимает три значения:\u003Cbr\u003E- author;\u003Cbr\u003E- keywords;\u003Cbr\u003E- description.\u003Cbr\u003E\u003Cp\u003E\u003CMETA NAME=\"Description\" CONTENT = \"Описание вашей страницы.\"\u003E \u003Cbr\u003E\u003Cp\u003E\u003CMETA NAME=\"Keywords\" CONTENT = \"Ключевые слова.\"\u003E \u003Cbr\u003E\u003Cp\u003EЭти теги используются поисковыми серверами.\u003Cbr\u003E","\u003Cp\u003E\u003CMETA NAME=\"author\" content=\"Автор\"\u003E \u003Cbr\u003E\u003Cp\u003EАтрибут HTTP-EQUIV передают браузеру дополнительную информацию о странице.\u003Cbr\u003E\u003Cp\u003E\u003CMETA NAME=\"Document-state\" CONTENT = \"Dynamic\"\u003E \u003Cbr\u003E\u003CMETA NAME=\"Revizit-after\" CONTENT=\"10 days\"\u003E \u003Cbr\u003E\u003Cp\u003E\u003CMETA HTTP-EQUIV=\"Content-Type\" content = \"text\u002Fhtml; charset=windows-1251\"\u003E \u003Cbr\u003E\u003Cp\u003E\u003CMETA HTTP-EQUIV=\"Reply-to\" content = \"mail@pochta.ru\"\u003E\u003Cbr\u003E","\u003Cp\u003EВ каждом дескрипторе META допускается использование только одной мета-записи.\u003Cbr\u003E\u003Cp\u003EПоэтому, когда нужно использовать несколько мета-записей, то создаётся список дескрипторов META.\u003Cbr\u003E\u003Cp\u003EДескриптор STYLE\u003Cbr\u003E\u003Cp\u003EПредназначен для задания стиля отображения документа: назначения фонтов для отображения заголовков, списков и других элементов текста, примеров, ссылок и т.п.\u003Cbr\u003E","\u003Cp\u003EДескрипторы \u003CBODY\u003E и \u003C\u002FBODY\u003E определяют тело HTML- документа, т.е. текст, заключенный между этими командами отображается браузером на экран. \u003Cbr\u003E\u003Cp\u003EКомментарии\u003Cbr\u003E\u003Cp\u003EЗадаются дескриптором:\u003Cbr\u003E\u003C!- ..........-\u003E\u003Cbr\u003E\u003Cp\u003EМогут находиться в любом месте файла, кроме описания дескриптора.\u003Cbr\u003E\u003Cp\u003EНе могут быть вложенными.\u003Cbr\u003E","\u003Cp\u003EАбзацы\u003Cbr\u003E\u003Cp\u003E\u003Cbody\u003E\u003Cbr\u003E \u003Cp\u003EТекст абзаца 1 \u003C\u002Fp\u003E\u003Cbr\u003E \u003Cp\u003EТекст абзаца 2 \u003C\u002Fp\u003E\u003Cbr\u003E\u003C\u002Fbody\u003E\u003Cbr\u003E\u003Cp\u003EИмеет атрибуты: ALIGN и CLEAR.\u003Cbr\u003E\u003Cp\u003EАбзац задаётся тегами \u003Cp\u003E и \u003C\u002Fp\u003E.\u003Cbr\u003E\u003Cp\u003EАтрибут ALIGN производит выравнивание абзаца.\u003Cbr\u003E\u003Cp\u003EПринимает следующие значения: \"center\"; \"left\";\u003Cbr\u003E\"right\", “justify\".\u003Cbr\u003E","\u003Cp\u003E\u003Cp align=\"right\"\u003E Текст абзаца 1 \u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp align=\"center\"\u003E Текст абзаца 2 \u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E Атрибут CLEAR применяется для любого блочного элемента в случае обтекания текстом графики или таблиц. \u003Cbr\u003E\u003Cp\u003EПредписывает браузеру немедленно остановить поток текста и возобновить его от левого края следующей строки (или от правого края выровненного влево рисунка или таблицы). \u003Cbr\u003E","\u003Cp\u003E\u003Cimg src=\"image.jpg\" align=\"right\"\u003E\u003Cbr\u003E\u003Cbr clear=\"right\"\u003E\u003Cbr\u003E\u003Cp align=\"center\"\u003E Текст абзаца 2 \u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003EДиректива \u003CBR\u003E применяется для окончания строки.\u003Cbr\u003E\u003Cp\u003EДля табуляции текста применяется директива \u003CDD\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cp align=\"center\"\u003E Текст абзаца 2 \u003Cbr\u003E \u003Cdd\u003E \u003Cdd\u003E Новая строка\u003C\u002Fp\u003E\u003Cbr\u003E","\u003Cp\u003EЗаголовки разных уровней\u003Cbr\u003E\u003Cp\u003E Заголовки в HTML-документах отображаются директивами \u003CH1\u003E,\u003CH2\u003E,\u003CH3\u003E,\u003CH4\u003E,\u003CH5\u003E,\u003CH6\u003E и \u003C\u002FH1\u003E,\u003C\u002FH2\u003E,\u003C\u002FH3\u003E, \u003C\u002FH4\u003E,\u003C\u002FH5\u003E,\u003C\u002FH6\u003E.\u003Cbr\u003E\u003Cp\u003E\u003Ch1\u003EЗаголовок 1 \u003C\u002Fh1\u003E\u003Cbr\u003E\u003Ch2\u003EЗаголовок 2 \u003C\u002Fh2\u003E\u003Cbr\u003E\u003Cp\u003EФорматирование символов\u003Cbr\u003E\u003Cp\u003EИспользуются два метода:\u003Cbr\u003E- физические шрифты;\u003Cbr\u003E- логические шрифты.\u003Cbr\u003E","\u003Cp\u003EЛогические шрифты задаются с помощью тегов \u003CСТИЛЬ\u003E…\u003C\u002FСТИЛЬ\u003E\u003Cbr\u003E\u003Cp\u003EВозможные стили:\u003Cbr\u003E\u003CDFN\u003E - служит для описания определений (это определение);\u003Cbr\u003E\u003CEM\u003E - служит для выделения текста (это выделенное слово);\u003Cbr\u003E\u003CCITE\u003E - служит для выделения цитат (это цитата);\u003Cbr\u003E\u003CCODE\u003E - служит для выделения программных кодов, текстов программ и т.п. Обычно выделяется шрифтом фиксированной ширины:\u003Cbr\u003E\u003CKBD\u003E - используется для ввода с клавиатуры пользователя;\u003Cbr\u003E","\u003Cp\u003E\u003CSAMP\u003E - используется для вывода машинных сообщений (Segmentation fault: core dumped);\u003Cbr\u003E\u003CSTRONG\u003E - служит для особого выделения текста, обычно выделяется жирным текстом (это очень важный текст);\u003Cbr\u003E\u003CVAR\u003E - используется для символьных переменных (это переменная);\u003Cbr\u003E\u003CABBR\u003E - используется для аббревиатур; \u003Cbr\u003E\u003CACRONYM\u003E - используется для сокращений (стр., англ.).\u003Cbr\u003EЭлементы \u003CABBR\u003E и \u003CACRONYM\u003E могут содержать атрибут \u003CTITLE\u003E, описывающий расшифровку аббревиатуры или сокращения:\r\n\u003CABBR TITLE=\"World Wide Web\"\u003EWWW\u003C\u002FABBR\u003E.\u003Cbr\u003E","\u003Cp\u003EДля физических шрифтов форматирование задаётся следующим образом:\u003Cbr\u003E- жирный(Bold): \u003CB\u003E \u003C\u002FB\u003E;\u003Cbr\u003E- курсив(.Italic): \u003CI\u003E \u003C\u002FI\u003E;\u003Cbr\u003E- с подчеркиванием(Underline): \u003CU\u003E \u003C\u002FU\u003E;\u003Cbr\u003E моноширинный(): \u003CTT\u003E \u003C\u002FTT\u003E;\u003Cbr\u003E шрифт большего размера: \u003CBIG\u003E\u003C\u002FBIG\u003E;\u003Cbr\u003E шрифт меньшего размера: \u003CSMALL\u003E\u003C\u002FSMALL\u003E;\u003Cbr\u003E перечёркнутый шрифт: \u003CS\u003E \u003C\u002FS\u003E; \u003CSTRIKE\u003E \u003C\u002FSTRIKE\u003E.\u003Cbr\u003E\u003Cp\u003E\u003Cp\u003E \u003CCODE\u003E int i=0;\u003C\u002FCODE\u003E \u003C\u002Fp\u003E\u003Cbr\u003E","\u003Cp\u003EДля задания шрифта используется контейнер:\u003Cbr\u003E\u003CFONT SIZE=n FACE=«Имя шрифта»  COLOR=«цвет»\u003E ...... \u003C\u002FFONT\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cp align=\"right\"\u003E \u003CB\u003E \u003CI\u003E \u003CBIG\u003E Текст \u003CBIG\u003E абзаца 1 \u003C\u002FBIG\u003E \u003C\u002FBIG\u003E \u003C\u002FI\u003E \u003C\u002FB\u003E \u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E\u003CFONT SIZE=\"5\" COLOR=\"RED\" FACE=\"SANS-SERIF\"\u003EКрупный шрифт красного цвета без засечек\u003C\u002FFONT\u003E \u003Cbr\u003E\u003Cp\u003EЦветовая палитра документа\u003Cbr\u003E\u003Cp\u003EЗадаётся в теге \u003Cbody\u003E.\u003Cbr\u003E","\u003Cp\u003ETEXT=\"FFFFFF\" - для текста;\u003Cbr\u003EBGCOLOR=\"000000\" - для фона;\u003Cbr\u003ELINK=\"FFFF00\" - для гипертекстовой ссылки;\u003Cbr\u003EALINK=\"00FF00\" - для активизированной гипертекстовой ссылки;\u003Cbr\u003EVLINK=\"FF00FF\" - для просмотренных гипертекстовых ссылок.\u003Cbr\u003E\u003Cp\u003EОтображение специальных символов\u003Cbr\u003E\u003Cp\u003EЕсли нужно использовать символы \u003C, \u003E, &, \" в тексте документа без их специального назначения, то необходимо включить как \"символьные ссылки\" или как \"смысловые ссылки\".\u003Cbr\u003E","\u003Cp\u003E<H1> Это заголовок <\u002FH1>\u003Cbr\u003E\u003Cp\u003EСписки в HTML-документе\u003Cbr\u003E\u003Cp\u003EВ HTML-документе используются несколько видов списков:\u003Cbr\u003E1) неупорядоченные списки;\u003Cbr\u003E","\u003Cp\u003E2) упорядоченные списки;\u003Cbr\u003E3) списки-определения (списки типа глоссария);\u003Cbr\u003E4) список - меню и список без пометок (списки-каталоги).\u003Cbr\u003E\u003Cp\u003EНеупорядоченные списки\u003Cbr\u003E\u003Cp\u003Eотображаются в виде последовательности помеченных элементов.\u003Cbr\u003E\u003Cp\u003EЭлементы неупорядоченного списка могут идти в любом порядке.\u003Cbr\u003E\u003Cp\u003EОтдельные элементы списка могут быть довольно велики и даже включать в себя другие дескрипторы.\u003Cbr\u003E","\u003Cp\u003E Для формирования неупорядоченного списка используются директивы \u003CUL\u003E \u003C\u002FUL\u003E и \u003CLI\u003E.\u003Cbr\u003E\u003Cp\u003EВ директиве \u003CUL\u003E может применяться атрибут TYPE=\"тип\", где тип принимает следующие значения:\u003Cbr\u003E- DISC - элемент списка отмечается темным кругом (по умолчанию);\u003Cbr\u003E- CIRCLE - элемент списка отмечается окружностью;\u003Cbr\u003E- SQUARE - элемент списка отмечается прямоугольником.\u003Cbr\u003E\u003Cp\u003EДескриптор \u003CLI\u003E используется для маркировки элемента списка.\u003Cbr\u003E","\u003Cp\u003E\u003CUL\u003E\u003Cbr\u003E \u003CLI\u003E - Первый список\u003Cbr\u003E \u003CUL type=\"SQUARE\"\u003E\u003Cbr\u003E \u003CLI\u003E - Первый подсписок\u003Cbr\u003E \u003CLI\u003E - Второй подсписок\u003Cbr\u003E \u003C\u002FUL\u003E\u003Cbr\u003E \u003CLI\u003E - Второй список\u003Cbr\u003E \u003CUL\u003E\u003Cbr\u003E \u003CLI\u003E - Первый подсписок\u003Cbr\u003E \u003CLI\u003E - Второй подсписок\u003Cbr\u003E \u003C\u002FUL\u003E\u003Cbr\u003E\u003C\u002FUL\u003E\u003Cbr\u003E","\u003Cp\u003EУпорядоченные списки\u003Cbr\u003E\u003Cp\u003E Это списки, все записи которых при отображении пронумерованы.\u003Cbr\u003E\u003Cp\u003E\u003COL\u003E\u003Cbr\u003E \u003CLI\u003E Первый пункт\u003Cbr\u003E \u003CLI\u003E Второй пункт\u003Cbr\u003E \u003CLI\u003E Третий пункт\u003Cbr\u003E \u003C\u002FOL\u003E\u003Cbr\u003E\u003Cp\u003EЧтобы изменить способ нумерации в этих списках, нужно использовать атрибут type для тега \u003COL\u003E: \u003COL TYPE=\"тип\"\u003E\u003Cbr\u003E\u003Cp\u003EДля формирования упорядоченного списка используются директивы \u003COL\u003E \u003C\u002FOL\u003E и \u003CLI\u003E.\u003Cbr\u003E","\u003Cp\u003EАтрибут START=\"число\" тега \u003COL\u003E задаёт число, с которого начинается нумерация списка.\u003Cbr\u003E\u003Cp\u003EАтрибут VALUE=\"число\" тега \u003CLI\u003E задаёт число, с которого будут нумероваться этот и следующие элементы списка.\u003Cbr\u003E","\u003Cp\u003E\u003COL TYPE=\"I\" START=\"5\"\u003E\u003Cbr\u003E \u003CLI\u003E Первый пункт\u003Cbr\u003E \u003CLI\u003E Второй пункт\u003Cbr\u003E \u003CLI VALUE=\"8\"\u003E Третий пункт\u003Cbr\u003E \u003CLI\u003E Четвертый пункт\u003Cbr\u003E\u003C\u002FOL\u003E\u003Cbr\u003E\u003Cp\u003EСписки-определения (списки типа глоссария)\u003Cbr\u003E\u003Cp\u003EЭто списки, состоящие из определяемой части (термина) и определяющей части (определения).\u003Cbr\u003E","\u003Cp\u003E Данный список задается тегами \u003CDL\u003E и \u003C\u002FDL\u003E.\u003Cbr\u003E\u003Cp\u003E Для задания определяемой части применяются теги \u003CDT\u003E и \u003C\u002FDT\u003E.\u003Cbr\u003E\u003Cp\u003E\u003CDL\u003E\u003Cbr\u003E \u003CDT\u003E HTML \u003C\u002FDT\u003E \u003CDD\u003E - это язык гипертекстовой разметки\u003C\u002FDD\u003E\u003Cbr\u003E \u003CDT\u003E HTML-файл \u003C\u002FDT\u003E \u003CDD\u003E - это текстовый файл, содержащий теги HTML\u003C\u002FDD\u003E\u003Cbr\u003E\u003C\u002FDL\u003E\u003Cbr\u003E\u003Cp\u003EДля задания определяющей части применяются теги \u003CDD\u003E и \u003C\u002FDD\u003E.\u003Cbr\u003E","\u003Cp\u003EСписок-меню и список без пометок (списки-каталоги)\u003Cbr\u003E\u003Cp\u003E Меню и списки без пометок - это варианты неупорядоченного списка.\u003Cbr\u003E\u003Cp\u003EДля вывода списка-меню используются теги \u003CMENU\u003E и \u003C\u002FMENU\u003E.\u003Cbr\u003E\u003Cp\u003EЭлемент списка-меню маркируется тегом \u003CLI\u003E.\u003Cbr\u003E\u003Cp\u003E\u003CMENU\u003E\u003Cbr\u003E\u003CLH\u003E\u003CB\u003EВиды списков в HTML\u003C\u002FB\u003E\u003Cbr\u003E\u003CLI\u003E\u003CA HREF=\"#OL\"\u003EУпорядоченный список\u003C\u002FA\u003E\u003Cbr\u003E","\u003Cp\u003E\u003CLI\u003E\u003CA HREF=\"#UL\"\u003EНеупорядоченный список\u003C\u002FA\u003E\u003Cbr\u003E\u003CLI\u003E\u003CA HREF=\"#DIR\"\u003EСписок каталогов\u003C\u002FA\u003E\u003Cbr\u003E\u003CLI\u003E\u003CA HREF=\"#DL\"\u003EСписок определений\u003C\u002FA\u003E\u003Cbr\u003E\u003C\u002FMENU\u003E\u003Cbr\u003E\u003Cp\u003EДля вывода списка без пометок используются теги \u003CDIR\u003E и \u003C\u002FDIR\u003E.\u003Cbr\u003E\u003Cp\u003E\u003Cdir\u003E\u003Cbr\u003E\u003CLI\u003E 1-й каталог\u003Cbr\u003E\u003CLI\u003E 2-й каталог\u003Cbr\u003E\u003C\u002Fdir\u003E\u003Cbr\u003E","\u003Cp\u003EГоризонтальная линия (разделитель)\u003Cbr\u003E\u003Cp\u003EДля прочерчивания горизонтальной линии используется директива \u003CHR\u003E.\u003Cbr\u003E\u003Cp\u003EОна чертит горизонтальную линию шириной WIDTH и толщиной SIZE в пикселях или в процентах от выводимого экрана.\u003Cbr\u003E\u003Cp\u003EWIDTH= и SIZE= - атрибуты данной директивы.\u003Cbr\u003E\u003Cp\u003EПринятая по умолчанию линия имеет толщину, равную единице.\u003Cbr\u003E\u003Cp\u003E\u003CHR SIZE=2 WEIDTH=300\u003E\u003Cbr\u003E\u003CHR SIZE=2 WEIDTH=10%\u003E\u003Cbr\u003E","\u003Cp\u003EВстраивание предварительно сформатированного текста\u003Cbr\u003E\u003Cp\u003EЧтобы текст отображался шрифтом фиксированной ширины с сохранением всех пробелов, используются теги \u003CPRE\u003E и \u003C\u002FPRE\u003E, между которыми заключается предварительно сформатированный текст.\u003Cbr\u003E\u003Cp\u003EС тегом \u003CPRE\u003E может быть использован атрибут WIGTH=\"число\", который определяет ширину строки в символах. Тогда браузер не будет переносить строки, которые короче указанной длины.\u003Cbr\u003E","\u003Cp\u003E\u003Cpre\u003E\u003Cbr\u003E .-.\u003Cbr\u003E __ \u002F \\ __\u003Cbr\u003E ( `'.\\ \u002F.'` )\u003Cbr\u003E '-._.(;;;)._.-'\u003Cbr\u003E .-' ,`\"`, '-.\u003Cbr\u003E (__.-'\u002F \\'-.__)\u003Cbr\u003E \\ \u002F\\\u003Cbr\u003E '-' \\\u003Cbr\u003E , |\u003Cbr\u003E |\\ |\u003Cbr\u003E \\ | |\u003Cbr\u003E | \\ \u002F\u003Cbr\u003E \\|\u002F _,\u003Cbr\u003E \u002F __\u002F \u002F\u003Cbr\u003E | _\u002F _.'\u003Cbr\u003E |\u002F__\u002F\u003Cbr\u003E \\\u003Cbr\u003E \u003C\u002Fpre\u003E\u003Cbr\u003E","\u003Cp\u003EБез использования тегов \u003CPRE\u003E и \u003C\u002FPRE\u003E:\u003Cbr\u003E\u003Cp\u003EМежду тегами \u003CPRE\u003E и \u003C\u002FPRE\u003E допустимо использование \u003Cp\u003E и \u003Cbr\u003E.\u003Cbr\u003E\u003Cp\u003EВвод гипертекстовых ссылок\u003Cbr\u003E\u003Cp\u003EГипертекстовые ссылки в HTML делятся на два класса:\u003Cbr\u003Eконтекстные гипертекстовые ссылки;\u003Cbr\u003E общие.\u003Cbr\u003E\u003Cp\u003EКонтекстные ссылки вмонтированы в тело документа.\u003Cbr\u003E","\u003Cp\u003EОбщие ссылки связаны со всем документом в целом и могут быть использованы при просмотре любого фрагмента документа.\u003Cbr\u003E\u003Cp\u003EВ любом месте основной части документа можно ввести ссылки на другой документ или файл.\u003Cbr\u003E\u003Cp\u003EСсылки вводятся в HTML-документ с помощью URL.\u003Cbr\u003E\u003Cp\u003EОбщий вид синтаксиса для перекрестных ссылок в WWW имеет вид:\u003Cbr\u003EКАК(Префикс):\u002F\u002F КТО\u002FГДЕ\u002FЧТО (Документ)\u003Cbr\u003E","\u003Cp\u003EПо ПРЕФИКСУ браузер распознает, как будут передаваться данные по коммуникационным линиям Сети.\u003Cbr\u003E\u003Cp\u003EПроцедуру передачи определяет протокол.\u003Cbr\u003E\u003Cp\u003EВажнейшие префиксы для URL:\u003Cbr\u003E- FTP:\u002F\u002F - FTP-сервер;\u003Cbr\u003E- HTTP:\u002F\u002F - WWW-сервер;\u003Cbr\u003E- FILE:\u002F\u002FLOCALHOST – локальный диск.\u003Cbr\u003E\u003Cp\u003E\"КТО\" - имя компьютера (хоста), на котором находится ресурс. Эта часть адреса Internet, которая содержит DSN адреса. Часть \"КТО\" просто присоединяется к части \"КАК\".\u003Cbr\u003E","\u003Cp\u003E\"ГДЕ\" определяет полный путь каталога, где находится ресурс.\u003Cbr\u003E\u003Cp\u003EКаталог нужно вставить в адрес URL и добавить в конце символ наклонной черты \u002F.\u003Cbr\u003E\u003Cp\u003E\"ЧТО\" содержит имя используемого файла.\u003Cbr\u003E\u003Cp\u003Efile:\u002F\u002Flocalhost\u002FC:\u002Fbola\u002FWork\u002FPrograming_Internet\u002F1.html\u003Cbr\u003E\u003Cp\u003EРеализация гиперссылок\u003Cbr\u003E\u003Cp\u003E1. Для ссылки на любую страницу в Интернете используется её абсолютный адрес.\u003Cbr\u003E","\u003Cp\u003E\u003Ca href=\"http:\u002F\u002Fon-line-teaching.com\u002Findex.html\"\u003E Ссылка на главную страницу сайта\u003C\u002Fa\u003E \u003Cbr\u003E\u003Cp\u003E2. Для ссылки на страницу в пределах сайта используется относительный URL (page.html, catalog\u002Fpage.html). \u003Cbr\u003E\u003Cp\u003E\u003Ca href=\"..\u002F2.html\"\u003EДополнительная информация\u003C\u002Fa\u003E \u003Cbr\u003E\u003Cp\u003E3. Гиперссылка в пределах html страницы задаётся с помощью атрибута NAME тэга \u003CA\u003E. \u003Cbr\u003E","\u003Cp\u003E\u003CA NAME=MENU\u003EМеню\u003CA\u002F\u003E\u003Cbr\u003E…\u003Cbr\u003E\u003CA HREF=\"#MENU\"\u003EВернуться к меню\u003C\u002FA\u003E\u003Cbr\u003E\u003Cp\u003E4. При задании почтовой гиперссылки указывается e-mail; можно указать кому адресовано письмо, тема сообщения и дополнительный e-mail\u003Cbr\u003E","\u003Cp\u003E\u003Ca href=\"mailto:bolatiger@gmail.com?subject = Письмо автору\" title=\"Письмо автору\"\u003E bolatiger@gmail.com\u003C\u002Fa\u003E\u003Cbr\u003E\u003Cp\u003EОткрытие html страниц в новом окне\u003Cbr\u003E\u003Cp\u003E\u003Ca href=\"..\u002FProgramming_Internet\u002F2.html\" target=\"_blank\"\u003E Дополнительная информация\u003C\u002Fa\u003E \u003Cbr\u003E","\u003Cp\u003EПорядок перехода по гиперссылкам\u003Cbr\u003E\u003Cp\u003EПри перемещении с помощью клавиши \u003CTab\u003E браузер по умолчанию подсвечивает гиперссылки в порядке их следования в тексте страницы. \u003Cbr\u003E\u003Cp\u003EИзменить порядок перехода можно с помощью атрибута TABINDEX тэга \u003CA\u003E (задаётся числом в диапазоне от 1 до 32767). \u003Cbr\u003E\u003Cp\u003EЧтобы исключить гиперссылку из перечня, надо присвоить атрибуту любое отрицательное число. \u003Cbr\u003E"],href:"\u002Finformatika\u002Fyazyk-gipertekstovoy-razmetki-html-2",href_category:"\u002Finformatika",date:1637069261,related:[{id:88245,name:"ADO.Net Disconnected model For Student",href:"\u002Finformatika\u002Fadonet-disconnected-model-for-student",jpg:"jpg\u002F88245"},{id:336618,name:"Модуль Кадровый резерв. Инструкция для резервистов",href:"\u002Finformatika\u002Fmodul-kadrovyy-rezerv-instruktsiya-dlya-rezervistov",jpg:"jpg\u002F336618"},{id:326311,name:"Виды индексов:",href:"\u002Finformatika\u002Fvidy-indeksov",jpg:"jpg\u002F326311"},{id:264858,name:"Краткие сведения о препроцессоре Си",href:"\u002Finformatika\u002Fkratkie-svedeniya-o-preprotsessore-si",jpg:"jpg\u002F264858"},{id:179091,name:"Теоретические основы информатики",href:"\u002Finformatika\u002Fteoreticheskie-osnovy-informatiki-16",jpg:"jpg\u002F179091"},{id:513118,name:"Поиск информации",href:"\u002Finformatika\u002Fpoisk-informatsii-20",jpg:"jpg\u002F513118"},{id:266133,name:"Справочно-библиографический аппарат библиотеки (СБА)",href:"\u002Finformatika\u002Fspravochno-bibliograficheskiy-apparat-biblioteki-sba",jpg:"jpg\u002F266133"},{id:367906,name:"Проект мобильного комплекса видеоконференцсвязи",href:"\u002Finformatika\u002Fproekt-mobilnogo-kompleksa-videokonferentssvyazi",jpg:"jpg\u002F367906"},{id:413358,name:"Основы программирования. Экранная система координат",href:"\u002Finformatika\u002Fosnovy-programmirovaniya-ekrannaya-sistema-koordinat",jpg:"jpg\u002F413358"},{id:437252,name:"Количество информации",href:"\u002Finformatika\u002Fkolichestvo-informatsii-10",jpg:"jpg\u002F437252"},{id:518168,name:"Занятие по информатике Диск",href:"\u002Finformatika\u002Fzanyatie-po-informatike-disk",jpg:"jpg\u002F518168"},{id:246439,name:"Parallel programming technologies on hybrid architectures",href:"\u002Finformatika\u002Fparallel-programming-technologies-on-hybrid-architectures",jpg:"jpg\u002F246439"},{id:259249,name:"Введение в СИ++",href:"\u002Finformatika\u002Fvvedenie-v-si-1",jpg:"jpg\u002F259249"},{id:180742,name:"3D-моделирование",href:"\u002Finformatika\u002F3d-modelirovanie-6",jpg:"jpg\u002F180742"},{id:147332,name:"Introduction to informational and communication technologies",href:"\u002Finformatika\u002Fintroduction-to-informational-and-communication-technologies-1",jpg:"jpg\u002F147332"},{id:496163,name:"Презентация к уроку Информационная безопасность",href:"\u002Finformatika\u002Fprezentatsiya-k-uroku-informatsionnaya-bezopasnost",jpg:"jpg\u002F496163"},{id:444992,name:"Презентация",href:"\u002Finformatika\u002Fprezentatsiya-26012091",jpg:"jpg\u002F444992"},{id:346067,name:"Оформление начальных и концевых полос",href:"\u002Finformatika\u002Foformlenie-nachalnyh-i-kontsevyh-polos",jpg:"jpg\u002F346067"},{id:331708,name:"Befree. Cons of social networks",href:"\u002Finformatika\u002Fbefree-cons-of-social-networks",jpg:"jpg\u002F331708"},{id:560688,name:"История развития компьютерной техники",href:"\u002Finformatika\u002Fistoriya-razvitiya-kompyuternoy-tehniki-9",jpg:"jpg\u002F560688"},{id:147158,name:"Инновационные технологии в журналистике",href:"\u002Finformatika\u002Finnovatsionnye-tehnologii-v-zhurnalistike",jpg:"jpg\u002F147158"},{id:254582,name:"Принципы автоматизированного управления приточно-вытяжной вентиляцией",href:"\u002Finformatika\u002Fprintsipy-avtomatizirovannogo-upravleniya-pritochno-vytyazhnoy-ventilyatsiey",jpg:"jpg\u002F254582"},{id:296149,name:"Электронды үкімет",href:"\u002Finformatika\u002Felektrondy-kmet-2",jpg:"jpg\u002F296149"},{id:316091,name:"Использование компьютерных технологий на уроках английского языка",href:"\u002Finformatika\u002Fispolzovanie-kompyuternyh-tehnologiy-na-urokah-angliyskogo",jpg:"jpg\u002F316091"},{id:129929,name:"Построение и анализ алгоритмов. Алгоритмы на графах. МОД в задаче коммивояжёра. (Лекция 6.2)",href:"\u002Finformatika\u002Fpostroenie-i-analiz-algoritmov-algoritmy-na",jpg:"jpg\u002F129929"},{id:90461,name:"Преобразование ER- модели в реляционную",href:"\u002Finformatika\u002Fpreobrazovanie-er-modeli-v-relyatsionnuyu",jpg:"jpg\u002F90461"},{id:397247,name:"Форматирование текста в текстовом редакторе MS Word",href:"\u002Finformatika\u002Fformatirovanie-teksta-v-tekstovom-redaktore-ms-3",jpg:"jpg\u002F397247"},{id:502547,name:"Файл и файловая система",href:"\u002Finformatika\u002Ffayl-i-faylovaya-sistema-3",jpg:"jpg\u002F502547"}],navigation:{next:"\u002Finformatika\u002Fsozdanie-bazy-dannyh-pri-pomoshchi-konstruktora",next_name:"Создание базы данных при помощи конструктора и мастера",prev:"\u002Fgosudarstvo\u002Fvnktrennya-politika-serii",prev_name:"Внктрення политика Серии"}}},categories:{result:[{id:H,ordering:b,name:"Без категории",pseudoname:"uncategorized"},{id:144,ordering:b,name:"Бизнес",pseudoname:"biznes"},{id:146,ordering:b,name:"Образование",pseudoname:"obrazovanie"},{id:149,ordering:b,name:"Финансы",pseudoname:"finansy"},{id:150,ordering:b,name:"Государство",pseudoname:"gosudarstvo"},{id:152,ordering:b,name:"Спорт",pseudoname:"sport"},{id:154,ordering:b,name:"Армия",pseudoname:"armiya"},{id:156,ordering:b,name:"Культурология",pseudoname:"kulturologiya"},{id:157,ordering:b,name:"Еда и кулинария",pseudoname:"eda-i-kulinariya"},{id:158,ordering:b,name:"Лингвистика",pseudoname:"lingvistika"},{id:163,ordering:b,name:"Черчение",pseudoname:"cherchenie"},{id:164,ordering:b,name:"Физкультура",pseudoname:"fizkultura"},{id:165,ordering:b,name:"ИЗО",pseudoname:"izo"},{id:166,ordering:b,name:"Психология",pseudoname:"psihologiya"},{id:116,ordering:H,name:"Английский язык",pseudoname:"angliyskiy-yazyk"},{id:108,ordering:2,name:"Астрономия",pseudoname:"astronomiya"},{id:104,ordering:3,name:"Алгебра",pseudoname:"algebra"},{id:106,ordering:4,name:"Биология",pseudoname:"biologiya"},{id:142,ordering:5,name:"География",pseudoname:"geografiya"},{id:141,ordering:6,name:"Геометрия",pseudoname:"geometria"},{id:123,ordering:7,name:"Детские презентации",pseudoname:"detskie-prezentatsii"},{id:107,ordering:8,name:G,pseudoname:"informatika"},{id:109,ordering:9,name:"История",pseudoname:"istoriya"},{id:139,ordering:j,name:"Литература",pseudoname:"literatura"},{id:119,ordering:k,name:"Маркетинг",pseudoname:"marketing"},{id:114,ordering:12,name:"Математика",pseudoname:"matematika"},{id:138,ordering:13,name:"Медицина",pseudoname:"medetsina"},{id:118,ordering:14,name:"Менеджмент",pseudoname:"menedzhment"},{id:137,ordering:15,name:"Музыка",pseudoname:"muzyka"},{id:136,ordering:16,name:"МХК",pseudoname:"mhk"},{id:130,ordering:17,name:"Немецкий язык",pseudoname:"nemetskiy-yazyk"},{id:105,ordering:18,name:"ОБЖ",pseudoname:"obzh"},{id:133,ordering:19,name:"Обществознание ",pseudoname:"obshchestvoznanie"},{id:132,ordering:20,name:"Окружающий мир ",pseudoname:"okruzhayushchiy-mir"},{id:131,ordering:21,name:"Педагогика ",pseudoname:"pedagogika"},{id:129,ordering:22,name:"Русский язык",pseudoname:"russkiy-yazyk"},{id:128,ordering:24,name:"Технология",pseudoname:"tehnologiya"},{id:127,ordering:25,name:"Физика",pseudoname:"fizika"},{id:126,ordering:26,name:"Философия",pseudoname:"filosofiya"},{id:125,ordering:27,name:"Химия",pseudoname:"himiya"},{id:124,ordering:29,name:"Экология",pseudoname:"ekologiya"},{id:121,ordering:30,name:"Экономика",pseudoname:"ekonomika"},{id:120,ordering:31,name:"Юриспруденция",pseudoname:"yurisprudentsiya"}]}},state:{},_errors:{},serverRendered:d,config:{public:{SITE_NAME:I,SITE_HOST:"mypreza.com",SITE_LANG:J,API_BASE_URL:"https:\u002F\u002Fmypreza.com\u002Fapi\u002F",pwaManifest:{name:I,short_name:a,description:a,lang:J,start_url:"\u002F?standalone=true",display:"standalone",background_color:l,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:c,sizes:K,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:c,sizes:K,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:c,sizes:L,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:c,sizes:L,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:c,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:c,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:c,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:c,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:c,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:c,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:c,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:c,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:c,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:c,sizes:Q,purpose:g}]},yandexMetrika:{id:"85004146",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:d,childIframe:e,clickmap:e,defer:e,useRuntimeConfig:d,trackHash:e,trackLinks:d,type:b,webvisor:e,triggerEvent:e,consoleLog:d,partytown:e,isDev:e}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:a}},pinia:{app:{meta:{h1:n,main_text:a,main_title:o,main_description:p,main_keywords:q,main_image:a},app:{logo_image:r,logo_image_width:s,logo_image_height:t,logo_text:a,image_width_full:u,image_width_min:v,recaptcha_key:w,yandex_search:x,ya_context:e,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:y,footer_before:a,footer:a,dark_theme:e,strategy:{image_alt_words:j,item_slide_header:z,item_images:A,item_images_tag:h,item_words_h3:d,item_words_tag:h,item_words_1:k,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:d,item_show_contents:d,item_show_filename:d},colors:{header_text:l,header_bg:i,accent:i}},social:F,token:a}}}}("",0,"image\u002Fpng",true,false,"any","maskable","h2","#d53032",10,11,"#ffffff","Язык гипертекстовой разметки HTML","Учебные презентации","Презентации в PowerPoint на разные темы","Презентации, проекты, доклады в PowerPoint на разные темы для учебы","Презентация, на тему, урок, класс, PowerPoint, скачати презентацію, фон, шаблон, доклад, проект.","images\u002Fdata\u002Flogo.png",185,40,720,480,"6LeioWIpAAAAAGqMN4KqMVIkekcMW7fBKHjXCd-a","2503267","mypreza@ya.ru","div","images_before","category","both",88,800,"\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fes5-shims\u002F0.0.2\u002Fes5-shims.min.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fshare2\u002Fshare.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cdiv class=\"ya-share2\" data-services=\"collections,gplus,vkontakte,facebook,odnoklassniki,gplus,twitter,moimir\" data-counter=\"\"\u003E\u003C\u002Fdiv\u003E","Информатика",1,"Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))</script><script type="module" src="/_nuxt/entry.0d6add34.js" crossorigin></script></body> </html>