HTML (HyperText Markup Language) презентация

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

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

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

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

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

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

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

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

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

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

Microsoft Word ☺
Текстовый процессор

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

HTML документ
Сохраните как *.html, Ctrl+Shift+Alt+R

HTML документ

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

Кодировка

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

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

Терминология
ANSI – Американский национальный институт стандартов. Придумали однобайтовую кодировку ASCII.
ASCII – Таблица кодировки которую придумал американский институт стандартов. Однобайтовая кодировка, содержит 128 символов из 256 возможных, только латинские буквы.
Windows-cp1251 – Кодовая таблица расширяющая ASCII за счёт незанятых 128 символов, содержит кириллические символы. Является стандартной кодировкой для Windows.
KOI-8R – Кодовая таблица расширяющая ASCII за счёт незанятых 128 символов, содержит кириллические символы. Является стандартной кодировкой для OpenSourse ПО. Расположение кириллических символов не совпадает с ср1251.
ISO 8859-5, cp866 – Кодовая таблица расширяющая ASCII за счёт незанятых 128 символов, содержит кириллические символы. Менее распространены чем cp1251 и KOI-8R, встречается на Юниксоподобных системам.
Unicode – Стандарт кодирования (и общее название семейства многобайтовых кодировок), позволяющий представить знаки практически всех языков.
UTF-8, UTF-16 и т.п. – Конкретные версии многобайтовых кодировок относящихся к семейству Unicode.
BOM (Byte Order Mark) – метка указывающая принадлежность кодировки файла к семейству Unicode.

Как определить в какой кодировке файл?

…или же сохранять файлы в кодировке UTF-8 с меткой BOM.

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

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

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

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

CONTENT

Сохраните как *.html, Ctrl+Shift+Alt+R
Размещение элементов на странице
?!?

Размещение элементов на странице

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

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

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

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

Блочные (Block)
…
…

…
…
Строчные (Inline)

Блочные (Inline)

Блочные (Block)
…
…
…

Строчные (Inline)

Строчные (Inline)
…
…
…

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

Сема́нтика — раздел лингвистики, изучающий смысловое значение единиц языка.
Для поисковых систем
содержимое страниц перестало быть просто набором слов.

TEXT
Выделение и оформление текста

TEXT
Семантическое значение

TEXT

Изображения
src=""
width=""
height=""
alt=""

Ссылки
href=""
target=""
rel=""

Ссылки & Изображения
http://web.dev.courses.dp.ua/files/etc/globe.jpg

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

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

Освой самостоятельно HTML (Д. Хейз)

http://www.w3schools.com/html/

