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

Содержание

Слайд 2

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

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

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

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

Слайд 3

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

пользователя.

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

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

Слайд 4

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

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

Дескрипторная (теговая)

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

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

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

Слайд 5

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

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

Текст

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

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

Слайд 6

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

Значение атрибута, если он

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

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

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

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

Слайд 7

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

атрибутов.

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

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

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

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

Слайд 8

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

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

HTML-документ обрамляется командами

… .

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

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

Слайд 9

Заголовок


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

Заголовок содержит в себе общую

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

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

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

Слайд 10

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

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

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

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

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

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

Слайд 12

Имеет три атрибута: NAME, CONTENT, HTTP-EQUIV.

Атрибут NAME чаще всего принимает три значения:
- author;
-

keywords;
- description.



Эти теги используются поисковыми серверами.

Слайд 13


Атрибут HTTP-EQUIV передают браузеру дополнительную информацию о странице.

= "Dynamic">



Слайд 14

В каждом дескрипторе META допускается использование только одной мета-записи.

Поэтому, когда нужно использовать несколько

мета-записей, то создаётся список дескрипторов META.

Дескриптор STYLE

Предназначен для задания стиля отображения документа: назначения фонтов для отображения заголовков, списков и других элементов текста, примеров, ссылок и т.п.

Слайд 15

Дескрипторы и определяют тело HTML- документа, т.е. текст, заключенный между этими

командами отображается браузером на экран.

Комментарии

Задаются дескриптором:

Могут находиться в любом месте файла, кроме описания дескриптора.

Не могут быть вложенными.

Слайд 16

Абзацы


Текст абзаца 1


Текст абзаца 2



Имеет атрибуты: ALIGN и CLEAR.

Абзац

задаётся тегами

и

.

Атрибут ALIGN производит выравнивание абзаца.

Принимает следующие значения: "center"; "left";
"right", “justify".

Слайд 17

Текст абзаца 1


Текст абзаца 2


Атрибут CLEAR

применяется для любого блочного элемента в случае обтекания текстом графики или таблиц.

Предписывает браузеру немедленно остановить поток текста и возобновить его от левого края следующей строки (или от правого края выровненного влево рисунка или таблицы).

Слайд 18




Текст абзаца 2


Директива
применяется для окончания

строки.

Для табуляции текста применяется директива


Текст абзаца 2

Новая строка


Слайд 19

Заголовки разных уровней

Заголовки в HTML-документах отображаются директивами

,

,

,

,

,
и
,

,, ,,.

Заголовок 1


Заголовок 2


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

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

Слайд 20

Логические шрифты задаются с помощью тегов <СТИЛЬ>…

Возможные стили:
 - служит для описания определений (это определение);
 -

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

