Набор текстовых файлов презентация

Сайт – набор текстовых файлов
(каждый из которых соответствует странице сайта)
Набор текстовых файлов в формате HTML

Зачем нужен
HTML?

Зачем нужен HTML?
HTML задумывался как средство переноса научной документации в электронный вид

Зачем нужен HTML?
Никакой структуры, сложно разобраться, что к чему.
Удобная для человека структура документа.

Зачем нужен HTML?
Структура появилась, но всё равно воспринимать текс сложно…

Это заголовок (название)
Это аннотация
А это пошли параграфы
Зачем нужен HTML?
Чтобы браузер мог отобразить текст «по человечески» ему нужны подсказки

Зачем нужен HTML?
Но подсказки должны сами быть частью текстового файлов.
Подсказками для браузера выступают теги.

HTML (HyperText Markup Language) – язык разметки текста, по сути структурирует (определяет структуру текста) и выполняет роль контейнера для текста (данных, информации).
Данные + Метаданные
Page title
Текст + Как текст отобразить
Язык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме.

HTML-документ
уточняют задачи тега, теги могут быть без атрибутов);
Текстовые данные (содержимое, контент).
состоит из:
Теги могут быть парными и одиночными;

Блокнот
Текстовый редактор

Notepad++
Текстовый редактор

Первый HTML-документ
Сохраните как *.html,
и нажмите Ctrl+Shift+Alt+R

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

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

Древовидная структура HTML-документа
Структура HTML документа

Древовидная структура HTML-документа
Структура HTML документа

Объявление типа документа

Служебная / «невидимая» часть документа

Содержимое / контент документа

Строчные и блочные теги
(Inline & Block)
Все теги в относятся к одной из двух категорий

Строчные и Блочные теги

Блочные (Block)
,
…
,
…
Строчные (Inline)
,
,
,
,
,
…

Строчные и блочные теги
Блочным называется элемент, который отображается на веб-странице в
виде прямоугольника. Такой элемент занимает всю доступную ширину, высота элемента определяется его содержимым, и он всегда начинается с новой строки.
Строчные элементы можно вставлять в блочные.
Строчными называются такие элементы документа, которые являются непосредственной частью строки.

Строчные и блочные теги
Блочные теги применяют когда необходимо сделать абцаз (или
занять прямоугольную область).
Строчные элементы можно вставлять в блочные.
Строчными теги применяют когда в абзаце часть строк необходимо выделить особым образом.

Строчные и блочные теги
Подготовьте такой документ, чтобы не набирать текс воспользуйтесь
текстом-«рыбой» для заполнения тегов.
Для этого нам пригодиться сайт-генератор Loren Ipsum текста: http://uk.lipsum.com/

Строчные и блочные теги
Добавляем тегов и смотрим, что происходит

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

Строчные и блочные теги
«Подкрасим» элементы для наглядности

Строчные и блочные теги
«Подкрасим» элементы для наглядности

Тег для изображений
src=""
width=""
height=""
alt=""

Тег для ссылки
href=""
target=""
rel=""

Изображения & ссылки
Сохраните как *.html,
и нажмите Ctrl+Shift+Alt+R
Случайное изображение:
https://source.unsplash.com/random/800x600

Изображения & ссылки

Размещение элементов на странице
?!?
Что даст такая разметка?

Размещение элементов на странице
Вывод: независимо от того сколько у вас пробелов
(или табуляций) в тексте документа и переносов строк, браузер отобразит их как один пробел. И некоторые теги создают перенос строки….

О кодировке

HTML документ и кодировка
Проблемы с кодировкой…

https://ru.wikipedia.org/wiki/Шестнадцатеричная_система_счисления
Кодировка

Кодировка

KOI-8r
cp1251
В разных таблицах расширяющих ASCII кирилическими символами, эти самые кирилические символы
стоят на различных позициях.
Суть проблемы

KOI-8-r, cp1251,… => 1 байт = 256 различных символов. Даже 2
языковых набора влезают с трудом.
Unicode (UTF-8, UTF-16….)=> От 1 до 6 байт – триллионы символов. Все языковые наборы.
ASCII
UTF-8
Unicode как решение проблемы…

…и сохранять файлы в кодировке UTF-8.
Чтобы
не было проблем с кодировкой,
то используйте тег

Будет полезным

www.w3.org
World Wide Web Consortium (W3C)

https://webref.ru/html
Если уровень английского языка не позволяет…

«Изучаем HTML и CSS». Эрик Фримен, Элизабет Фримен.

http://www.w3schools.com/html/
Тренажер по HTML

Домашнее задание