Узнать, что такое спецсимволы HTML зачем нужны, как правильно использовать:
http://www.google.com
Узнать, что
делают следующие теги: ,
,
,
, ,
,
,
,
,
-
, ,
,
, ,
,
,
, <link>, <meta>, <ul>, <ol>, <p>, <strong>, <span>, <script>, <style>, <table>, <tr>, <td>, <title>. <br>http://www.google.com<br><p>Найти информацию об атрибутах ID, NAME, CLASS<br>http://www.google.com<br><p>Познакомиться с lipsum.com и placehold.it <br>Узнать зачем они нужны. <br><p>Домашнее задания<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-(HyperText-Markup-Language).pptx <br> Количество просмотров: 83 <br> Количество скачиваний: 0</div><button class="download-btn" type="submit">Скачать</button><!----></form><div class="navigation"><div class="navigation-item"><div>- Предыдущая</div><a href="/uncategorized/storya-viniknennya-etiketu-1" class="navigation-link">Історія виникнення етикету</a></div><div class="navigation-item"><div>Следующая -</div><a href="/uncategorized/sotsialnaya-set-vkontakte" 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="/uncategorized/atomnye-spektry" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/72214/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/72214/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/72214/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/72214/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/72214/slide-0.jpg 1440w" class="slides-image related-itemImage"> Атомные спектры</a></div><div class="related-item"><a href="/uncategorized/syek-buyn-tuberkulez-1" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/53931/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/53931/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/53931/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/53931/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/53931/slide-0.jpg 1440w" class="slides-image related-itemImage"> Сүйек буын туберкулезі</a></div><div class="related-item"><a href="/uncategorized/prezentatsiya-k-zanyatiyu-chaynyy-serviz" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/511237/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/511237/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/511237/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/511237/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/511237/slide-0.jpg 1440w" class="slides-image related-itemImage"> Презентация к занятию Чайный сервиз</a></div><div class="related-item"><a href="/uncategorized/standartizatsya-produkts-tvarinnitstva-1" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/249538/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/249538/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/249538/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/249538/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/249538/slide-0.jpg 1440w" class="slides-image related-itemImage"> Стандартизація продукції тваринництва</a></div><div class="related-item"><a href="/uncategorized/rokfor-keytering-restoran-vyezdnogo-obsluzhivaniya" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/51839/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/51839/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/51839/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/51839/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/51839/slide-0.jpg 1440w" class="slides-image related-itemImage"> Рокфор кейтеринг - ресторан выездного обслуживания</a></div><div class="related-item"><a href="/uncategorized/imperiya-karla-velikogo" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/59355/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/59355/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/59355/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/59355/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/59355/slide-0.jpg 1440w" class="slides-image related-itemImage"> Империя Карла Великого</a></div><div class="related-item"><a href="/uncategorized/prezentatsiya-nepredelnye-uglevodorodyetilen-i-ego-gomologi" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/467474/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/467474/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/467474/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/467474/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/467474/slide-0.jpg 1440w" class="slides-image related-itemImage"> презентация Непредельные углеводороды.Этилен и его гомологи</a></div><div class="related-item"><a href="/uncategorized/ivanovskiy-tekstil-rasprodazha-postelnogo-belya" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/84416/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/84416/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/84416/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/84416/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/84416/slide-0.jpg 1440w" class="slides-image related-itemImage"> Ивановский текстиль. Распродажа постельного белья</a></div><div class="related-item"><a href="/uncategorized/sovremennyy-urok-6" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/456887/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/456887/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/456887/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/456887/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/456887/slide-0.jpg 1440w" class="slides-image related-itemImage"> Современный урок</a></div><div class="related-item"><a href="/uncategorized/nov-nformatsyn-tehnolog-v-umovah-rozvitku" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/58742/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/58742/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/58742/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/58742/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/58742/slide-0.jpg 1440w" class="slides-image related-itemImage"> Нові інформаційні технології в умовах розвитку споживчого ринку України</a></div><div class="related-item"><a href="/uncategorized/vodosnabzhenie-naselennyh-punktov-1" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/604451/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/604451/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/604451/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/604451/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/604451/slide-0.jpg 1440w" class="slides-image related-itemImage"> Водоснабжение населенных пунктов</a></div><div class="related-item"><a href="/uncategorized/zamechatelnoe-zhivotnoe-loshad" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/444089/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/444089/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/444089/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/444089/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/444089/slide-0.jpg 1440w" class="slides-image related-itemImage"> Замечательное животное - лошадь</a></div><div class="related-item"><a href="/uncategorized/etapi-rozvitku-ukransko-kulturi-lektsya-2" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/32203/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/32203/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/32203/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/32203/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/32203/slide-0.jpg 1440w" class="slides-image related-itemImage"> Етапи розвитку української культури. (Лекція 2)</a></div><div class="related-item"><a href="/uncategorized/ya-risuyu-plastilinom-1-chast" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/81782/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/81782/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/81782/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/81782/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/81782/slide-0.jpg 1440w" class="slides-image related-itemImage"> Я рисую пластилином. 1 часть</a></div><div class="related-item"><a href="/uncategorized/den-narodnogo-edinstva-2" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/75546/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/75546/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/75546/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/75546/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/75546/slide-0.jpg 1440w" class="slides-image related-itemImage"> День народного единства</a></div><div class="related-item"><a href="/uncategorized/great-english-writers" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/24597/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/24597/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/24597/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/24597/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/24597/slide-0.jpg 1440w" class="slides-image related-itemImage"> Great English writers</a></div><div class="related-item"><a href="/uncategorized/den-zashchity-detey-gruppa-liliya" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/53020/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/53020/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/53020/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/53020/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/53020/slide-0.jpg 1440w" class="slides-image related-itemImage"> День защиты детей. Группа Лилия</a></div><div class="related-item"><a href="/uncategorized/publitsisticheskiy-stil-rechi" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/39802/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/39802/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/39802/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/39802/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/39802/slide-0.jpg 1440w" class="slides-image related-itemImage"> Публицистический стиль речи</a></div><div class="related-item"><a href="/uncategorized/prezentatsiya-geroi-mifov-v-skulpture" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/458819/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/458819/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/458819/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/458819/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/458819/slide-0.jpg 1440w" class="slides-image related-itemImage"> Презентация Герои мифов в скульптуре</a></div><div class="related-item"><a href="/uncategorized/predmet-funktsii-i-osnovnye-napravleniya-filosofii" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/55434/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/55434/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/55434/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/55434/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/55434/slide-0.jpg 1440w" class="slides-image related-itemImage"> Предмет, функции и основные направления философии</a></div><div class="related-item"><a href="/uncategorized/iskusstvo-publichnoy-prezentatsii" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/65885/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/65885/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/65885/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/65885/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/65885/slide-0.jpg 1440w" class="slides-image related-itemImage"> Искусство публичной презентации</a></div><div class="related-item"><a href="/uncategorized/winter-gift-giver-christmas-card" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/69287/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/69287/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/69287/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/69287/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/69287/slide-0.jpg 1440w" class="slides-image related-itemImage"> Winter Gift Giver Christmas Card</a></div><div class="related-item"><a href="/uncategorized/elektronnaya-baza-viktorin-po-bezopasnosti" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/470321/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/470321/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/470321/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/470321/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/470321/slide-0.jpg 1440w" class="slides-image related-itemImage"> Электронная база викторин по безопасности.</a></div><div class="related-item"><a href="/uncategorized/vospitanie-obshchey-vynoslivosti-u-podrostkov-basketbolistov" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/46712/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/46712/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/46712/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/46712/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/46712/slide-0.jpg 1440w" class="slides-image related-itemImage"> Воспитание общей выносливости у подростков-баскетболистов в процессе внеурочных занятий баскетболом</a></div><div class="related-item"><a href="/uncategorized/future-of-cultural-diplomacy-in-the" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/39434/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/39434/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/39434/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/39434/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/39434/slide-0.jpg 1440w" class="slides-image related-itemImage"> future of cultural diplomacy in the information age</a></div><div class="related-item"><a href="/uncategorized/trete-puteshestvie-apostola-pavla" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/21513/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/21513/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/21513/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/21513/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/21513/slide-0.jpg 1440w" class="slides-image related-itemImage"> Третье путешествие Апостола Павла</a></div><div class="related-item"><a href="/uncategorized/nam-vremya-eto-pozabyt-nelzya-iz" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/27355/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/27355/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/27355/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/27355/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/27355/slide-0.jpg 1440w" class="slides-image related-itemImage"> Нам время это позабыть нельзя. Из истории эвакогоспиталя №1327</a></div><div class="related-item"><a href="/uncategorized/tecnologas-ferroviarias-desarrolladas" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/412706/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/412706/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/412706/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/412706/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/412706/slide-0.jpg 1440w" class="slides-image related-itemImage"> Tecnologías ferroviarias desarrolladas</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,T){return {data:{meta:{result:{meta:{h1:o,main_text:a,main_title:p,main_description:q,main_keywords:r,main_image:a},app:{logo_image:s,logo_image_width:t,logo_image_height:u,logo_text:a,image_width_full:v,image_width_min:w,recaptcha_key:x,yandex_search:y,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:z,footer_before:a,footer:a,dark_theme:e,strategy:{image_alt_words:k,item_slide_header:A,item_images:B,item_images_tag:h,item_words_h3:d,item_words_tag:h,item_words_1:l,routing:C,item_slide_skipping:D,item_download_timeout:E,item_slider_width:F,item_show_pdf:d,item_show_contents:d,item_show_filename:d},colors:{header_text:m,header_bg:i,accent:i}},social:G}},item:{result:{id:25253,name:n,category:H,count:54,jpg:"jpg\u002F25253",hits:83,download:b,h1:"HTML (HyperText Markup Language) презентация",meta:{h1:n,title:n,description:"HTML (HyperText Markup Language) презентация на тему, доклад, Без категории",keywords:"HTML (HyperText Markup Language), презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Без категории",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему HTML (HyperText Markup Language) из раздела Без категории. Презентация на заданную тему содержит 54 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",seo_text:"\u003Cp\u003EСайт – набор текстовых файлов\r\n (каждый из которых соответствует странице сайта)\u003Cbr\u003E\u003Cp\u003EНабор текстовых файлов в формате HTML\u003Cbr\u003E \u003Cp\u003EЗачем нужен HTML?\u003Cbr\u003E\u003Cp\u003EHTML задумывался как средство переноса научной документации в электронный вид\u003Cbr\u003E",file:"HTML-(HyperText-Markup-Language).pptx",texts:["\u003Cp\u003EHTML\u003Cbr\u003E\u003Cp\u003Evk.com\u002Fweb.dev.courses\u003Cbr\u003E\u003Cp\u003Eweb.dev.courses.dp.ua\u002Ffiles\u003Cbr\u003E","\u003Cp\u003EСайт – набор текстовых файлов\r\n (каждый из которых соответствует странице сайта)\u003Cbr\u003E\u003Cp\u003EНабор текстовых файлов в формате HTML\u003Cbr\u003E","\u003Cp\u003EЗачем нужен HTML?\u003Cbr\u003E\u003Cp\u003EHTML задумывался как средство переноса научной документации в электронный вид\u003Cbr\u003E",j,j,"\u003Cp\u003EЭто заголовок (название)\u003Cbr\u003E\u003Cp\u003EЭто аннотация\u003Cbr\u003E\u003Cp\u003EА это пошли параграфы\u003Cbr\u003E\u003Cp\u003EЗачем нужен HTML?\u003Cbr\u003E",j,j,"\u003Cp\u003EHTML (HyperText Markup Language) – язык разметки текста, по сути структурирует (определяет структуру текста) и выполняет роль контейнера для текста (данных, информации).\u003Cbr\u003EЯзык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме.\u003Cbr\u003E\u003Cp\u003EДанные + Метаданные\u003Cbr\u003E\u003Cp\u003E\u003Ctitle\u003E Page title \u003C\u002Ftitle\u003E\u003Cbr\u003E\u003Cp\u003EТекст + Как текст отобразить\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\u003EMicrosoft Word ☺\u003Cbr\u003E\u003Cp\u003EТекстовый процессор\u003Cbr\u003E","\u003Cp\u003ENotepad++\u003Cbr\u003E\u003Cp\u003EТекстовый редактор\u003Cbr\u003E","\u003Cp\u003EHTML документ\u003Cbr\u003E\u003Cp\u003EСохраните как *.html, Ctrl+Shift+Alt+R\u003Cbr\u003E","\u003Cp\u003EHTML документ\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 =\u003E От 1 до 6 байт – триллионы символов. Все языковые наборы.\u003Cbr\u003E\u003Cp\u003EBOM – как сигнализатор того, что файл в формате Unicode.\u003Cbr\u003E\u003Cp\u003EASCII\u003Cbr\u003E\u003Cp\u003EUTF-8\u003Cbr\u003E\u003Cp\u003EUTF-8 BOM\u003Cbr\u003E\u003Cp\u003EUnicode как решение проблемы…\u003Cbr\u003E","\u003Cp\u003EТерминология\u003Cbr\u003E\u003Cp\u003EANSI – Американский национальный институт стандартов. Придумали однобайтовую кодировку ASCII.\u003Cbr\u003E\u003Cp\u003EASCII – Таблица кодировки которую придумал американский институт стандартов. Однобайтовая кодировка, содержит 128 символов из 256 возможных, только латинские буквы.\u003Cbr\u003E\u003Cp\u003EWindows-cp1251 – Кодовая таблица расширяющая ASCII за счёт незанятых 128 символов, содержит кириллические символы. Является стандартной кодировкой для Windows.\u003Cbr\u003E\u003Cp\u003EKOI-8R – Кодовая таблица расширяющая ASCII за счёт незанятых 128 символов, содержит кириллические символы. Является стандартной кодировкой для OpenSourse ПО. Расположение кириллических символов не совпадает с ср1251.\u003Cbr\u003E\u003Cp\u003EISO 8859-5, cp866 – Кодовая таблица расширяющая ASCII за счёт незанятых 128 символов, содержит кириллические символы. Менее распространены чем cp1251 и KOI-8R, встречается на Юниксоподобных системам.\u003Cbr\u003E\u003Cp\u003EUnicode – Стандарт кодирования (и общее название семейства многобайтовых кодировок), позволяющий представить знаки практически всех языков.\u003Cbr\u003E\u003Cp\u003EUTF-8, UTF-16 и т.п. – Конкретные версии многобайтовых кодировок относящихся к семейству Unicode.\u003Cbr\u003E\u003Cp\u003EBOM (Byte Order Mark) – метка указывающая принадлежность кодировки файла к семейству Unicode.\u003Cbr\u003E","\u003Cp\u003EКак определить в какой кодировке файл?\u003Cbr\u003E","\u003Cp\u003E\u003Cmeta charset = \"UTF-8\" \u002F\u003E \u003Cbr\u003E\u003Cp\u003E…или же сохранять файлы в кодировке UTF-8 с меткой BOM.\u003Cbr\u003E","\u003Cp\u003EСтруктура HTML документа\u003Cbr\u003E",I,I,"\u003Cp\u003EОбъявление типа документа\u003Cbr\u003E","\u003Cp\u003E\u003CHEAD\u003E\u003Cbr\u003E\u003Cp\u003E\u003Ctitle\u003E\u003C\u002Ftitle\u003E\u003Cbr\u003E\u003Cmeta \u002F\u003E\u003Cbr\u003E\u003Clink \u002F\u003E\u003Cbr\u003E\u003Cstyle\u003E\u003C\u002Fstyle\u003E\u003Cbr\u003E\u003Cscript\u003E\u003C\u002Fscript\u003E\u003Cbr\u003E","\u003Cp\u003E\u003CBODY\u003E\u003Cbr\u003E\u003Cp\u003ECONTENT \u003Cbr\u003E","\u003Cp\u003EСохраните как *.html, Ctrl+Shift+Alt+R\u003Cbr\u003E\u003Cp\u003EРазмещение элементов на странице\u003Cbr\u003E\u003Cp\u003E?!?\u003Cbr\u003E","\u003Cp\u003EРазмещение элементов на странице\u003Cbr\u003E","\u003Cp\u003EInline & Block\u003Cbr\u003E\u003Cp\u003E\u003Cspan\u003E\u003C\u002Fspan\u003E & \u003Cdiv\u003E\u003C\u002Fdiv\u003E\u003Cbr\u003E\u003Cp\u003EСтрочные и Блочные теги\u003Cbr\u003E",J,"\u003Cp\u003EСтрочные и Блочные теги\u003Cbr\u003E\u003Cp\u003EБлочным называется элемент, который отображается на веб-странице в виде прямоугольника. Такой элемент занимает всю доступную ширину, высота элемента определяется его содержимым, и он всегда начинается с новой строки.\u003Cbr\u003E\u003Cp\u003EСтрочные элементы можно вставлять в блочные, наоборот нельзя\u003Cbr\u003E\u003Cp\u003EСтрочными называются такие элементы документа, которые являются непосредственной частью строки.\u003Cbr\u003E",J,"\u003Cp\u003EБлочные (Block)\u003Cbr\u003E\u003Cp\u003E…\u003Cbr\u003E\u003Cdiv\u003E\u003Cbr\u003E \u003Cdiv\u003E\u003C\u002Fdiv\u003E\u003Cbr\u003E \u003Cdiv\u003E\u003C\u002Fdiv\u003E\r\n\u003C\u002Fdiv\u003E\u003Cbr\u003E…\u003Cbr\u003E","\u003Cp\u003E…\u003Cbr\u003E\u003Cdiv\u003E\u003Cbr\u003E \u003Cspan\u003E\u003C\u002Fspan\u003E\u003Cbr\u003E \u003Cspan\u003E\u003C\u002Fspan\u003E\u003Cbr\u003E \u003Cdiv\u003E\u003Cbr\u003E \u003Cspan\u003E\u003C\u002Fspan\u003E\u003Cspan\u003E\u003C\u002Fspan\u003E \u003Cbr\u003E \u003C\u002Fdiv\u003E\r\n\u003C\u002Fdiv\u003E\u003Cbr\u003E…\u003Cbr\u003E\u003Cp\u003EСтрочные (Inline)\u003Cbr\u003E","\u003Cp\u003EБлочные (Inline)\u003Cbr\u003E","\u003Cp\u003EБлочные (Block)\u003Cbr\u003E\u003Cp\u003E…\u003Cbr\u003E\u003Cdiv\u003E\u003Cbr\u003E \u003Cdiv\u003E…\u003C\u002Fdiv\u003E\r\n\u003C\u002Fdiv\u003E\u003Cbr\u003E…\u003Cbr\u003E","\u003Cp\u003EСтрочные (Inline)\u003Cbr\u003E","\u003Cp\u003EСтрочные (Inline)\u003Cbr\u003E\u003Cp\u003E…\u003Cbr\u003E\u003Cdiv\u003E\u003Cbr\u003E \u003Cspan\u003E…\u003C\u002Fspan\u003E\r\n\u003C\u002Fdiv\u003E\u003Cbr\u003E…\u003Cbr\u003E","\u003Cp\u003EБлочные (Block)\u003Cbr\u003E\u003Cp\u003E\u003Cp\u003E, \u003Ch1\u003E…\u003Ch6\u003E, \u003Cdiv\u003E, \u003Col\u003E, \u003Cul\u003E…\u003Cbr\u003E\u003Cp\u003EСтрочные (Inline)\u003Cbr\u003E\u003Cp\u003E\u003Cb\u003E, \u003Ci\u003E, \u003Ca\u003E, \u003Ccode\u003E, \u003Cem\u003E…\u003Cbr\u003E","\u003Cp\u003EСема́нтика — раздел лингвистики, изучающий смысловое значение единиц языка.\u003Cbr\u003E\u003Cp\u003EДля поисковых систем содержимое страниц перестало быть просто набором слов.\u003Cbr\u003E","\u003Cp\u003E\u003CBODY\u003E TEXT\u003Cbr\u003E\u003Cp\u003EВыделение и оформление текста\u003Cbr\u003E","\u003Cp\u003E\u003CBODY\u003E TEXT\u003Cbr\u003E\u003Cp\u003EСемантическое значение\u003Cbr\u003E","\u003Cp\u003E\u003CBODY\u003E TEXT\u003Cbr\u003E","\u003Cp\u003E\u003CBODY\u003E Изображения\u003Cbr\u003E\u003Cp\u003E\u003Cimg … \u002F\u003E\u003Cbr\u003E\u003Cp\u003Esrc=\"\"\u003Cbr\u003Ewidth=\"\" \u003Cbr\u003Eheight=\"\" \u003Cbr\u003Ealt=\"\"\u003Cbr\u003E","\u003Cp\u003E\u003CBODY\u003E Ссылки\u003Cbr\u003E\u003Cp\u003E\u003Ca … \u002F\u003E\u003Cbr\u003E\u003Cp\u003Ehref=\"\"\u003Cbr\u003Etarget=\"\" \u003Cbr\u003Erel=\"\" \u003Cbr\u003E","\u003Cp\u003EСсылки & Изображения\u003Cbr\u003E\u003Cp\u003Ehttp:\u002F\u002Fweb.dev.courses.dp.ua\u002Ffiles\u002Fetc\u002Fglobe.jpg\u003Cbr\u003E","\u003Cp\u003EСсылки & Изображения\u003Cbr\u003E","\u003Cp\u003Ewww.w3.org\u003Cbr\u003E\u003Cp\u003EWorld Wide Web Consortium (W3C)\u003Cbr\u003E","\u003Cp\u003EОсвой самостоятельно HTML (Д. Хейз)\u003Cbr\u003E","\u003Cp\u003Ehttp:\u002F\u002Fwww.w3schools.com\u002Fhtml\u002F\u003Cbr\u003E","\u003Cp\u003EУзнать, что такое спецсимволы HTML зачем нужны, как правильно использовать:\u003Cbr\u003Ehttp:\u002F\u002Fwww.google.com\u003Cbr\u003E\u003Cp\u003EУзнать, что делают следующие теги: \u003C!DOCTYPE\u003E, \u003C!-- --\u003E, \u003Ca\u003E, \u003Cbr\u003E, \u003Cbody\u003E, \u003Cdiv\u003E, \u003Cfont\u003E, \u003Cform\u003E, \u003Cfooter\u003E, \u003Ch1\u003E-\u003Ch6\u003E, \u003Chead\u003E, \u003Cheader\u003E, \u003Chr\u003E, \u003Chtml\u003E, \u003Ci\u003E, \u003Cimg\u003E, \u003Ciframe\u003E, \u003Clink\u003E, \u003Cmeta\u003E, \u003Cul\u003E, \u003Col\u003E, \u003Cp\u003E, \u003Cstrong\u003E, \u003Cspan\u003E, \u003Cscript\u003E, \u003Cstyle\u003E, \u003Ctable\u003E, \u003Ctr\u003E, \u003Ctd\u003E, \u003Ctitle\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Узнать зачем они нужны. \u003Cbr\u003E\u003Cp\u003EДомашнее задания\u003Cbr\u003E","\u003Cp\u003EДомашнее задания\u003Cbr\u003E\u003Cp\u003EСверстать HTML страницу максимально соответствующую шаблону\u003Cbr\u003E\u003Cp\u003Ehttp:\u002F\u002Fweb.dev.courses.dp.ua\u002Ffiles\u002Fetc\u002Fhome_02.pdf\u003Cbr\u003E"],href:"\u002Funcategorized\u002Fhtml-hypertext-markup-language",href_category:"\u002Funcategorized",date:1625696870,related:[{id:72214,name:"Атомные спектры",href:"\u002Funcategorized\u002Fatomnye-spektry",jpg:"jpg\u002F72214"},{id:53931,name:"Сүйек буын туберкулезі",href:"\u002Funcategorized\u002Fsyek-buyn-tuberkulez-1",jpg:"jpg\u002F53931"},{id:511237,name:"Презентация к занятию Чайный сервиз",href:"\u002Funcategorized\u002Fprezentatsiya-k-zanyatiyu-chaynyy-serviz",jpg:"jpg\u002F511237"},{id:249538,name:"Стандартизація продукції тваринництва",href:"\u002Funcategorized\u002Fstandartizatsya-produkts-tvarinnitstva-1",jpg:"jpg\u002F249538"},{id:51839,name:"Рокфор кейтеринг - ресторан выездного обслуживания",href:"\u002Funcategorized\u002Frokfor-keytering-restoran-vyezdnogo-obsluzhivaniya",jpg:"jpg\u002F51839"},{id:59355,name:"Империя Карла Великого",href:"\u002Funcategorized\u002Fimperiya-karla-velikogo",jpg:"jpg\u002F59355"},{id:467474,name:"презентация Непредельные углеводороды.Этилен и его гомологи",href:"\u002Funcategorized\u002Fprezentatsiya-nepredelnye-uglevodorodyetilen-i-ego-gomologi",jpg:"jpg\u002F467474"},{id:84416,name:"Ивановский текстиль. Распродажа постельного белья",href:"\u002Funcategorized\u002Fivanovskiy-tekstil-rasprodazha-postelnogo-belya",jpg:"jpg\u002F84416"},{id:456887,name:"Современный урок",href:"\u002Funcategorized\u002Fsovremennyy-urok-6",jpg:"jpg\u002F456887"},{id:58742,name:"Нові інформаційні технології в умовах розвитку споживчого ринку України",href:"\u002Funcategorized\u002Fnov-nformatsyn-tehnolog-v-umovah-rozvitku",jpg:"jpg\u002F58742"},{id:604451,name:"Водоснабжение населенных пунктов",href:"\u002Funcategorized\u002Fvodosnabzhenie-naselennyh-punktov-1",jpg:"jpg\u002F604451"},{id:444089,name:"Замечательное животное - лошадь",href:"\u002Funcategorized\u002Fzamechatelnoe-zhivotnoe-loshad",jpg:"jpg\u002F444089"},{id:32203,name:"Етапи розвитку української культури. (Лекція 2)",href:"\u002Funcategorized\u002Fetapi-rozvitku-ukransko-kulturi-lektsya-2",jpg:"jpg\u002F32203"},{id:81782,name:"Я рисую пластилином. 1 часть",href:"\u002Funcategorized\u002Fya-risuyu-plastilinom-1-chast",jpg:"jpg\u002F81782"},{id:75546,name:"День народного единства",href:"\u002Funcategorized\u002Fden-narodnogo-edinstva-2",jpg:"jpg\u002F75546"},{id:24597,name:"Great English writers",href:"\u002Funcategorized\u002Fgreat-english-writers",jpg:"jpg\u002F24597"},{id:53020,name:"День защиты детей. Группа Лилия",href:"\u002Funcategorized\u002Fden-zashchity-detey-gruppa-liliya",jpg:"jpg\u002F53020"},{id:39802,name:"Публицистический стиль речи",href:"\u002Funcategorized\u002Fpublitsisticheskiy-stil-rechi",jpg:"jpg\u002F39802"},{id:458819,name:"Презентация Герои мифов в скульптуре",href:"\u002Funcategorized\u002Fprezentatsiya-geroi-mifov-v-skulpture",jpg:"jpg\u002F458819"},{id:55434,name:"Предмет, функции и основные направления философии",href:"\u002Funcategorized\u002Fpredmet-funktsii-i-osnovnye-napravleniya-filosofii",jpg:"jpg\u002F55434"},{id:65885,name:"Искусство публичной презентации",href:"\u002Funcategorized\u002Fiskusstvo-publichnoy-prezentatsii",jpg:"jpg\u002F65885"},{id:69287,name:"Winter Gift Giver Christmas Card",href:"\u002Funcategorized\u002Fwinter-gift-giver-christmas-card",jpg:"jpg\u002F69287"},{id:470321,name:"Электронная база викторин по безопасности.",href:"\u002Funcategorized\u002Felektronnaya-baza-viktorin-po-bezopasnosti",jpg:"jpg\u002F470321"},{id:46712,name:"Воспитание общей выносливости у подростков-баскетболистов в процессе внеурочных занятий баскетболом",href:"\u002Funcategorized\u002Fvospitanie-obshchey-vynoslivosti-u-podrostkov-basketbolistov",jpg:"jpg\u002F46712"},{id:39434,name:"future of cultural diplomacy in the information age",href:"\u002Funcategorized\u002Ffuture-of-cultural-diplomacy-in-the",jpg:"jpg\u002F39434"},{id:21513,name:"Третье путешествие Апостола Павла",href:"\u002Funcategorized\u002Ftrete-puteshestvie-apostola-pavla",jpg:"jpg\u002F21513"},{id:27355,name:"Нам время это позабыть нельзя. Из истории эвакогоспиталя №1327",href:"\u002Funcategorized\u002Fnam-vremya-eto-pozabyt-nelzya-iz",jpg:"jpg\u002F27355"},{id:412706,name:"Tecnologías ferroviarias desarrolladas",href:"\u002Funcategorized\u002Ftecnologas-ferroviarias-desarrolladas",jpg:"jpg\u002F412706"}],navigation:{next:"\u002Funcategorized\u002Fsotsialnaya-set-vkontakte",next_name:"Социальная сеть ВКонтакте",prev:"\u002Funcategorized\u002Fstorya-viniknennya-etiketu-1",prev_name:"Історія виникнення етикету"}}},categories:{result:[{id:K,ordering:b,name:H,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:K,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:"Информатика",pseudoname:"informatika"},{id:109,ordering:9,name:"История",pseudoname:"istoriya"},{id:139,ordering:k,name:"Литература",pseudoname:"literatura"},{id:119,ordering:l,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:L,SITE_HOST:"mypreza.com",SITE_LANG:M,API_BASE_URL:"https:\u002F\u002Fmypreza.com\u002Fapi\u002F",pwaManifest:{name:L,short_name:a,description:a,lang:M,start_url:"\u002F?standalone=true",display:"standalone",background_color:m,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:c,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:c,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:c,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:c,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:c,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:c,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:c,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:c,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:c,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:c,sizes:R,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:c,sizes:S,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:c,sizes:S,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:c,sizes:T,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:c,sizes:T,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:o,main_text:a,main_title:p,main_description:q,main_keywords:r,main_image:a},app:{logo_image:s,logo_image_width:t,logo_image_height:u,logo_text:a,image_width_full:v,image_width_min:w,recaptcha_key:x,yandex_search:y,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:z,footer_before:a,footer:a,dark_theme:e,strategy:{image_alt_words:k,item_slide_header:A,item_images:B,item_images_tag:h,item_words_h3:d,item_words_tag:h,item_words_1:l,routing:C,item_slide_skipping:D,item_download_timeout:E,item_slider_width:F,item_show_pdf:d,item_show_contents:d,item_show_filename:d},colors:{header_text:m,header_bg:i,accent:i}},social:G,token:a}}}}("",0,"image\u002Fpng",true,false,"any","maskable","h2","#d53032","\u003Cp\u003EЗачем нужен HTML?\u003Cbr\u003E",10,11,"#ffffff","HTML (HyperText Markup Language)","Учебные презентации","Презентации в 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",1,"Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))</script><script type="module" src="/_nuxt/entry.0d6add34.js" crossorigin></script></body>
</html>