Слайд 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"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/258747/slide-21.jpg" target="_blank" rel="noopener">Слайд 22</a><h3 class="slides-content text-center font-bold"><div><p>Для физических шрифтов форматирование задаётся следующим образом:<br>- жирный(Bold): <B> </B>;<br>- курсив(.Italic): <I> </I>;<br>-</div></h3></h3><!----><!----><div class="slides-content">с подчеркиванием(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"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/258747/slide-22.jpg" target="_blank" rel="noopener">Слайд 23</a><h3 class="slides-content text-center font-bold"><div><p>Для задания шрифта используется контейнер:<br><FONT SIZE=n FACE=«Имя шрифта»  COLOR=«цвет»> ...... </FONT><br><p><p align="right"> <B></div></h3></h3><!----><!----><div class="slides-content"><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"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/258747/slide-23.jpg" target="_blank" rel="noopener">Слайд 24</a><h3 class="slides-content text-center font-bold"><div><p>TEXT="FFFFFF" - для текста;<br>BGCOLOR="000000" - для фона;<br>LINK="FFFF00" - для гипертекстовой ссылки;<br>ALINK="00FF00" - для</div></h3></h3><!----><!----><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"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/258747/slide-24.jpg" target="_blank" rel="noopener">Слайд 25</a><h3 class="slides-content text-center font-bold"><div><p><H1> Это заголовок </H1><br><p>Списки в HTML-документе<br><p>В HTML-документе используются несколько видов списков:<br>1) неупорядоченные списки;<br></div></h3></h3><!----><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide26" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/258747/slide-25.jpg" target="_blank" rel="noopener">Слайд 26</a><h3 class="slides-content text-center font-bold"><div><p>2) упорядоченные списки;<br>3) списки-определения (списки типа глоссария);<br>4) список - меню и список без</div></h3></h3><!----><!----><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"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/258747/slide-26.jpg" target="_blank" rel="noopener">Слайд 27</a><h3 class="slides-content text-center font-bold"><div><p> Для формирования неупорядоченного списка используются директивы <UL> </UL> и <LI>.<br><p>В директиве <UL></div></h3></h3><!----><!----><div class="slides-content">может применяться атрибут TYPE="тип", где тип принимает следующие значения:<br>- DISC - элемент списка отмечается темным кругом (по умолчанию);<br>- CIRCLE - элемент списка отмечается окружностью;<br>- SQUARE - элемент списка отмечается прямоугольником.<br><p>Дескриптор <LI> используется для маркировки элемента списка.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide28" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/258747/slide-27.jpg" target="_blank" rel="noopener">Слайд 28</a><h3 class="slides-content text-center font-bold"><div><p><UL><br> <LI> - Первый список<br> <UL type="SQUARE"><br> <LI> - Первый подсписок<br> <LI> -</div></h3></h3><!----><!----><div class="slides-content">Второй подсписок<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"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/258747/slide-28.jpg" target="_blank" rel="noopener">Слайд 29</a><h3 class="slides-content text-center font-bold"><div><p>Упорядоченные списки<br><p> Это списки, все записи которых при отображении пронумерованы.<br><p><OL><br> <LI> Первый пункт<br></div></h3></h3><!----><!----><div class="slides-content"><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"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/258747/slide-29.jpg" target="_blank" rel="noopener">Слайд 30</a><h3 class="slides-content text-center font-bold"><div><p>Атрибут START="число" тега <OL> задаёт число, с которого начинается нумерация списка.<br><p>Атрибут VALUE="число" тега</div></h3></h3><!----><!----><div class="slides-content"><LI> задаёт число, с которого будут нумероваться этот и следующие элементы списка.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide31" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/258747/slide-30.jpg" target="_blank" rel="noopener">Слайд 31</a><h3 class="slides-content text-center font-bold"><div><p><OL TYPE="I" START="5"><br> <LI> Первый пункт<br> <LI> Второй пункт<br> <LI VALUE="8"> Третий пункт<br></div></h3></h3><!----><!----><div class="slides-content"><LI> Четвертый пункт<br></OL><br><p>Списки-определения (списки типа глоссария)<br><p>Это списки, состоящие из определяемой части (термина) и определяющей части (определения).<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide32" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/258747/slide-31.jpg" target="_blank" rel="noopener">Слайд 32</a><h3 class="slides-content text-center font-bold"><div><p> Данный список задается тегами <DL> и </DL>.<br><p> Для задания определяемой части применяются</div></h3></h3><!----><!----><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"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/258747/slide-32.jpg" target="_blank" rel="noopener">Слайд 33</a><h3 class="slides-content text-center font-bold"><div><p>Список-меню и список без пометок (списки-каталоги)<br><p> Меню и списки без пометок - это</div></h3></h3><!----><!----><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"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/258747/slide-33.jpg" target="_blank" rel="noopener">Слайд 34</a><h3 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></h3></h3><!----><!----><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"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/258747/slide-34.jpg" target="_blank" rel="noopener">Слайд 35</a><h3 class="slides-content text-center font-bold"><div><p>Горизонтальная линия (разделитель)<br><p>Для прочерчивания горизонтальной линии используется директива <HR>.<br><p>Она чертит горизонтальную линию шириной</div></h3></h3><!----><!----><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"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/258747/slide-35.jpg" target="_blank" rel="noopener">Слайд 36</a><h3 class="slides-content text-center font-bold"><div><p>Встраивание предварительно сформатированного текста<br><p>Чтобы текст отображался шрифтом фиксированной ширины с сохранением всех пробелов,</div></h3></h3><!----><!----><div class="slides-content">используются теги <PRE> и </PRE>, между которыми заключается предварительно сформатированный текст.<br><p>С тегом <PRE> может быть использован атрибут WIGTH="число", который определяет ширину строки в символах. Тогда браузер не будет переносить строки, которые короче указанной длины.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide37" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/258747/slide-36.jpg" target="_blank" rel="noopener">Слайд 37</a><h3 class="slides-content text-center font-bold"><div><p><pre><br> .-.<br> __ / \ __<br> ( `'.\ /.'` )<br> '-._.(;;;)._.-'<br> .-' ,`"`,</div></h3></h3><!----><!----><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"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/258747/slide-37.jpg" target="_blank" rel="noopener">Слайд 38</a><h3 class="slides-content text-center font-bold"><div><p>Без использования тегов <PRE> и </PRE>:<br><p>Между тегами <PRE> и </PRE> допустимо использование <p></div></h3></h3><!----><!----><div class="slides-content">и <br>.<br><p>Ввод гипертекстовых ссылок<br><p>Гипертекстовые ссылки в HTML делятся на два класса:<br>контекстные гипертекстовые ссылки;<br> общие.<br><p>Контекстные ссылки вмонтированы в тело документа.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide39" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/258747/slide-38.jpg" target="_blank" rel="noopener">Слайд 39</a><h3 class="slides-content text-center font-bold"><div><p>Общие ссылки связаны со всем документом в целом и могут быть использованы при</div></h3></h3><!----><!----><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"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/258747/slide-39.jpg" target="_blank" rel="noopener">Слайд 40</a><h3 class="slides-content text-center font-bold"><div><p>По ПРЕФИКСУ браузер распознает, как будут передаваться данные по коммуникационным линиям Сети.<br><p>Процедуру передачи</div></h3></h3><!----><!----><div class="slides-content">определяет протокол.<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"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/258747/slide-40.jpg" target="_blank" rel="noopener">Слайд 41</a><h3 class="slides-content text-center font-bold"><div><p>"ГДЕ" определяет полный путь каталога, где находится ресурс.<br><p>Каталог нужно вставить в адрес URL</div></h3></h3><!----><!----><div class="slides-content">и добавить в конце символ наклонной черты /.<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"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/258747/slide-41.jpg" target="_blank" rel="noopener">Слайд 42</a><h3 class="slides-content text-center font-bold"><div><p><a href="http://on-line-teaching.com/index.html"> Ссылка на главную страницу сайта</a> <br><p>2. Для ссылки на страницу в</div></h3></h3><!----><!----><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"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/258747/slide-42.jpg" target="_blank" rel="noopener">Слайд 43</a><h3 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></h3></h3><!----><!----><div class="slides-content">кому адресовано письмо, тема сообщения и дополнительный e-mail<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide44" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/258747/slide-43.jpg" target="_blank" rel="noopener">Слайд 44</a><h3 class="slides-content text-center font-bold"><div><p><a href="mailto:bolatiger@gmail.com?subject = Письмо автору" title="Письмо автору"> bolatiger@gmail.com</a><br><p>Открытие html страниц в новом окне<br><p><a</div></h3></h3><!----><!----><div class="slides-content">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> Количество просмотров: 51 <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/kompyuternye-seti-101" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/590623/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/590623/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/590623/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/590623/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/590623/slide-0.jpg 1440w" class="slides-image related-itemImage"> Компьютерные сети</a></div><div class="related-item"><a href="/informatika/respublikanskaya-olimpiada-po-informatike-2010-goda" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/212087/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/212087/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/212087/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/212087/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/212087/slide-0.jpg 1440w" class="slides-image related-itemImage"> Республиканская олимпиада по информатике 2010 года. Заключительный этап. Разбор задач</a></div><div class="related-item"><a href="/informatika/programmirovanie-na-yazyke-python-54-vvedenie" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/576662/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/576662/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/576662/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/576662/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/576662/slide-0.jpg 1440w" class="slides-image related-itemImage"> Программирование на языке Python. §54. Введение в язык Python</a></div><div class="related-item"><a href="/informatika/vsemirnaya-kompyuternaya-set-internet-kommunikatsionnye-tehnologii" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/123329/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/123329/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/123329/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/123329/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/123329/slide-0.jpg 1440w" class="slides-image related-itemImage"> Всемирная компьютерная сеть интернет. Коммуникационные технологии</a></div><div class="related-item"><a href="/informatika/arhitektura-evm-operatsionnye-sistemy-potoki-ispolneniya" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/268461/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/268461/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/268461/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/268461/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/268461/slide-0.jpg 1440w" class="slides-image related-itemImage"> Архитектура ЭВМ. Операционные системы. Потоки исполнения - Thread</a></div><div class="related-item"><a href="/informatika/metodologiya-mrp" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/103632/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/103632/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/103632/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/103632/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/103632/slide-0.jpg 1440w" class="slides-image related-itemImage"> Методология MRP</a></div><div class="related-item"><a href="/informatika/dvoichnye-b-derevya-dbd-m1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/588330/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/588330/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/588330/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/588330/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/588330/slide-0.jpg 1440w" class="slides-image related-itemImage"> Двоичные Б-деревья (ДБД) m=1</a></div><div class="related-item"><a href="/informatika/programmnoe-obespechenie-pk-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/100942/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/100942/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/100942/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/100942/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/100942/slide-0.jpg 1440w" class="slides-image related-itemImage"> Программное обеспечение ПК</a></div><div class="related-item"><a href="/informatika/osnovy-imitatsionnogo-modelirovaniya" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/147874/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/147874/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/147874/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/147874/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/147874/slide-0.jpg 1440w" class="slides-image related-itemImage"> Основы имитационного моделирования</a></div><div class="related-item"><a href="/informatika/osnovy-razrabotki-veb-sayta-kak-zarabatyvat" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/307016/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/307016/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/307016/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/307016/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/307016/slide-0.jpg 1440w" class="slides-image related-itemImage"> Основы разработки веб-сайта. Как зарабатывать деньги в интернете</a></div><div class="related-item"><a href="/informatika/tema-kodirovanie-graficheskoy-informatsii" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/491950/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/491950/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/491950/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/491950/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/491950/slide-0.jpg 1440w" class="slides-image related-itemImage"> Тема Кодирование графической информации</a></div><div class="related-item"><a href="/informatika/mir-korma-plan-rabot" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/316605/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/316605/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/316605/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/316605/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/316605/slide-0.jpg 1440w" class="slides-image related-itemImage"> Мир корма. План работ</a></div><div class="related-item"><a href="/informatika/otkrytyy-urok-10-klassa-tema-obshchenie" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/502929/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/502929/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/502929/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/502929/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/502929/slide-0.jpg 1440w" class="slides-image related-itemImage"> Открытый урок 10 класса, тема: Общение и обучение через Интернет.</a></div><div class="related-item"><a href="/informatika/dopolnitelnye-vozmozhnosti-tekstovogo-protsessora-8-klass" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/358267/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/358267/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/358267/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/358267/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/358267/slide-0.jpg 1440w" class="slides-image related-itemImage"> Дополнительные возможности текстового процессора. 8 класс</a></div><div class="related-item"><a href="/informatika/vvedennya-v-teoryu-baz-danih" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/16345/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/16345/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/16345/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/16345/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/16345/slide-0.jpg 1440w" class="slides-image related-itemImage"> Введення в теорію баз даних</a></div><div class="related-item"><a href="/informatika/bezopasnost-v-internete-13" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/313254/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/313254/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/313254/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/313254/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/313254/slide-0.jpg 1440w" class="slides-image related-itemImage"> Безопасность в Интернете</a></div><div class="related-item"><a href="/informatika/951" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/576048/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/576048/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/576048/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/576048/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/576048/slide-0.jpg 1440w" class="slides-image related-itemImage"> 9_5.1</a></div><div class="related-item"><a href="/informatika/formirovanie-izobrazheniya-na-ekrane-monitora" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/237467/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/237467/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/237467/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/237467/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/237467/slide-0.jpg 1440w" class="slides-image related-itemImage"> Формирование изображения на экране монитора</a></div><div class="related-item"><a href="/informatika/software-characteristics" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/17325/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/17325/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/17325/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/17325/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/17325/slide-0.jpg 1440w" class="slides-image related-itemImage"> Software Characteristics</a></div><div class="related-item"><a href="/informatika/proektirovanie-relyatsionnoy-bazy-dannyh-lektsiya-n6" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/120408/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/120408/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/120408/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/120408/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/120408/slide-0.jpg 1440w" class="slides-image related-itemImage"> Проектирование реляционной базы данных. Лекция №6</a></div><div class="related-item"><a href="/informatika/neupravlyaemoe-dvizhenie-obektov" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/413543/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/413543/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/413543/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/413543/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/413543/slide-0.jpg 1440w" class="slides-image related-itemImage"> Неуправляемое движение объектов</a></div><div class="related-item"><a href="/informatika/psihologiya-lichnosti-v-sporte" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/362844/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/362844/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/362844/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/362844/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/362844/slide-0.jpg 1440w" class="slides-image related-itemImage"> Психология личности в спорте</a></div><div class="related-item"><a href="/informatika/arrays-1d-amp-2d-week-4" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/598721/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/598721/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/598721/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/598721/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/598721/slide-0.jpg 1440w" class="slides-image related-itemImage"> Arrays (1D &amp; 2D) (week 4)</a></div><div class="related-item"><a href="/informatika/programma-studencheskih-meropriyatiy-20172018-uchebnyy-god" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/335891/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/335891/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/335891/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/335891/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/335891/slide-0.jpg 1440w" class="slides-image related-itemImage"> Программа студенческих мероприятий. 2017/2018 учебный год</a></div><div class="related-item"><a href="/informatika/mnogopotochnoe-programmirovanie-lektsiya-4-sozdanie-protsessov" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/100054/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/100054/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/100054/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/100054/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/100054/slide-0.jpg 1440w" class="slides-image related-itemImage"> Многопоточное программирование (лекция 4). Создание процессов, copy-on-write, атрибуты процесса, ожидание потомка</a></div><div class="related-item"><a href="/informatika/sozdanie-elektronnogo-portfolio-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/333009/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/333009/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/333009/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/333009/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/333009/slide-0.jpg 1440w" class="slides-image related-itemImage"> Создание электронного портфолио</a></div><div class="related-item"><a href="/informatika/raschetnye-metodiki-pp-ekosfera-predpriyatie-raschet-2" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/585751/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/585751/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/585751/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/585751/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/585751/slide-0.jpg 1440w" class="slides-image related-itemImage"> Расчетные методики ПП ЭкоСфера-предприятие. Расчет выбросов от автотранспорта (внутренний проезд)</a></div><div class="related-item"><a href="/informatika/ycie-w-sieci-spoecznoci-internetowe" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/192692/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/192692/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/192692/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/192692/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/192692/slide-0.jpg 1440w" class="slides-image related-itemImage"> Życie w sieci - SpołecznoścI internetowe</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:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:q,logo_image_height:r,logo_text:a,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:c,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:w,footer_before:a,footer:a,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:x,item_images:y,item_images_tag:z,item_words_h3:c,item_words_tag:A,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:j,header_bg:i,accent:i}},social:F}},item:{result:{id:258747,name:k,category:G,count:45,jpg:"jpg\u002F258747",hits:51,download:b,h1:"Язык гипертекстовой разметки HTML презентация",meta:{h1:k,title:k,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:590623,name:"Компьютерные сети",href:"\u002Finformatika\u002Fkompyuternye-seti-101",jpg:"jpg\u002F590623"},{id:212087,name:"Республиканская олимпиада по информатике 2010 года. Заключительный этап. Разбор задач",href:"\u002Finformatika\u002Frespublikanskaya-olimpiada-po-informatike-2010-goda",jpg:"jpg\u002F212087"},{id:576662,name:"Программирование на языке Python. §54. Введение в язык Python",href:"\u002Finformatika\u002Fprogrammirovanie-na-yazyke-python-54-vvedenie",jpg:"jpg\u002F576662"},{id:123329,name:"Всемирная компьютерная сеть интернет. Коммуникационные технологии",href:"\u002Finformatika\u002Fvsemirnaya-kompyuternaya-set-internet-kommunikatsionnye-tehnologii",jpg:"jpg\u002F123329"},{id:268461,name:"Архитектура ЭВМ. Операционные системы. Потоки исполнения - Thread",href:"\u002Finformatika\u002Farhitektura-evm-operatsionnye-sistemy-potoki-ispolneniya",jpg:"jpg\u002F268461"},{id:103632,name:"Методология MRP",href:"\u002Finformatika\u002Fmetodologiya-mrp",jpg:"jpg\u002F103632"},{id:588330,name:"Двоичные Б-деревья (ДБД) m=1",href:"\u002Finformatika\u002Fdvoichnye-b-derevya-dbd-m1",jpg:"jpg\u002F588330"},{id:100942,name:"Программное обеспечение ПК",href:"\u002Finformatika\u002Fprogrammnoe-obespechenie-pk-1",jpg:"jpg\u002F100942"},{id:147874,name:"Основы имитационного моделирования",href:"\u002Finformatika\u002Fosnovy-imitatsionnogo-modelirovaniya",jpg:"jpg\u002F147874"},{id:307016,name:"Основы разработки веб-сайта. Как зарабатывать деньги в интернете",href:"\u002Finformatika\u002Fosnovy-razrabotki-veb-sayta-kak-zarabatyvat",jpg:"jpg\u002F307016"},{id:491950,name:"Тема Кодирование графической информации",href:"\u002Finformatika\u002Ftema-kodirovanie-graficheskoy-informatsii",jpg:"jpg\u002F491950"},{id:316605,name:"Мир корма. План работ",href:"\u002Finformatika\u002Fmir-korma-plan-rabot",jpg:"jpg\u002F316605"},{id:502929,name:"Открытый урок 10 класса, тема: Общение и обучение через Интернет.",href:"\u002Finformatika\u002Fotkrytyy-urok-10-klassa-tema-obshchenie",jpg:"jpg\u002F502929"},{id:358267,name:"Дополнительные возможности текстового процессора. 8 класс",href:"\u002Finformatika\u002Fdopolnitelnye-vozmozhnosti-tekstovogo-protsessora-8-klass",jpg:"jpg\u002F358267"},{id:16345,name:"Введення в теорію баз даних",href:"\u002Finformatika\u002Fvvedennya-v-teoryu-baz-danih",jpg:"jpg\u002F16345"},{id:313254,name:"Безопасность в Интернете",href:"\u002Finformatika\u002Fbezopasnost-v-internete-13",jpg:"jpg\u002F313254"},{id:576048,name:"9_5.1",href:"\u002Finformatika\u002F951",jpg:"jpg\u002F576048"},{id:237467,name:"Формирование изображения на экране монитора",href:"\u002Finformatika\u002Fformirovanie-izobrazheniya-na-ekrane-monitora",jpg:"jpg\u002F237467"},{id:17325,name:"Software Characteristics",href:"\u002Finformatika\u002Fsoftware-characteristics",jpg:"jpg\u002F17325"},{id:120408,name:"Проектирование реляционной базы данных. Лекция №6",href:"\u002Finformatika\u002Fproektirovanie-relyatsionnoy-bazy-dannyh-lektsiya-n6",jpg:"jpg\u002F120408"},{id:413543,name:"Неуправляемое движение объектов",href:"\u002Finformatika\u002Fneupravlyaemoe-dvizhenie-obektov",jpg:"jpg\u002F413543"},{id:362844,name:"Психология личности в спорте",href:"\u002Finformatika\u002Fpsihologiya-lichnosti-v-sporte",jpg:"jpg\u002F362844"},{id:598721,name:"Arrays (1D & 2D) (week 4)",href:"\u002Finformatika\u002Farrays-1d-amp-2d-week-4",jpg:"jpg\u002F598721"},{id:335891,name:"Программа студенческих мероприятий. 2017\u002F2018 учебный год",href:"\u002Finformatika\u002Fprogramma-studencheskih-meropriyatiy-20172018-uchebnyy-god",jpg:"jpg\u002F335891"},{id:100054,name:"Многопоточное программирование (лекция 4). Создание процессов, copy-on-write, атрибуты процесса, ожидание потомка",href:"\u002Finformatika\u002Fmnogopotochnoe-programmirovanie-lektsiya-4-sozdanie-protsessov",jpg:"jpg\u002F100054"},{id:333009,name:"Создание электронного портфолио",href:"\u002Finformatika\u002Fsozdanie-elektronnogo-portfolio-1",jpg:"jpg\u002F333009"},{id:585751,name:"Расчетные методики ПП ЭкоСфера-предприятие. Расчет выбросов от автотранспорта (внутренний проезд)",href:"\u002Finformatika\u002Fraschetnye-metodiki-pp-ekosfera-predpriyatie-raschet-2",jpg:"jpg\u002F585751"},{id:192692,name:"Życie w sieci - SpołecznoścI internetowe",href:"\u002Finformatika\u002Fycie-w-sieci-spoecznoci-internetowe",jpg:"jpg\u002F192692"}],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:10,name:"Литература",pseudoname:"literatura"},{id:119,ordering:11,name:"Маркетинг",pseudoname:"marketing"},{id:114,ordering:12,name:"Математика",pseudoname:"matematika"},{id:138,ordering:h,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:e,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:j,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:d,sizes:K,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:d,sizes:K,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:d,sizes:L,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:d,sizes:L,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:d,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:d,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:d,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:d,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:d,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:d,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:d,sizes:Q,purpose:g}]},yandexMetrika:{id:"85004146",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:e,childIframe:c,clickmap:c,defer:c,useRuntimeConfig:e,trackHash:c,trackLinks:e,type:b,webvisor:c,triggerEvent:c,consoleLog:e,partytown:c,isDev:c}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:a}},pinia:{app:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:q,logo_image_height:r,logo_text:a,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:c,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:w,footer_before:a,footer:a,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:x,item_images:y,item_images_tag:z,item_words_h3:c,item_words_tag:A,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:j,header_bg:i,accent:i}},social:F,token:a}}}}("",0,false,"image\u002Fpng",true,"any","maskable",13,"#d53032","#ffffff","Язык гипертекстовой разметки HTML","Учебные презентации","Презентации в PowerPoint на разные темы","Презентации, проекты, доклады в PowerPoint на разные темы для учебы","Презентация, на тему, урок, класс, PowerPoint, скачати презентацію, фон, шаблон, доклад, проект.","images\u002Fdata\u002Flogo.png",185,40,720,480,"6LeioWIpAAAAAGqMN4KqMVIkekcMW7fBKHjXCd-a","2503267","mypreza@ya.ru","h3a","text","none","h3","category","both",80,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>