Узнать, что такое спецсимволы HTML зачем нужны, как правильно использовать:
http://www.google.com
Узнать, что
делают следующие теги: ,
,
,
,
,
,
,
-
,
,
,
,
, <meta>, <ul>, <ol>, <li>, <strong>, <span>, <script>, <style>, <table>, <tr>, <td>, <th>, <font>. <br>http://www.google.com<br><p>Найти информацию об атрибутах ID, NAME, CLASS<br>http://www.google.com<br><p>Познакомиться с lipsum.com, placehold.it<br><p>Домашнее задания<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide52" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 52</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/174111/slide-51.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt="Домашнее задания Сверстать HTML страницу максимально соответствующую шаблону http://files.courses.dp.ua/web/02/homework.pdf" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/174111/slide-51.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/174111/slide-51.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/174111/slide-51.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/174111/slide-51.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Домашнее задания<br><p>Сверстать HTML страницу максимально соответствующую шаблону<br><p>http://files.courses.dp.ua/web/02/homework.pdf<br></div></h2><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide53" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 53</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/174111/slide-52.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt="Минута юмора…" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/174111/slide-52.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/174111/slide-52.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/174111/slide-52.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/174111/slide-52.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Минута юмора…<br></div></h2><!----><!----><!--]--><!----></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"> Имя файла: Набор-текстовых-файлов.pptx <br> Количество просмотров: 97 <br> Количество скачиваний: 0</div><button class="download-btn" type="submit">Скачать</button><!----></form><div class="navigation"><div class="navigation-item"><div>- Предыдущая</div><a href="/istoriya/oktyabrskaya-revolyutsiya-1917-goda-stanovlenie-sovetskoy" class="navigation-link">Октябрьская революция 1917 года. Становление советской власти</a></div><div class="navigation-item"><div>Следующая -</div><a href="/obrazovanie/kafedra-radioelektroniki-i-zashchity-informatsii-informatsionnaya" 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/biblioleto-2018-biblioteka-s-rakitnoe" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/396847/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/396847/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/396847/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/396847/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/396847/slide-0.jpg 1440w" class="slides-image related-itemImage"> Библиолето 2018. Библиотека с. Ракитное</a></div><div class="related-item"><a href="/informatika/igra-penalti" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/373540/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/373540/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/373540/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/373540/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/373540/slide-0.jpg 1440w" class="slides-image related-itemImage"> Игра Пенальти</a></div><div class="related-item"><a href="/informatika/fayla-i-faylovaya-sistema" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/565091/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/565091/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/565091/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/565091/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/565091/slide-0.jpg 1440w" class="slides-image related-itemImage"> Файла и файловая система</a></div><div class="related-item"><a href="/informatika/baza-dannyh-poliklinika-predmetnaya-oblast-bazy" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/15377/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/15377/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/15377/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/15377/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/15377/slide-0.jpg 1440w" class="slides-image related-itemImage"> База данных Поликлиника. Предметная область базы данных</a></div><div class="related-item"><a href="/informatika/mirovoy-opyt-internet-regulirovaniya-plan-internet" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/183050/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/183050/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/183050/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/183050/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/183050/slide-0.jpg 1440w" class="slides-image related-itemImage"> Мировой опыт интернет-регулирования. План интернет</a></div><div class="related-item"><a href="/informatika/vsemirnaya-pautina-kak-informatsionnoe-hranilishche" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/387566/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/387566/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/387566/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/387566/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/387566/slide-0.jpg 1440w" class="slides-image related-itemImage"> Всемирная паутина, как информационное хранилище</a></div><div class="related-item"><a href="/informatika/krossvordy-v-excel" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/266878/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/266878/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/266878/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/266878/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/266878/slide-0.jpg 1440w" class="slides-image related-itemImage"> Кроссворды в Excel</a></div><div class="related-item"><a href="/informatika/klient-servernoe-prilozhenie-trenazhyor-skoropechataniya" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/581477/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/581477/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/581477/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/581477/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/581477/slide-0.jpg 1440w" class="slides-image related-itemImage"> Клиент-серверное приложение Тренажёр скоропечатания</a></div><div class="related-item"><a href="/informatika/delegaty-sobytiya-anonimnye-metody" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/343790/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/343790/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/343790/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/343790/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/343790/slide-0.jpg 1440w" class="slides-image related-itemImage"> Делегаты, события, анонимные методы</a></div><div class="related-item"><a href="/informatika/prezentatsiya-rabota-s-faylami-v-paskale" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/454057/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/454057/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/454057/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/454057/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/454057/slide-0.jpg 1440w" class="slides-image related-itemImage"> Презентация Работа с файлами в Паскале</a></div><div class="related-item"><a href="/informatika/istoriya-razvitiya-korporativnoy-pressy" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/277405/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/277405/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/277405/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/277405/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/277405/slide-0.jpg 1440w" class="slides-image related-itemImage"> История развития корпоративной прессы</a></div><div class="related-item"><a href="/informatika/rezervnoe-kopirovanie-i-vosstanovlenie-dannyh" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/254646/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/254646/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/254646/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/254646/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/254646/slide-0.jpg 1440w" class="slides-image related-itemImage"> Резервное копирование и восстановление данных</a></div><div class="related-item"><a href="/informatika/rozrobka-programnogo-zabezpechennya-dlya-avtomatizats-oblku" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/4898/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/4898/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/4898/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/4898/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/4898/slide-0.jpg 1440w" class="slides-image related-itemImage"> Розробка програмного забезпечення для автоматизації обліку ремонту комплексів радіотехнічних систем</a></div><div class="related-item"><a href="/informatika/oformlenie-deklaratsiyu-3-ndfl-cherez-lichnyy" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/588134/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/588134/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/588134/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/588134/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/588134/slide-0.jpg 1440w" class="slides-image related-itemImage"> Оформление декларацию 3-НДФЛ через Личный кабинет налогоплательщика</a></div><div class="related-item"><a href="/informatika/ergonomka-vebstornki" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/247983/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/247983/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/247983/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/247983/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/247983/slide-0.jpg 1440w" class="slides-image related-itemImage"> Ергономіка вебсторінки</a></div><div class="related-item"><a href="/informatika/stisnennya-ta-arhvuvannya-danih" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/210396/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/210396/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/210396/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/210396/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/210396/slide-0.jpg 1440w" class="slides-image related-itemImage"> Стиснення та архівування даних</a></div><div class="related-item"><a href="/informatika/algoritmi-z-rozgaluzhennyam-2" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/147863/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/147863/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/147863/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/147863/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/147863/slide-0.jpg 1440w" class="slides-image related-itemImage"> Алгоритми з розгалуженням</a></div><div class="related-item"><a href="/informatika/vstroennye-funktsii-3" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/178280/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/178280/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/178280/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/178280/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/178280/slide-0.jpg 1440w" class="slides-image related-itemImage"> Встроенные функции</a></div><div class="related-item"><a href="/informatika/development-and-simulation" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/21006/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/21006/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/21006/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/21006/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/21006/slide-0.jpg 1440w" class="slides-image related-itemImage"> Development and Simulation</a></div><div class="related-item"><a href="/informatika/informatsionnye-tehnologii-it-1" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/326255/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/326255/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/326255/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/326255/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/326255/slide-0.jpg 1440w" class="slides-image related-itemImage"> Информационные технологии (ИТ)</a></div><div class="related-item"><a href="/informatika/vozmozhnosti-resursa-google-earth" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/3516/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/3516/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/3516/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/3516/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/3516/slide-0.jpg 1440w" class="slides-image related-itemImage"> Возможности ресурса Google Earth</a></div><div class="related-item"><a href="/informatika/tekstovyy-redaktor-microsoft-office-word" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/140631/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/140631/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/140631/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/140631/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/140631/slide-0.jpg 1440w" class="slides-image related-itemImage"> Текстовый редактор Microsoft Office Word</a></div><div class="related-item"><a href="/informatika/sreda-dannyh-sotrudnikov-v-telegram" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/595042/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/595042/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/595042/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/595042/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/595042/slide-0.jpg 1440w" class="slides-image related-itemImage"> Среда данных сотрудников в Telegram</a></div><div class="related-item"><a href="/informatika/vkr-razrabotka-tsifrovoy-ekosistemy-predpriyatiya-na" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/280093/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/280093/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/280093/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/280093/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/280093/slide-0.jpg 1440w" class="slides-image related-itemImage"> ВКР: Разработка цифровой экосистемы предприятия на основе концепции управления бизнес-процессами</a></div><div class="related-item"><a href="/informatika/algebra-logiki-11" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/275839/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/275839/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/275839/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/275839/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/275839/slide-0.jpg 1440w" class="slides-image related-itemImage"> Алгебра логики</a></div><div class="related-item"><a href="/informatika/strukturizatsiya-setey" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/320106/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/320106/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/320106/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/320106/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/320106/slide-0.jpg 1440w" class="slides-image related-itemImage"> Структуризация сетей</a></div><div class="related-item"><a href="/informatika/korotkaya-podpis-na-osnove-zadachi-diffi" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/409287/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/409287/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/409287/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/409287/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/409287/slide-0.jpg 1440w" class="slides-image related-itemImage"> Короткая подпись на основе задачи Диффи-Хеллмана</a></div><div class="related-item"><a href="/informatika/web-programmist-navyki-i-umeniya-dlya" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/580449/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/580449/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/580449/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/580449/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/580449/slide-0.jpg 1440w" class="slides-image related-itemImage"> Web-программист. Навыки и умения для разработки сайтов и сервисов</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,R,S){return {data:{meta:{result:{meta:{h1:n,main_text:a,main_title:o,main_description:p,main_keywords:q,main_image:a},app:{logo_image:r,logo_image_width:s,logo_image_height:t,logo_text:a,image_width_full:u,image_width_min:v,recaptcha_key:w,yandex_search:x,ya_context:e,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:y,footer_before:a,footer:a,dark_theme:e,strategy:{image_alt_words:j,item_slide_header:z,item_images:A,item_images_tag:h,item_words_h3:d,item_words_tag:h,item_words_1:k,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:d,item_show_contents:d,item_show_filename:d},colors:{header_text:l,header_bg:i,accent:i}},social:F}},item:{result:{id:174111,name:m,category:G,count:54,jpg:"jpg\u002F174111",hits:97,download:b,h1:"Набор текстовых файлов презентация",meta:{h1:m,title:m,description:"Набор текстовых файлов презентация на тему, доклад, Информатика",keywords:"Набор текстовых файлов, презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Информатика",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему Набор текстовых файлов из раздела Информатика. Презентация на заданную тему содержит 54 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",seo_text:"\u003Cp\u003EСайт – набор текстовых файлов\r\n (каждый из которых соответствует странице сайта)\u003Cbr\u003E\u003Cp\u003EНабор текстовых файлов в формате HTML\u003Cbr\u003E \u003Cp\u003EЗачем нужен\u003Cbr\u003E HTML?\u003Cbr\u003E",file:"Набор-текстовых-файлов.pptx",texts:["\u003Cp\u003EHTML\u003Cbr\u003E\u003Cp\u003Eexpress.courses.dp.ua\u003Cbr\u003E","\u003Cp\u003EСайт – набор текстовых файлов\r\n (каждый из которых соответствует странице сайта)\u003Cbr\u003E\u003Cp\u003EНабор текстовых файлов в формате HTML\u003Cbr\u003E","\u003Cp\u003EЗачем нужен\u003Cbr\u003E HTML?\u003Cbr\u003E","\u003Cp\u003EЗачем нужен HTML?\u003Cbr\u003E\u003Cp\u003EHTML задумывался как средство переноса научной документации в электронный вид\u003Cbr\u003E","\u003Cp\u003EЗачем нужен HTML?\u003Cbr\u003E\u003Cp\u003EНикакой структуры, сложно разобраться, что к чему.\u003Cbr\u003E\u003Cp\u003EУдобная для человека структура документа.\u003Cbr\u003E","\u003Cp\u003EЗачем нужен HTML?\u003Cbr\u003E\u003Cp\u003EСтруктура появилась, но всё равно воспринимать текс сложно…\u003Cbr\u003E","\u003Cp\u003EЭто заголовок (название)\u003Cbr\u003E\u003Cp\u003EЭто аннотация\u003Cbr\u003E\u003Cp\u003EА это пошли параграфы\u003Cbr\u003E\u003Cp\u003EЗачем нужен HTML?\u003Cbr\u003E\u003Cp\u003EЧтобы браузер мог отобразить текст «по человечески» ему нужны подсказки\u003Cbr\u003E","\u003Cp\u003EЗачем нужен HTML?\u003Cbr\u003E\u003Cp\u003EНо подсказки должны сами быть частью текстового файлов.\u003Cbr\u003EПодсказками для браузера выступают теги.\u003Cbr\u003E","\u003Cp\u003EHTML (HyperText Markup Language) – язык разметки текста, по сути структурирует (определяет структуру текста) и выполняет роль контейнера для текста (данных, информации).\u003Cbr\u003E\u003Cp\u003EДанные + Метаданные\u003Cbr\u003E\u003Cp\u003E\u003Ctitle\u003E Page title \u003C\u002Ftitle\u003E\u003Cbr\u003E\u003Cp\u003EТекст + Как текст отобразить\u003Cbr\u003E\u003Cp\u003EЯзык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме.\u003Cbr\u003E","\u003Cp\u003EHTML-документ\u003Cbr\u003E\u003Cp\u003E\u003Ctag attr=\"value”\u003EText data\u003C\u002Ftag\u003E\u003Cbr\u003E\u003Cp\u003EТеги как контейнер для блока текста \u003Cbr\u003E\t+ атрибуты (свойства, уточняют задачи тега, теги могут быть без атрибутов);\u003Cbr\u003E\u003Cp\u003EТекстовые данные (содержимое, контент).\u003Cbr\u003E\u003Cp\u003Eсостоит из:\u003Cbr\u003E\u003Cp\u003EТеги могут быть парными и одиночными;\u003Cbr\u003E","\u003Cp\u003EБлокнот\u003Cbr\u003E\u003Cp\u003EТекстовый редактор\u003Cbr\u003E","\u003Cp\u003ENotepad++\u003Cbr\u003E\u003Cp\u003EТекстовый редактор\u003Cbr\u003E","\u003Cp\u003EПервый HTML-документ\u003Cbr\u003E\u003Cp\u003EСохраните как *.html, \r\nи нажмите Ctrl+Shift+Alt+R\u003Cbr\u003E","\u003Cp\u003EСтруктура \u003Cbr\u003EHTML-документа\u003Cbr\u003E","\u003Cp\u003EСтруктура HTML документа\u003Cbr\u003E",H,H,"\u003Cp\u003EОбъявление типа документа\u003Cbr\u003E","\u003Cp\u003E\u003CHEAD\u003E\u003Cbr\u003EСлужебная \u002F «невидимая» часть документа\u003Cbr\u003E","\u003Cp\u003E\u003CHEAD\u003E\u003Cbr\u003E\u003Cp\u003E\u003Ctitle\u003E\u003C\u002Ftitle\u003E\u003Cbr\u003E\u003Cstyle\u003E\u003C\u002Fstyle\u003E\u003Cbr\u003E\u003Clink \u002F\u003E\u003Cbr\u003E\u003Cscript\u003E\u003C\u002Fscript\u003E\u003Cbr\u003E\u003Cmeta \u002F\u003E\u003Cbr\u003E","\u003Cp\u003E\u003CBODY\u003E\u003Cbr\u003EСодержимое \u002F контент документа\u003Cbr\u003E","\u003Cp\u003EСтрочные и блочные теги\u003Cbr\u003E(Inline & Block)\u003Cbr\u003E\u003Cp\u003EВсе теги в \u003CBODY\u003E относятся к одной из двух категорий\u003Cbr\u003E","\u003Cp\u003EСтрочные и Блочные теги\u003Cbr\u003E","\u003Cp\u003EБлочные (Block)\u003Cbr\u003E\u003Cp\u003E\u003Cp\u003E, \u003Ch1\u003E…\u003Ch6\u003E, \u003Cdiv\u003E…\u003Cbr\u003E\u003Cp\u003EСтрочные (Inline)\u003Cbr\u003E\u003Cp\u003E\u003Cb\u003E, \u003Ci\u003E, \u003Cu\u003E, \u003Ca\u003E, \u003Cimg\u003E, \u003Cspan\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Блочные теги применяют когда необходимо сделать абцаз (или занять прямоугольную область).\u003Cbr\u003E\u003Cp\u003EСтрочные элементы можно вставлять в блочные.\u003Cbr\u003E\u003Cp\u003EСтрочными теги применяют когда в абзаце часть строк необходимо выделить особым образом.\u003Cbr\u003E","\u003Cp\u003EСтрочные и блочные теги\u003Cbr\u003E\u003Cp\u003EПодготовьте такой документ, чтобы не набирать текс воспользуйтесь текстом-«рыбой» для заполнения тегов.\u003Cbr\u003E\u003Cp\u003EДля этого нам пригодиться сайт-генератор Loren Ipsum текста: http:\u002F\u002Fuk.lipsum.com\u002F\u003Cbr\u003E","\u003Cp\u003EСтрочные и блочные теги\u003Cbr\u003E\u003Cp\u003EДобавляем тегов и смотрим, что происходит\u003Cbr\u003E","\u003Cp\u003EСтрочные и блочные теги\u003Cbr\u003E\u003Cp\u003EБлочные теги требуют выделения для себя прямоугольной области на странице.\u003Cbr\u003E\u003Cp\u003EСтрочные элементы работают с той областью страницы которую занимает строка (внутри этого самого строчного элемента).\u003Cbr\u003E",I,I,"\u003Cp\u003EТег для изображений\u003Cbr\u003E\u003Cp\u003E\u003Cimg … \u002F\u003E\u003Cbr\u003E\u003Cp\u003Esrc=\"\"\u003Cbr\u003Ewidth=\"\" \u003Cbr\u003Eheight=\"\" \u003Cbr\u003Ealt=\"\"\u003Cbr\u003E","\u003Cp\u003EТег для ссылки\u003Cbr\u003E\u003Cp\u003E\u003Ca … \u002F\u003E\u003Cbr\u003E\u003Cp\u003Ehref=\"\"\u003Cbr\u003Etarget=\"\" \u003Cbr\u003Erel=\"\" \u003Cbr\u003E","\u003Cp\u003EИзображения & ссылки\u003Cbr\u003E\u003Cp\u003EСохраните как *.html, \r\nи нажмите Ctrl+Shift+Alt+R\u003Cbr\u003E\u003Cp\u003EСлучайное изображение:\u003Cbr\u003Ehttps:\u002F\u002Fsource.unsplash.com\u002Frandom\u002F800x600\u003Cbr\u003E","\u003Cp\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О кодировке\u003Cbr\u003E","\u003Cp\u003EHTML документ и кодировка\u003Cbr\u003E\u003Cp\u003EПроблемы с кодировкой…\u003Cbr\u003E","\u003Cp\u003Ehttps:\u002F\u002Fru.wikipedia.org\u002Fwiki\u002FШестнадцатеричная_система_счисления\u003Cbr\u003E\u003Cp\u003EКодировка\u003Cbr\u003E","\u003Cp\u003EКодировка\u003Cbr\u003E","\u003Cp\u003EKOI-8r\u003Cbr\u003E\u003Cp\u003Ecp1251\u003Cbr\u003E\u003Cp\u003EВ разных таблицах расширяющих ASCII кирилическими символами, эти самые кирилические символы стоят на различных позициях.\u003Cbr\u003E\u003Cp\u003EСуть проблемы\u003Cbr\u003E","\u003Cp\u003EKOI-8-r, cp1251,… =\u003E 1 байт = 256 различных символов. Даже 2 языковых набора влезают с трудом.\u003Cbr\u003E\u003Cp\u003EUnicode (UTF-8, UTF-16….)=\u003E От 1 до 6 байт – триллионы символов. Все языковые наборы.\u003Cbr\u003E\u003Cp\u003EASCII\u003Cbr\u003E\u003Cp\u003EUTF-8\u003Cbr\u003E\u003Cp\u003EUnicode как решение проблемы…\u003Cbr\u003E","\u003Cp\u003E\u003Cmeta charset = \"UTF-8\" \u002F\u003E \u003Cbr\u003E\u003Cp\u003E…и сохранять файлы в кодировке UTF-8.\u003Cbr\u003E\u003Cp\u003EЧтобы не было проблем с кодировкой,\r\n то используйте тег \u003Cbr\u003E","\u003Cp\u003EБудет полезным\u003Cbr\u003E","\u003Cp\u003Ewww.w3.org\u003Cbr\u003E\u003Cp\u003EWorld Wide Web Consortium (W3C)\u003Cbr\u003E","\u003Cp\u003Ehttps:\u002F\u002Fwebref.ru\u002Fhtml\u003Cbr\u003E\u003Cp\u003EЕсли уровень английского языка не позволяет…\u003Cbr\u003E","\u003Cp\u003E«Изучаем HTML и CSS». Эрик Фримен, Элизабет Фримен. \u003Cbr\u003E","\u003Cp\u003Ehttp:\u002F\u002Fwww.w3schools.com\u002Fhtml\u002F\u003Cbr\u003E\u003Cp\u003EТренажер по HTML\u003Cbr\u003E","\u003Cp\u003EДомашнее задание\u003Cbr\u003E","\u003Cp\u003EУзнать, что такое спецсимволы HTML зачем нужны, как правильно использовать:\u003Cbr\u003Ehttp:\u002F\u002Fwww.google.com\u003Cbr\u003E\u003Cp\u003EУзнать, что делают следующие теги: \u003C!DOCTYPE\u003E, \u003C!-- --\u003E, \u003Cbr\u003E, \u003Cdiv\u003E, \u003Cfooter\u003E, \u003Cheader\u003E, \u003Carticle\u003E, \u003Ch1\u003E-\u003Ch6\u003E, \u003Chr\u003E, \u003Ci\u003E, \u003Cb\u003E, \u003Ciframe\u003E, \u003Cmeta\u003E, \u003Cul\u003E, \u003Col\u003E, \u003Cli\u003E, \u003Cstrong\u003E, \u003Cspan\u003E, \u003Cscript\u003E, \u003Cstyle\u003E, \u003Ctable\u003E, \u003Ctr\u003E, \u003Ctd\u003E, \u003Cth\u003E, \u003Cfont\u003E. \u003Cbr\u003Ehttp:\u002F\u002Fwww.google.com\u003Cbr\u003E\u003Cp\u003EНайти информацию об атрибутах ID, NAME, CLASS\u003Cbr\u003Ehttp:\u002F\u002Fwww.google.com\u003Cbr\u003E\u003Cp\u003EПознакомиться с lipsum.com, placehold.it\u003Cbr\u003E\u003Cp\u003EДомашнее задания\u003Cbr\u003E","\u003Cp\u003EДомашнее задания\u003Cbr\u003E\u003Cp\u003EСверстать HTML страницу максимально соответствующую шаблону\u003Cbr\u003E\u003Cp\u003Ehttp:\u002F\u002Ffiles.courses.dp.ua\u002Fweb\u002F02\u002Fhomework.pdf\u003Cbr\u003E","\u003Cp\u003EМинута юмора…\u003Cbr\u003E","\u003Cp\u003EMicrosoft Word как инструмент разработки сайтов ☺\u003Cbr\u003E\u003Cp\u003EТекстовый процессор\u003Cbr\u003E"],href:"\u002Finformatika\u002Fnabor-tekstovyh-faylov",href_category:"\u002Finformatika",date:1636896995,related:[{id:396847,name:"Библиолето 2018. Библиотека с. Ракитное",href:"\u002Finformatika\u002Fbiblioleto-2018-biblioteka-s-rakitnoe",jpg:"jpg\u002F396847"},{id:373540,name:"Игра Пенальти",href:"\u002Finformatika\u002Figra-penalti",jpg:"jpg\u002F373540"},{id:565091,name:"Файла и файловая система",href:"\u002Finformatika\u002Ffayla-i-faylovaya-sistema",jpg:"jpg\u002F565091"},{id:15377,name:"База данных Поликлиника. Предметная область базы данных",href:"\u002Finformatika\u002Fbaza-dannyh-poliklinika-predmetnaya-oblast-bazy",jpg:"jpg\u002F15377"},{id:183050,name:"Мировой опыт интернет-регулирования. План интернет",href:"\u002Finformatika\u002Fmirovoy-opyt-internet-regulirovaniya-plan-internet",jpg:"jpg\u002F183050"},{id:387566,name:"Всемирная паутина, как информационное хранилище",href:"\u002Finformatika\u002Fvsemirnaya-pautina-kak-informatsionnoe-hranilishche",jpg:"jpg\u002F387566"},{id:266878,name:"Кроссворды в Excel",href:"\u002Finformatika\u002Fkrossvordy-v-excel",jpg:"jpg\u002F266878"},{id:581477,name:"Клиент-серверное приложение Тренажёр скоропечатания",href:"\u002Finformatika\u002Fklient-servernoe-prilozhenie-trenazhyor-skoropechataniya",jpg:"jpg\u002F581477"},{id:343790,name:"Делегаты, события, анонимные методы",href:"\u002Finformatika\u002Fdelegaty-sobytiya-anonimnye-metody",jpg:"jpg\u002F343790"},{id:454057,name:"Презентация Работа с файлами в Паскале",href:"\u002Finformatika\u002Fprezentatsiya-rabota-s-faylami-v-paskale",jpg:"jpg\u002F454057"},{id:277405,name:"История развития корпоративной прессы",href:"\u002Finformatika\u002Fistoriya-razvitiya-korporativnoy-pressy",jpg:"jpg\u002F277405"},{id:254646,name:"Резервное копирование и восстановление данных",href:"\u002Finformatika\u002Frezervnoe-kopirovanie-i-vosstanovlenie-dannyh",jpg:"jpg\u002F254646"},{id:4898,name:"Розробка програмного забезпечення для автоматизації обліку ремонту комплексів радіотехнічних систем",href:"\u002Finformatika\u002Frozrobka-programnogo-zabezpechennya-dlya-avtomatizats-oblku",jpg:"jpg\u002F4898"},{id:588134,name:"Оформление декларацию 3-НДФЛ через Личный кабинет налогоплательщика",href:"\u002Finformatika\u002Foformlenie-deklaratsiyu-3-ndfl-cherez-lichnyy",jpg:"jpg\u002F588134"},{id:247983,name:"Ергономіка вебсторінки",href:"\u002Finformatika\u002Fergonomka-vebstornki",jpg:"jpg\u002F247983"},{id:210396,name:"Стиснення та архівування даних",href:"\u002Finformatika\u002Fstisnennya-ta-arhvuvannya-danih",jpg:"jpg\u002F210396"},{id:147863,name:"Алгоритми з розгалуженням",href:"\u002Finformatika\u002Falgoritmi-z-rozgaluzhennyam-2",jpg:"jpg\u002F147863"},{id:178280,name:"Встроенные функции",href:"\u002Finformatika\u002Fvstroennye-funktsii-3",jpg:"jpg\u002F178280"},{id:21006,name:"Development and Simulation",href:"\u002Finformatika\u002Fdevelopment-and-simulation",jpg:"jpg\u002F21006"},{id:326255,name:"Информационные технологии (ИТ)",href:"\u002Finformatika\u002Finformatsionnye-tehnologii-it-1",jpg:"jpg\u002F326255"},{id:3516,name:"Возможности ресурса Google Earth",href:"\u002Finformatika\u002Fvozmozhnosti-resursa-google-earth",jpg:"jpg\u002F3516"},{id:140631,name:"Текстовый редактор Microsoft Office Word",href:"\u002Finformatika\u002Ftekstovyy-redaktor-microsoft-office-word",jpg:"jpg\u002F140631"},{id:595042,name:"Среда данных сотрудников в Telegram",href:"\u002Finformatika\u002Fsreda-dannyh-sotrudnikov-v-telegram",jpg:"jpg\u002F595042"},{id:280093,name:"ВКР: Разработка цифровой экосистемы предприятия на основе концепции управления бизнес-процессами",href:"\u002Finformatika\u002Fvkr-razrabotka-tsifrovoy-ekosistemy-predpriyatiya-na",jpg:"jpg\u002F280093"},{id:275839,name:"Алгебра логики",href:"\u002Finformatika\u002Falgebra-logiki-11",jpg:"jpg\u002F275839"},{id:320106,name:"Структуризация сетей",href:"\u002Finformatika\u002Fstrukturizatsiya-setey",jpg:"jpg\u002F320106"},{id:409287,name:"Короткая подпись на основе задачи Диффи-Хеллмана",href:"\u002Finformatika\u002Fkorotkaya-podpis-na-osnove-zadachi-diffi",jpg:"jpg\u002F409287"},{id:580449,name:"Web-программист. Навыки и умения для разработки сайтов и сервисов",href:"\u002Finformatika\u002Fweb-programmist-navyki-i-umeniya-dlya",jpg:"jpg\u002F580449"}],navigation:{next:"\u002Fobrazovanie\u002Fkafedra-radioelektroniki-i-zashchity-informatsii-informatsionnaya",next_name:"Кафедра радиоэлектроники и защиты информации. Информационная безопасность автоматизированных систем",prev:"\u002Fistoriya\u002Foktyabrskaya-revolyutsiya-1917-goda-stanovlenie-sovetskoy",prev_name:"Октябрьская революция 1917 года. Становление советской власти"}}},categories:{result:[{id:J,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:J,name:"Английский язык",pseudoname:"angliyskiy-yazyk"},{id:108,ordering:2,name:"Астрономия",pseudoname:"astronomiya"},{id:104,ordering:3,name:"Алгебра",pseudoname:"algebra"},{id:106,ordering:4,name:"Биология",pseudoname:"biologiya"},{id:142,ordering:5,name:"География",pseudoname:"geografiya"},{id:141,ordering:6,name:"Геометрия",pseudoname:"geometria"},{id:123,ordering:7,name:"Детские презентации",pseudoname:"detskie-prezentatsii"},{id:107,ordering:8,name:G,pseudoname:"informatika"},{id:109,ordering:9,name:"История",pseudoname:"istoriya"},{id:139,ordering:j,name:"Литература",pseudoname:"literatura"},{id:119,ordering:k,name:"Маркетинг",pseudoname:"marketing"},{id:114,ordering:12,name:"Математика",pseudoname:"matematika"},{id:138,ordering:13,name:"Медицина",pseudoname:"medetsina"},{id:118,ordering:14,name:"Менеджмент",pseudoname:"menedzhment"},{id:137,ordering:15,name:"Музыка",pseudoname:"muzyka"},{id:136,ordering:16,name:"МХК",pseudoname:"mhk"},{id:130,ordering:17,name:"Немецкий язык",pseudoname:"nemetskiy-yazyk"},{id:105,ordering:18,name:"ОБЖ",pseudoname:"obzh"},{id:133,ordering:19,name:"Обществознание ",pseudoname:"obshchestvoznanie"},{id:132,ordering:20,name:"Окружающий мир ",pseudoname:"okruzhayushchiy-mir"},{id:131,ordering:21,name:"Педагогика ",pseudoname:"pedagogika"},{id:129,ordering:22,name:"Русский язык",pseudoname:"russkiy-yazyk"},{id:128,ordering:24,name:"Технология",pseudoname:"tehnologiya"},{id:127,ordering:25,name:"Физика",pseudoname:"fizika"},{id:126,ordering:26,name:"Философия",pseudoname:"filosofiya"},{id:125,ordering:27,name:"Химия",pseudoname:"himiya"},{id:124,ordering:29,name:"Экология",pseudoname:"ekologiya"},{id:121,ordering:30,name:"Экономика",pseudoname:"ekonomika"},{id:120,ordering:31,name:"Юриспруденция",pseudoname:"yurisprudentsiya"}]}},state:{},_errors:{},serverRendered:d,config:{public:{SITE_NAME:K,SITE_HOST:"mypreza.com",SITE_LANG:L,API_BASE_URL:"https:\u002F\u002Fmypreza.com\u002Fapi\u002F",pwaManifest:{name:K,short_name:a,description:a,lang:L,start_url:"\u002F?standalone=true",display:"standalone",background_color:l,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:c,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:c,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:c,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:c,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:c,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:c,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:c,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:c,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:c,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:c,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:c,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:c,sizes:R,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:c,sizes:S,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:c,sizes:S,purpose:g}]},yandexMetrika:{id:"85004146",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:d,childIframe:e,clickmap:e,defer:e,useRuntimeConfig:d,trackHash:e,trackLinks:d,type:b,webvisor:e,triggerEvent:e,consoleLog:d,partytown:e,isDev:e}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:a}},pinia:{app:{meta:{h1:n,main_text:a,main_title:o,main_description:p,main_keywords:q,main_image:a},app:{logo_image:r,logo_image_width:s,logo_image_height:t,logo_text:a,image_width_full:u,image_width_min:v,recaptcha_key:w,yandex_search:x,ya_context:e,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:y,footer_before:a,footer:a,dark_theme:e,strategy:{image_alt_words:j,item_slide_header:z,item_images:A,item_images_tag:h,item_words_h3:d,item_words_tag:h,item_words_1:k,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:d,item_show_contents:d,item_show_filename:d},colors:{header_text:l,header_bg:i,accent:i}},social:F,token:a}}}}("",0,"image\u002Fpng",true,false,"any","maskable","h2","#d53032",10,11,"#ffffff","Набор текстовых файлов","Учебные презентации","Презентации в PowerPoint на разные темы","Презентации, проекты, доклады в PowerPoint на разные темы для учебы","Презентация, на тему, урок, класс, PowerPoint, скачати презентацію, фон, шаблон, доклад, проект.","images\u002Fdata\u002Flogo.png",185,40,720,480,"6LeioWIpAAAAAGqMN4KqMVIkekcMW7fBKHjXCd-a","2503267","[e-mail]","div","images_before","category","both",88,800,"\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fes5-shims\u002F0.0.2\u002Fes5-shims.min.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fshare2\u002Fshare.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cdiv class=\"ya-share2\" data-services=\"collections,gplus,vkontakte,facebook,odnoklassniki,gplus,twitter,moimir\" data-counter=\"\"\u003E\u003C\u002Fdiv\u003E","Информатика","\u003Cp\u003EДревовидная структура HTML-документа\u003Cbr\u003E\u003Cp\u003EСтруктура HTML документа\u003Cbr\u003E","\u003Cp\u003EСтрочные и блочные теги\u003Cbr\u003E\u003Cp\u003E«Подкрасим» элементы для наглядности\u003Cbr\u003E",1,"Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))</script><script type="module" src="/_nuxt/entry.0d6add34.js" crossorigin></script></body>
</html>