Редакторы (HTML Wirtel, HTML Assistant, WebEdit, HomeSite, Блокнот и т.д.)
Шаблоны
Программы-преобразователи
Теги (tag – ярлык, признак) – инструкции браузера, указывающие способ отображения текста.
Типы тегов
Парные (влияет на текст с того места, где употреблён тег, до того места, где указан признак окончания его действия)
Непарные
Структурные теги
Теги символов
Теги форматирования абзацев
Теги оформления списков данных
Теги логического форматирования текста
Теги физического форматирования текста
HTML
HTML
(Hyper Text Markup Language)
(Hyper Text Markup Language)
язык разметки гипертекста WebWebстраницы
страницы
язык разметки гипертекста
Программы для
Программы для
HTML – –
создания HTML
создания
файлов:
файлов:
Редакторы (
Редакторы (HTML Wirtel, HTML Assistant,
HTML Wirtel, HTML Assistant,
WebEdit, HomeSite, Блокнот и т.д.)
Блокнот и т.д.)
WebEdit, HomeSite,
Шаблоны
Шаблоны
Программыпреобразователи
Программыпреобразователи
Программы для
Программы для
просмотра WebWeb - страниц
- страниц
просмотра
Microsoft Internet Explorer
Microsoft Internet Explorer
Netscape Communicator
Netscape Communicator
The Bat!
The Bat!
Opera
Opera и т.д.
и т.д.
Программы для
Программы для
HTML – –
создания HTML
создания
файлов:
файлов:
Блокнот
Блокнот
((для создания страницы
для создания страницы))
Internet Explorer
Internet Explorer
(для интерпретации файлов)
(для интерпретации файлов)
Гипертекст
Гипертекст – это текст, содержащий
– это текст, содержащий
специальные разметочные теги.
специальные разметочные теги.
((tag –
tag – ярлык, признак)
Теги
Теги
ярлык, признак) ––
инструкции браузера, указывающие
инструкции браузера, указывающие
способ отображения текста.
текста.
способ отображения
Пример тега
Пример тега
Типы тегов
Типы тегов
Парные (влияет на текст с того места,
Парные (влияет на текст с того места,
где употреблён тег, до того места, где
где употреблён тег, до того места, где
указан признак окончания его
указан признак окончания его
действия)
действия)
Непарные
Непарные
Категории тегов
Категории тегов
Структурные теги
Структурные теги
Теги символов
Теги символов
Теги форматирования абзацев
Теги форматирования абзацев
Теги оформления списков данных
Теги оформления списков данных
Теги логического форматирования
Теги логического форматирования
текста
текста
Теги физического форматирования
Теги физического форматирования
текста
текста
Структура
Структура
HTML - документа
- документа
HTML
HTML файла
начинает описание HTML
файла
начинает описание
HTML - документ состоит
- документ состоит
HTML
из двух частей:
из двух частей:
1.1. Раздел заголовка
Раздел заголовка
2.2. Содержательная часть
Содержательная часть
Раздел заголовка
Раздел заголовка
Начинается тегом
Заканчивается тегом
Начинается тегом
Заканчивается тегом
MMежду данными тегами располагается
ежду данными тегами располагается
(этот тег
этот тег
тег (
тег
используется для задания названия
используется для задания названия
документа) )
документа
Раздел содержательной
Раздел содержательной
части
части
Начинается тегом
Заканчивается тегом
Начинается тегом
Заканчивается тегом
(между которыми располагается содержимое
(между которыми располагается содержимое
HTML документа)
документа)
HTML
Создать файл в Блокноте ( (сохраните в файле
сохраните в файле
Создать файл в Блокноте
Пример, указав расширение *. html
html) )
Пример, указав расширение *.
Заголовок
<TITLE>
</HEAD>
</HEAD>
<BODY>
<BODY>
Это тело
</BODY>
</BODY>
</HTML>
</HTML>
Заголовок HTML
HTML – документа
– документа
Это тело HTML
разместить всё, что угодно.
разместить всё, что угодно.
HTML – документа. Здесь можно
– документа. Здесь можно
Создать файл в Блокноте ( (сохраните в файле
сохраните в файле
Создать файл в Блокноте
Пример, указав расширение *. html
html) )
Пример, указав расширение *.
Теги символов
Теги символов
Теги логического форматирования
Теги логического форматирования
текста
текста
Теги физического форматирования
Теги физического форматирования
текста
текста
Теги логического
Теги логического
форматирования текста
форматирования текста
Теги физического
Теги физического
форматирования текста
форматирования текста
<>
>
используется для отметки аббревиатур,
используется для отметки аббревиатур,
акронимов (акроним – произносимое
акронимов (акроним – произносимое
слово, состоящее из начальных букв
слово, состоящее из начальных букв
словосочетания); используя тег
<TITLE>
словосочетания); используя тег
можно указать «расшифровку»
можно указать «расшифровку»
акронима, которая появляется на
акронима, которая появляется на
экране, когда курсор располагается на
экране, когда курсор располагается на
акрониме.
акрониме.
</div>
</div>
<div class="media-material-detail-body-presentation__container">
<div class="media-material-detail-body-presentation-image__container">
<a href="https://fs.znanio.ru/methodology/images/99/43/9943b10b714738006395fda5cdf94097b25b28b8.jpg"
title="Ссылка на снимок материала: "
target="_blank">
<img class="media-material-detail-body-presentation-image__snapshot"
src="https://fs.znanio.ru/methodology/images/99/43/9943b10b714738006395fda5cdf94097b25b28b8.jpg"
alt=""
loading="lazy" />
</a>
</div>
<div class="media-material-detail-body-presentation-text__container">
Пример использования тега
Пример использования тега
<ACRONYM>::
<ACRONYM>
<ACRONYM
МКОУ </ACRONYM>
</ACRONYM>
TITLE=«Муниципальное
«Муниципальное
<ACRONYM TITLE=
казённое общеобразовательное
казённое общеобразовательное
учреждение»>> МКОУ
учреждение»
«Глядянская средняя
«Глядянская средняя
общеобразовательная школа»
общеобразовательная школа»
</div>
</div>
<div class="media-material-detail-body-presentation__container">
<div class="media-material-detail-body-presentation-image__container">
<a href="https://fs.znanio.ru/methodology/images/c1/98/c19859878927ae33325b0ba10d8f44a842acb53b.jpg"
title="Ссылка на снимок материала: "
target="_blank">
<img class="media-material-detail-body-presentation-image__snapshot"
src="https://fs.znanio.ru/methodology/images/c1/98/c19859878927ae33325b0ba10d8f44a842acb53b.jpg"
alt=""
loading="lazy" />
</a>
</div>
<div class="media-material-detail-body-presentation-text__container">
Пример использования тега
Пример использования тега
<ACRONYM>::
<ACRONYM>
</div>
</div>
<div class="media-material-detail-body-presentation__container">
<div class="media-material-detail-body-presentation-image__container">
<a href="https://fs.znanio.ru/methodology/images/96/46/96462a689d2771f59139c75f4bb4e7a070621be2.jpg"
title="Ссылка на снимок материала: "
target="_blank">
<img class="media-material-detail-body-presentation-image__snapshot"
src="https://fs.znanio.ru/methodology/images/96/46/96462a689d2771f59139c75f4bb4e7a070621be2.jpg"
alt=""
loading="lazy" />
</a>
</div>
<div class="media-material-detail-body-presentation-text__container">
Тег Тег <FONT>
<FONT>
позволяет изменить шрифт
позволяет изменить шрифт
</div>
</div>
<div class="media-material-detail-body-presentation__container">
<div class="media-material-detail-body-presentation-image__container">
<a href="https://fs.znanio.ru/methodology/images/0d/1d/0d1d8a41e5b66213202bef9b0ce300b1a907f74e.jpg"
title="Ссылка на снимок материала: "
target="_blank">
<img class="media-material-detail-body-presentation-image__snapshot"
src="https://fs.znanio.ru/methodology/images/0d/1d/0d1d8a41e5b66213202bef9b0ce300b1a907f74e.jpg"
alt=""
loading="lazy" />
</a>
</div>
<div class="media-material-detail-body-presentation-text__container">
Параметры тега
Параметры тега
<FONT>
<FONT>
FACE
FACE (задаёт название шрифта, которым
(задаёт название шрифта, которым
будет выводится текст)
будет выводится текст)
SIZESIZE (задаёт размеры шрифта в условных
(задаёт размеры шрифта в условных
единицах от 1 до 7)
единицах от 1 до 7)
COLOR
COLOR (устанавливает цвет шрифта,
(устанавливает цвет шрифта,
который может задаваться с
который может задаваться с
помощью стандартных имён или
помощью стандартных имён или
набором шестнадцатеричных цифр)
набором шестнадцатеричных цифр)
</div>
</div>
<div class="media-material-detail-body-presentation__container">
<div class="media-material-detail-body-presentation-image__container">
<a href="https://fs.znanio.ru/methodology/images/f1/23/f12341cc4e903b66ea11276668d6119866fa7fb0.jpg"
title="Ссылка на снимок материала: "
target="_blank">
<img class="media-material-detail-body-presentation-image__snapshot"
src="https://fs.znanio.ru/methodology/images/f1/23/f12341cc4e903b66ea11276668d6119866fa7fb0.jpg"
alt=""
loading="lazy" />
</a>
</div>
<div class="media-material-detail-body-presentation-text__container">
Задание цвета
Задание цвета
на языке HTML
HTML
на языке
Шестнадцатеричные значения
Шестнадцатеричные значения
(цветовая система базируется на трёх
(цветовая система базируется на трёх
основных цветах – красном, зеленом и
основных цветах – красном, зеленом и
синем – обозначается RGBRGB))
синем – обозначается
Например: #000000, #0000FF, #FF0000,
Например:
#000000, #0000FF, #FF0000,
#FFFFFF
#FFFFFF
Мнемонические обозначения
Мнемонические обозначения
((название цвета
название цвета))
Например: Red, White, Blue, Green
Red, White, Blue, Green
Например:
</div>
</div>
<div class="media-material-detail-body-presentation__container">
<div class="media-material-detail-body-presentation-image__container">
<a href="https://fs.znanio.ru/methodology/images/a4/52/a4523a0ba398e753c4221c484a0e73710cabaa3d.jpg"
title="Ссылка на снимок материала: "
target="_blank">
<img class="media-material-detail-body-presentation-image__snapshot"
src="https://fs.znanio.ru/methodology/images/a4/52/a4523a0ba398e753c4221c484a0e73710cabaa3d.jpg"
alt=""
loading="lazy" />
</a>
</div>
<div class="media-material-detail-body-presentation-text__container">
Пример использования
Пример использования
параметра Color
Color::
параметра
Шрифт размера
COLOR=Green> Шрифт
<FONT COLOR=Green>
размера
<FONT
, цвет зелёный </FONT> <BR>
66, цвет зелёный
</FONT> <BR>
илиили
<FONT
<FONT
COLOR=#008000> Шрифт
Шрифт
COLOR=#008000>
, цвет зелёный </FONT>
</FONT>
размера 6 6, цвет зелёный
размера
<BR>
<BR>
</div>
</div>
<div class="media-material-detail-body-presentation__container">
<div class="media-material-detail-body-presentation-image__container">
<a href="https://fs.znanio.ru/methodology/images/7f/68/7f6800ec47a8fa166d91177f9b35b9ae25e338da.jpg"
title="Ссылка на снимок материала: "
target="_blank">
<img class="media-material-detail-body-presentation-image__snapshot"
src="https://fs.znanio.ru/methodology/images/7f/68/7f6800ec47a8fa166d91177f9b35b9ae25e338da.jpg"
alt=""
loading="lazy" />
</a>
</div>
<div class="media-material-detail-body-presentation-text__container">
Примеры использования
Примеры использования
параметров тега <FONT>
<FONT> : :
параметров тега
<FONT
Название шрифта
<FONT FACE=“ARIAL”>
FACE=“ARIAL”>
Название шрифта </FONT> <BR>
</FONT> <BR>
<FONT
<FONT SIZE=5>
<BR>
<BR>
SIZE=5> Шрифт размера
Шрифт размера 5 </FONT>
5 </FONT>
<FONT FACE=“ARIAL” SIZE=+3
FACE=“ARIAL” SIZE=+3
COLOR=Green> Шрифт размера
COLOR=Green>
зелёный </FONT> <BR>
</FONT> <BR>
зелёный
Шрифт размера 6 6, цвет
, цвет
<FONT
</div>
</div>
<div class="media-material-detail-body-presentation__container">
<div class="media-material-detail-body-presentation-image__container">
<a href="https://fs.znanio.ru/methodology/images/ed/63/ed63cab372bc842d84471b8895a5d13f8046197c.jpg"
title="Ссылка на снимок материала: "
target="_blank">
<img class="media-material-detail-body-presentation-image__snapshot"
src="https://fs.znanio.ru/methodology/images/ed/63/ed63cab372bc842d84471b8895a5d13f8046197c.jpg"
alt=""
loading="lazy" />
</a>
</div>
<div class="media-material-detail-body-presentation-text__container">
Тег Тег <BASEFONT>
<BASEFONT>
используется для указания размера,
типа и цвета шрифта по умолчанию
</div>
</div>
<div class="media-material-detail-body-presentation__container">
<div class="media-material-detail-body-presentation-image__container">
<a href="https://fs.znanio.ru/methodology/images/77/3a/773a93dce9de29578f636f620e6992b857ff1ec1.jpg"
title="Ссылка на снимок материала: "
target="_blank">
<img class="media-material-detail-body-presentation-image__snapshot"
src="https://fs.znanio.ru/methodology/images/77/3a/773a93dce9de29578f636f620e6992b857ff1ec1.jpg"
alt=""
loading="lazy" />
</a>
</div>
<div class="media-material-detail-body-presentation-text__container">
Примеры использования
Примеры использования
тега <BASEFONT>
<BASEFONT> : :
тега
<BASEFONT
Шрифт по умолчанию размера 3
<BASEFONT FACE=“Courier” COLOR=#008080>
FACE=“Courier” COLOR=#008080>
Шрифт по умолчанию размера 3<BR>
<BR>
<BASEFONT
<BASEFONT SIZE=2>
SIZE=2>Шрифт размера
Шрифт размера 2<BR>
2<BR>
<BASEFONT
<BASEFONT SIZE=4 COLOR=Olive>
размера 4 4, цвет оливковый
размера
, цвет оливковый <BR>
<BR>
SIZE=4 COLOR=Olive> Шрифт
Шрифт
</div>
</div>
<div class="media-material-detail-body-presentation__container">
<div class="media-material-detail-body-presentation-image__container">
<a href="https://fs.znanio.ru/methodology/images/55/83/55832cca7d8fea099fe913f3b38b0b29e0407ad2.jpg"
title="Ссылка на снимок материала: "
target="_blank">
<img class="media-material-detail-body-presentation-image__snapshot"
src="https://fs.znanio.ru/methodology/images/55/83/55832cca7d8fea099fe913f3b38b0b29e0407ad2.jpg"
alt=""
loading="lazy" />
</a>
</div>
<div class="media-material-detail-body-presentation-text__container">
Пример использования параметра
Пример использования параметра
тегом <BODY>
<BODY>::
Color c c тегом
Color
BGCOLOR=#008080> Задание
Задание
цвета фона <BR>
<BR>
<BODY BGCOLOR=#008080>
<BODY
цвета фона
</div>
</div>
<div class="media-material-detail-body-presentation__container">
<div class="media-material-detail-body-presentation-image__container">
<a href="https://fs.znanio.ru/methodology/images/09/87/0987e203ba1107706e985339bfc6459ed7fcc3a1.jpg"
title="Ссылка на снимок материала: "
target="_blank">
<img class="media-material-detail-body-presentation-image__snapshot"
src="https://fs.znanio.ru/methodology/images/09/87/0987e203ba1107706e985339bfc6459ed7fcc3a1.jpg"
alt=""
loading="lazy" />
</a>
</div>
<div class="media-material-detail-body-presentation-text__container">
Тег Тег <<РР>>
тег «параграф», отделяет абзац
друг от друга
</div>
</div>
<div class="media-material-detail-body-presentation__container">
<div class="media-material-detail-body-presentation-image__container">
<a href="https://fs.znanio.ru/methodology/images/a1/53/a1536899d1e1360f62e726b1f35d4a98da7cf1d2.jpg"
title="Ссылка на снимок материала: "
target="_blank">
<img class="media-material-detail-body-presentation-image__snapshot"
src="https://fs.znanio.ru/methodology/images/a1/53/a1536899d1e1360f62e726b1f35d4a98da7cf1d2.jpg"
alt=""
loading="lazy" />
</a>
</div>
<div class="media-material-detail-body-presentation-text__container">
Примеры использования
Примеры использования
тега <P><P> : :
тега
<P ALIGN=LEFT>
<P ALIGN=LEFT>
Выравнивание по левой границе окна<BR>
Выравнивание по левой границе окна
<BR>
<P ALIGN=CENTER>
<P ALIGN=CENTER>
Выравнивание по центру окна<BR>
Выравнивание по центру окна
<BR>
<P ALIGN=RIGHT>
<P ALIGN=RIGHT>
Выравнивание по правой границе окна<BR>
Выравнивание по правой границе окна
<BR>
<P ALIGN=JUSTIFY>
<P ALIGN=JUSTIFY>
Выравнивание по ширине окна<BR>
Выравнивание по ширине окна
<BR>
</div>
</div>
<div class="media-material-detail-body-presentation__container">
<div class="media-material-detail-body-presentation-image__container">
<a href="https://fs.znanio.ru/methodology/images/49/f0/49f0d5ece0ab442439bbf53dbedcba07566ca63d.jpg"
title="Ссылка на снимок материала: "
target="_blank">
<img class="media-material-detail-body-presentation-image__snapshot"
src="https://fs.znanio.ru/methodology/images/49/f0/49f0d5ece0ab442439bbf53dbedcba07566ca63d.jpg"
alt=""
loading="lazy" />
</a>
</div>
<div class="media-material-detail-body-presentation-text__container">
Тег Тег <HR><HR>
отображение горизонтальной линии
</div>
</div>
<div class="media-material-detail-body-presentation__container">
<div class="media-material-detail-body-presentation-image__container">
<a href="https://fs.znanio.ru/methodology/images/a9/ec/a9ecc95b8c062498601c66b5e5fedd7cd6a02a38.jpg"
title="Ссылка на снимок материала: "
target="_blank">
<img class="media-material-detail-body-presentation-image__snapshot"
src="https://fs.znanio.ru/methodology/images/a9/ec/a9ecc95b8c062498601c66b5e5fedd7cd6a02a38.jpg"
alt=""
loading="lazy" />
</a>
</div>
<div class="media-material-detail-body-presentation-text__container">
Пример использования
Пример использования
тега <HR><HR> : :
тега
<HR ALIGN=LEFT
<HR ALIGN=LEFT WIDHT=20 SIZE=30
WIDHT=20 SIZE=30
COLOR=#00FF00>
COLOR=#00FF00>
</div>
</div>
<div class="media-material-detail-body-presentation__container">
<div class="media-material-detail-body-presentation-image__container">
<a href="https://fs.znanio.ru/methodology/images/fe/cc/feccd8cc585db502676da0975e3f8a81c691e846.jpg"
title="Ссылка на снимок материала: "
target="_blank">
<img class="media-material-detail-body-presentation-image__snapshot"
src="https://fs.znanio.ru/methodology/images/fe/cc/feccd8cc585db502676da0975e3f8a81c691e846.jpg"
alt=""
loading="lazy" />
</a>
</div>
<div class="media-material-detail-body-presentation-text__container">
Тег Тег <H1><H1>
для разметки заголовков (<H1>,<H2>,
<H3>, <H4>, <H5>, <H6>)
</div>
</div>
<div class="media-material-detail-body-presentation__container">
<div class="media-material-detail-body-presentation-image__container">
<a href="https://fs.znanio.ru/methodology/images/c2/d6/c2d6b94f77d45036c63a276a488969a504eddc08.jpg"
title="Ссылка на снимок материала: "
target="_blank">
<img class="media-material-detail-body-presentation-image__snapshot"
src="https://fs.znanio.ru/methodology/images/c2/d6/c2d6b94f77d45036c63a276a488969a504eddc08.jpg"
alt=""
loading="lazy" />
</a>
</div>
<div class="media-material-detail-body-presentation-text__container">
Вставка пробелов и
Вставка пробелов и
специальных символов
специальных символов
""
䕱
ۼ
</div>
</div>
</div>
<div class="material-detail-after-content-ads__container">
<div id="yandex_rtb_R-A-1580174-12"></div>
</div>
<div class="media-material-detail__copyright">
<p>
Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с
договором-офертой сайта. Вы можете
<a href="https://znanio.ru/docs/tmp/report_violation.html"
title="Сообщить о нарушении"
target="_blank">сообщить о нарушении</a>.
</p>
</div>
</div>
<div class="media-material-detail-download__container">
<form class="media-material-detail-download__form"
action="https://znanio.ru/media/prezentatsiya_osnovy_html-26082/download"
method="post"
target="_blank">
<div class="media-material-detail-download__operation">
<input name="email" type="text" placeholder="Введите ваш E-mail"/>
<div class="media-material-detail-download-button__container">
<button class="button button--primary media-material-download__js" type="submit">Скачать</button>
</div>
</div>
<label class="media-material-detail-download__label">
<input type="checkbox" name="agree" checked="checked" disabled="disabled" /> Нажимая кнопку «Скачать», вы принимаете условия <a href="https://znanio.ru/docs/o.pdf" title="Пользовательское соглашение" target="_blank">оферты</a>, <a href="https://znanio.ru/docs/pk.pdf" title="Политика персональных данных" target="_blank">обработки и защиты личных данных</a> и подключаете бесплатные почтовые уведомления с возможностью отписки.
</label>
</form>
<button class="button button--default media-material-detail-download__button move-up__js">
<img src="https://znanio.ru/build/assets/img/icon/arrow-up.svg" alt="Иконка стрелки вверх">
</button>
</div>
<footer class="copyright__container">
<div class="copyright-base__container">
© ООО «Знанио»<br><br>С вами с 2009 года.
<img class="copyright-restriction__image" src="https://znanio.ru/build/assets/img/footer/restriction.png" alt="Изображение возрастные ограничения 12+"/>
</div>
<div class="copyright-about__container">
<p><strong>О портале</strong></p>
<ul class="copyright-about__list">
<li class="copyright-about__item">
<a class="copyright-about__link" href="https://znanio.ru/about" rel="nofollow" title="Сведения об организации" target="_blank">Сведения об организации</a>
</li>
<li class="copyright-about__item">
<a class="copyright-about__link" href="https://znanio.ru/docs/o.pdf" rel="nofollow" title="Пользовательское соглашение" target="_blank">Пользовательское<br>соглашение</a>
</li>
<li class="copyright-about__item">
<a class="copyright-about__link" href="https://znanio.ru/docs/pk.pdf" rel="nofollow" title="Политика конфиденциальности" target="_blank">Политика конфиденциальности</a>
</li>
<li class="copyright-about__item">
<a class="copyright-about__link" href="https://znanio.ru/docs/pk.pdf" rel="nofollow" title="Политика персональных данных" target="_blank">Политика персональных данных</a>
</li>
<li class="copyright-about__item">
<a class="copyright-about__link" href="https://znanio.ru/p" title="Проверка документов" target="_blank">Проверка документов</a>
</li>
<li class="copyright-about__item">
<a class="copyright-about__link" href="https://znanio.ru/about" title="Обратная связь" target="_blank">Обратная связь</a>
</li>
<li class="copyright-about__item">
<a class="copyright-about__link" href="https://znanio.ru/about" title="Рекламодателям" target="_blank">Рекламодателям</a>
</li>
<li class="copyright-about__item">
<a class="copyright-about__link" href="https://znanio.ru/docs/tmp/report_violation.html" title="Сообщить о нарушении" target="_blank">Сообщить о нарушении</a>
</li>
<li class="copyright-about__item">
<a class="copyright-about__link" href="https://znanio.ru/about" title="Центр поддержки" target="_blank">Центр поддержки</a>
</li>
</ul>
</div>
<div class="copyright-social__container">
<p><strong>Мы в соцсетях</strong></p>
<ul class="copyright-social__list">
<li class="copyright-social__item">
<a class="copyright-social__link" href="https://vk.ru/znanioru" title="Вконтакте" target="_blank">Вконтакте</a>
</li>
<li class="copyright-social__item">
<a class="copyright-social__link" href="https://ok.ru/znanioru" title="Одноклассники" target="_blank">Одноклассники</a>
</li>
<li class="copyright-social__item">
<a class="copyright-social__link"
href="https://www.youtube.com/channel/UCcKrjMPh-3ZwjCi_UQTNHXg" title="Youtube" target="_blank">Youtube</a>
</li>
</ul>
</div>
<div class="copyright-license__container">
<ul class="copyright-license__list">
<li class="copyright-license__item">
<img class="copyright-license__image" src="https://znanio.ru/build/assets/img/footer/gerb-license.png" alt="Изображение образовательная лицензия"/>
<a class="copyright-license__link" href="https://znanio.ru/docs/li.pdf" title="Образовательная лицензия" target="_blank">Образовательная лицензия №5257 от 09.09.2020 (Л035-01253-67/00192487)</a>
</li>
<li class="copyright-license__item">
<img class="copyright-license__image" src="https://znanio.ru/build/assets/img/footer/gerb-trademark.png" alt="Изображение свидетельство правообладателя товарного знака"/>
<a class="copyright-license__link" href="https://znanio.ru/docs/tm.jpg" title="Свидетельство правообладателя товарного знака" target="_blank">Свидетельство правообладателя товарного знака 11.01.2017</a>
</li>
</ul>
</div>
</footer>
</div>
<div class="right-bar__container">
<div class="media-material-recommendation__container">
<p class="media-material-recommendation__title">Посмотрите также</p>
<ul class="media-material-recommendation__list">
<li class="media-material-recommendation__item">
<a class="media-material-recommendation__link"
href="https://znanio.ru/media/svojstva-algoritmovsposoby-zapisi-algoritmov-2972709"
title="Свойства алгоритмов.Способы записи алгоритмов">
Свойства алгоритмов.Способы записи алгоритмов
</a>
</li>
<li class="media-material-recommendation__item">
<a class="media-material-recommendation__link"
href="https://znanio.ru/media/edinitsy-izmereniya-informatsii-2972707"
title="Единицы измерения информации">
Единицы измерения информации
</a>
</li>
<li class="media-material-recommendation__item">
<a class="media-material-recommendation__link"
href="https://znanio.ru/media/prezentatsiya-k-uroku-fragment-teksta-6-klass-2972227"
title="Презентация к уроку "Фрагмент текста" 6 класс">
Презентация к уроку "Фрагмент текста" 6 класс
</a>
</li>
<li class="media-material-recommendation__item">
<a class="media-material-recommendation__link"
href="https://znanio.ru/media/algoritmy-i-ispolniteli-2972117"
title="Алгоритмы и исполнители">
Алгоритмы и исполнители
</a>
</li>
<li class="media-material-recommendation__item">
<a class="media-material-recommendation__link"
href="https://znanio.ru/media/algoritmy-i-ispolniteli-2971620"
title="АЛГОРИТМЫ И ИСПОЛНИТЕЛИ">
АЛГОРИТМЫ И ИСПОЛНИТЕЛИ
</a>
</li>
<li class="media-material-recommendation__item">
<a class="media-material-recommendation__link"
href="https://znanio.ru/media/funktsii-esli-ili-i-ne-v-tablichnom-protsessore-ms-excel-2971279"
title="Функции "ЕСЛИ", "ИЛИ", "И", "НЕ" в табличном процессоре MS Excel">
Функции "ЕСЛИ", "ИЛИ", "И", "НЕ" в табличном процессоре MS Excel
</a>
</li>
<li class="media-material-recommendation__item">
<a class="media-material-recommendation__link"
href="https://znanio.ru/media/konsolidatsiya-dannyh-vneshnie-ssylki-v-excel-2971269"
title="Консолидация данных, внешние ссылки в Excel">
Консолидация данных, внешние ссылки в Excel
</a>
</li>
<li class="media-material-recommendation__item">
<a class="media-material-recommendation__link"
href="https://znanio.ru/media/obrabotka-informatsii-2971102"
title="Обработка информации">
Обработка информации
</a>
</li>
<li class="media-material-recommendation__item">
<a class="media-material-recommendation__link"
href="https://znanio.ru/media/derevoperebor-variantov-s-pomoschyu-dereva-2970995"
title="Дерево.Перебор вариантов с помощью дерева">
Дерево.Перебор вариантов с помощью дерева
</a>
</li>
<li class="media-material-recommendation__item">
<a class="media-material-recommendation__link"
href="https://znanio.ru/media/modeli-i-modelirovaniya-2970546"
title="МОДЕЛИ И МОДЕЛИРОВАНИЯ">
МОДЕЛИ И МОДЕЛИРОВАНИЯ
</a>
</li>
</ul>
</div>
<div class="right-bar-ads__container">
<div id="yandex_rtb_R-A-1580174-3"></div>
</div>
</div>
</div>
<div id="cookie-policy-notification" class="cookie-policy-notification__container">
<button class="cookie-policy-notification__close" onclick="closeCookiePolicyNotification()">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.854 12.725L0 22.58 1.42 24l9.855-9.854a1.003 1.003 0 011.42 0L22.58 24 24 22.58l-9.884-9.855a1.003 1.003 0 010-1.42L24 1.42 22.58 0l-9.885 9.884a1.003 1.003 0 01-1.42 0L1.42 0 0 1.42l9.854 9.885a1.003 1.003 0 010 1.42z" fill="currentColor"></path>
</svg>
</button>
<div class="cookie-policy-notification__title">Мы используем Cookies</div>
<div class="cookie-policy-notification__description">
<p>Продолжая использовать наш сайт, вы соглашаетесь с <a class="cookie-policy-notification__link" href="https://znanio.ru/docs/cookie-policy.pdf" title="Политика использования Cookies" target="_blank">политикой использования Cookies</a>. Это файлы в браузере, которые помогают нам сделать ваш опыт взаимодействия с сайтом удобнее.</p>
<div class="cookie-policy-notification-option__list">
<span class="cookie-policy-notification-option__item">
<input id="cookie-required-option" type="checkbox" name="required_cookie" disabled="disabled" checked="checked">
<label class="cookie-policy-notification-option__label" for="cookie-required-option"> <b>Функциональные</b></label>
</span>
<span class="cookie-policy-notification-option__item">
<input id="cookie-analytics-option" type="checkbox" name="analytics_cookie" checked="checked" onclick="cookiePolicySet(COOKIE_POLICY_ANALYTICS, this)">
<label class="cookie-policy-notification-option__label" for="cookie-analytics-option"> Аналитические</label>
</span>
<span class="cookie-policy-notification-option__item">
<input id="cookie-marketing-option" type="checkbox" name="marketing_cookie" checked="checked" onclick="cookiePolicySet(COOKIE_POLICY_MARKETING, this)">
<label class="cookie-policy-notification-option__label" for="cookie-marketing-option"> Маркетинговые</label>
</span>
</div>
</div>
<div class="cookie-policy-notification__action">
<button class="button button--primary" onclick="applyCookiePolicy()">Принять настройки</button>
</div>
</div>
<script type="text/javascript" src="https://znanio.ru/build/assets/js/app.min.js?v=0.6.1" async></script>
<script type="text/javascript" src="https://znanio.ru/build/assets/js/external-package.min.js?v=0.6.1" async></script>
<!-- Varioqub -->
<script type="text/javascript">
(function(e, x, pe, r, i, me, nt){
e[i]=e[i]||function(){(e[i].a=e[i].a||[]).push(arguments)},
me=x.createElement(pe),me.async=1,me.src=r,nt=x.getElementsByTagName(pe)[0],me.addEventListener('error',function(){function cb(t){t=t[t.length-1],'function'==typeof t&&t({flags:{}})};Array.isArray(e[i].a)&&e[i].a.forEach(cb);e[i]=function(){cb(arguments)}}),nt.parentNode.insertBefore(me,nt)})
(window, document, 'script', 'https://abt.s3.yandex.net/expjs/latest/exp.js', 'ymab');
</script>
<!-- Yandex.Metrika -->
<script type="text/javascript">(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(39196045, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true });</script>
<noscript><div><img src="https://mc.yandex.ru/watch/39196045" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<script type="text/javascript" src="https://yandex.ru/ads/system/context.js" async></script>
</body>
</html>
начало html.ppt
