Создание HTML. Примеры тегов с атрибутами презентация

Клиентская часть
Сервер
Клиент
CSS
HTML
Верстка, структура
Оформление
форматирование
Интерактивность, «общение» с сервером
Javascript

HTML

HTML
HTML = обычный текст + теги

HTML. Тэги
Текст как и в любых других файлах используется для передачи информации, а разметочные тэги используются для ее группировки и оформления.
Разметочные тэги HTML представляют собой специальные слова, которые окружены с обеих сторон угловыми скобками, например: .

HTML. Тэги
HTML тэги обычно используются в паре, например:
. Первый тэг называется начальным тэгом, а второй конечным тэгом.
Текст находящийся между начальным и конечным тэгом подвергается "разметке".
Например
Привет
будет отображено браузером как Привет (слово 'Привет' написанное жирным шрифтом).

HTML. Пример
Любой HTML документ состоит из обычного текста и
разметочных тэгов
. Текст как и в любых других файлах используется для передачи информации, а разметочные тэги используются для ее группировки и оформления.
Разметочные тэги
HTML представляют собой специальные слова, которые окружены с обеих сторон угловыми скобками, например: .
HTML тэги обычно используются в паре, например:
. Первый тэг называется начальным тэгом, а второй конечным тэгом.
Текст находящийся между начальным и конечным тэгом подвергается "разметке". Например
Привет
будет отображено браузером как Привет (слово 'Привет' написанное жирным шрифтом).

HTML
Если HTML документ будет открыт в редакторе он будет отображен как обычный текстовый файл.
Если HTML документ будет открыт в браузере он будет отображен в соответствии с разметочными тэгами и будет называться веб-страницей.

HTML. Пример
Мой первый заголовок!
Привет всем!

HTML. Пример

Объяснение примера
Тэг объявляет начало и конец HTML документа;
Тэг содержит все видимое содержимое HTML страницы;
Тэг
позволяет "разметить" вложенный в него текст как заголовок;
Тэг
позволяет "разметить" вложенный в него текст как абзац.

Создание HTML-документа
Для того, чтобы создать HTML документ необходимо:
Открыть любой текстовый редактор (например блокнот встроенный в Windows);
Набрать произвольный текст и разметить его HTML тэгами;
Cохранить файл с расширением .htm или .html.

Редакторы
Блокнот
Notepad ++
Sublime Text
Atom
…

HTML-элементы

Парные и непарные теги
Парные теги: <тег> содержимое
Одинарные теги: <тег />

Парные теги

Заголовки
…

Абзац
…

Cсылки
-->
Текст закладки.
Текст ссылки
Внешние
Внутренние

Ссылки
…

Вставка картинки
Пример:

Картинки

Атрибуты тега
<тег атрибуты>
содержимое

Атрибуты тега
<тег атрибут1 атрибут2 … атрибутN>
содержимое

Атрибуты тега
<тег атрибут1=значение атрибут2=значение …> содержимое

Примеры тегов с атрибутами
wisdomweb.ru href="http://mysite.ru/" title=“Комментарий про мой сайт”>Мой сайт
просто текст

Стандартные атрибуты

Оформление текста
Жирный текст
Курсивный текст
(перевод на новую строку)

Оформление текста

Перевод на новую строку:

Горизонтальная линия:

Предформатированный текст

Оформление с помощью CSS

Устаревшие теги

Таблицы. Пример

Таблицы
Создание таблицы
Создание строки
Слайд 37
Таблицы. Пример
Создание ячейки
Россия
141
США
309
Китай
1338
Великобритания
61

Таблицы. Пример

Растягивание ячеек

Вложенные теги
Данный текст курсивный и жирный одновременно.

Списки
HTML
Результат

Вложенные списки

Теги-контейнеры
Содержимое
Содержимое

Формы
Текстовые поля
Флажки
Радио-кнопки
Кнопки
и другие

Формы

Текстовое поле
HTML
Результат

Флажки
HTML
Результат

Выпадающий список
HTML
Результат
и
Слайд 48
Группы в формах
HTML
Результат
и
Имя файла: Создание-HTML.-Примеры-тегов-с-атрибутами.pptx
Количество просмотров: 20
Количество скачиваний: 0
Скачать
- Предыдущая
Содержание и значение финансового анализа деятельности банка
Следующая -
Породы свиней
Похожие презентации
PE Linker. Лабораторная работа № 6
Проектирование и реализация дизайн-макета кинотеатра
Встроенные функции Excel
Базы данных Системы управления базами данных
Digital Signal Processing
Программа зимней школы журналистики - Алушта 2017
Инфографика в социологии
Программирование на Паскале. Создание диалоговых программ.
Технология работы с онлайн сервисом. Фабрика кроссвордов
Проектирование системы видеонаблюдения офисного здания
Електронне листування з використанням веб-інтерфейсу. Вкладені файли
Introduction to PL/SQL
Лекция 6. Reflection
Course project projection in AutoCAD system Computer graphic
Планування локальної обчислювальної мережі організації за технологією Ethernet
Информатика. Теоретическая информатика
Гражданская война. Легендарный Щорс
Услуга новая телефония. Ростелеком
Компьютерная графика (Autodesk 3ds max). Лекция 10. Работа с камерами
Система безопасности серверов БД
Продвижение социальных проектов
How did we make the biggest game on Defold in 1 year
Операционная система Windows
Алгоритми та методи обчислень. Tестування
Presentation template
ER-моделирование баз данных
Введение в СИ++
Offline Conversion Tracking
Обратная связь
Email:
Нажмите что бы посмотреть
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){return {data:{meta:{result:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:q,logo_image_height:r,logo_text:a,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:c,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:w,footer_before:a,footer:a,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:x,item_images:y,item_images_tag:z,item_words_h3:c,item_words_tag:A,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:j,header_bg:i,accent:i}},social:F}},item:{result:{id:372977,name:k,category:G,count:49,jpg:"jpg\u002F372977",hits:H,download:b,h1:"Создание HTML. Примеры тегов с атрибутами презентация",meta:{h1:k,title:k,description:"Создание HTML. Примеры тегов с атрибутами презентация на тему, доклад, Информатика",keywords:"Создание HTML. Примеры тегов с атрибутами, презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Информатика",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему Создание HTML. Примеры тегов с атрибутами из раздела Информатика. Презентация на заданную тему содержит 49 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",seo_text:"\u003Cp\u003EКлиентская часть\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003EСервер\u003Cbr\u003E\u003Cp\u003EКлиент\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003ECSS\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003EHTML\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003EВерстка, структура\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003EОформление\u003Cbr\u003Eформатирование\u003Cbr\u003E\u003Cp\u003EИнтерактивность, «общение» с сервером\u003Cbr\u003E\u003Cp\u003EJavascript\u003Cbr\u003E \u003Cp\u003EHTML\u003Cbr\u003E",file:"Создание-HTML.-Примеры-тегов-с-атрибутами.pptx",texts:["\u003Cp\u003EТема 1. HTML\u003Cbr\u003E\u003Cp\u003EФедорищев Леонид Александрович\u003Cbr\u003E\u003Cp\u003EВГУЭС\u003Cbr\u003E","\u003Cp\u003EКлиентская часть\u003Cbr\u003E\u003Cp\u003EСервер\u003Cbr\u003E\u003Cp\u003EКлиент\u003Cbr\u003E\u003Cp\u003ECSS\u003Cbr\u003E\u003Cp\u003EHTML\u003Cbr\u003E\u003Cp\u003EВерстка, структура\u003Cbr\u003E\u003Cp\u003EОформление\u003Cbr\u003Eформатирование\u003Cbr\u003E\u003Cp\u003EИнтерактивность, «общение» с сервером\u003Cbr\u003E\u003Cp\u003EJavascript\u003Cbr\u003E","\u003Cp\u003EHTML\u003Cbr\u003E","\u003Cp\u003EHTML\u003Cbr\u003E\u003Cp\u003EHTML = обычный текст + теги \u003Cbr\u003E","\u003Cp\u003EHTML. Тэги\u003Cbr\u003E\u003Cp\u003EТекст как и в любых других файлах используется для передачи информации, а разметочные тэги используются для ее группировки и оформления.\u003Cbr\u003EРазметочные тэги HTML представляют собой специальные слова, которые окружены с обеих сторон угловыми скобками, например: \u003Chtml\u003E. \u003Cbr\u003E","\u003Cp\u003EHTML. Тэги\u003Cbr\u003E\u003Cp\u003EHTML тэги обычно используются в паре, например: \u003Cb\u003E\u003C\u002Fb\u003E. Первый тэг называется начальным тэгом, а второй конечным тэгом. \u003Cbr\u003EТекст находящийся между начальным и конечным тэгом подвергается \"разметке\". \u003Cbr\u003EНапример \u003Cb\u003EПривет\u003C\u002Fb\u003E будет отображено браузером как Привет (слово 'Привет' написанное жирным шрифтом). \u003Cbr\u003E","\u003Cp\u003EHTML. Пример\u003Cbr\u003E\u003Cp\u003EЛюбой HTML документ состоит из обычного текста и \u003Cb\u003Eразметочных тэгов \u003C\u002Fb\u003E. Текст как и в любых других файлах используется для передачи информации, а разметочные тэги используются для ее группировки и оформления.\u003Cbr\u003E\u003Cb\u003E Разметочные тэги \u003C\u002Fb\u003E HTML представляют собой специальные слова, которые окружены с обеих сторон угловыми скобками, например: \u003Chtml\u003E. \u003Chr\u002F\u003E\u003Cbr\u003EHTML тэги обычно используются в паре, например: \u003Cb\u003E \u003C\u002Fb\u003E. Первый тэг называется начальным тэгом, а второй конечным тэгом.\u003Cbr\u003EТекст находящийся между начальным и конечным тэгом подвергается \"разметке\". Например \u003Cb\u003EПривет\u003C\u002Fb\u003E будет отображено браузером как Привет (слово 'Привет' написанное жирным шрифтом).\u003Cbr\u003E","\u003Cp\u003EHTML\u003Cbr\u003E\u003Cp\u003EЕсли HTML документ будет открыт в редакторе он будет отображен как обычный текстовый файл.\u003Cbr\u003EЕсли HTML документ будет открыт в браузере он будет отображен в соответствии с разметочными тэгами и будет называться веб-страницей.\u003Cbr\u003E","\u003Cp\u003EHTML. Пример\u003Cbr\u003E\u003Cp\u003E\u003Chtml\u003E \u003Cbr\u003E\u003Cbody\u003E\u003Cbr\u003E \u003Ch1\u003EМой первый заголовок!\u003C\u002Fh1\u003E\u003Cbr\u003E \u003Cp\u003EПривет всем!\u003C\u002Fp\u003E \u003Cbr\u003E\u003C\u002Fbody\u003E\u003Cbr\u003E \u003C\u002Fhtml\u003E\u003Cbr\u003E","\u003Cp\u003EHTML. Пример\u003Cbr\u003E","\u003Cp\u003EОбъяснение примера\u003Cbr\u003E\u003Cp\u003EТэг \u003Chtml\u003E объявляет начало и конец HTML документа;\u003Cbr\u003EТэг \u003Cbody\u003E содержит все видимое содержимое HTML страницы;\u003Cbr\u003EТэг \u003Ch1\u003E позволяет \"разметить\" вложенный в него текст как заголовок;\u003Cbr\u003EТэг \u003Cp\u003E позволяет \"разметить\" вложенный в него текст как абзац.\u003Cbr\u003E","\u003Cp\u003EСоздание HTML-документа\u003Cbr\u003E\u003Cp\u003EДля того, чтобы создать HTML документ необходимо:\u003Cbr\u003EОткрыть любой текстовый редактор (например блокнот встроенный в Windows); \u003Cbr\u003EНабрать произвольный текст и разметить его HTML тэгами; \u003Cbr\u003ECохранить файл с расширением .htm или .html.\u003Cbr\u003E","\u003Cp\u003EРедакторы\u003Cbr\u003E\u003Cp\u003EБлокнот \u003Cbr\u003ENotepad ++ \u003Cbr\u003ESublime Text\u003Cbr\u003EAtom\u003Cbr\u003E…\u003Cbr\u003E","\u003Cp\u003EHTML-элементы\u003Cbr\u003E","\u003Cp\u003EПарные и непарные теги\u003Cbr\u003E\u003Cp\u003EПарные теги: \t\t\u003Cтег\u003E содержимое \u003C\u002Fтег\u003E\u003Cbr\u003EОдинарные теги:\t\u003Cтег \u002F\u003E\u003Cbr\u003E","\u003Cp\u003EПарные теги\u003Cbr\u003E","\u003Cp\u003EЗаголовки\t\u003Ch1\u003E…\u003C\u002Fh1\u003E\u003Cbr\u003E","\u003Cp\u003EАбзац \u003Cp\u003E…\u003C\u002Fp\u003E\u003Cbr\u003E","\u003Cp\u003ECсылки\u003Cbr\u003E\u003Cp\u003E\u003C!-- Создание гиперссылки на закладку --\u003E \u003Cbr\u003E\u003Ca href=\"#bookmark«\u003EТекст ссылки \u003C\u002Fa\u003E \u003Cbr\u003E\u003C!-- Создание закладки --\u003E \u003Cbr\u003E\u003Ca id=\"bookmark\"\u003EТекст закладки. \u003C\u002Fa\u003E \u003Cbr\u003E\u003Cp\u003E\u003Ca href=\"адрес\"\u003EТекст ссылки \u003C\u002Fa\u003E \u003Cbr\u003E\u003Cp\u003EВнешние\u003Cbr\u003E\u003Cp\u003EВнутренние\u003Cbr\u003E","\u003Cp\u003EСсылки \u003Ca href=“”\u003E…\u003C\u002Fa\u003E\u003Cbr\u003E","\u003Cp\u003EВставка картинки\u003Cbr\u003E\u003Cp\u003E\u003Cimg src=‘Адрес’ width=‘Число’ height=‘Число’ \u002F\u003E\u003Cbr\u003E\u003Cbr\u003EПример: \u003Cbr\u003E\u003Cimg src='mountimg3.jpg' width='300' height='242' \u002F\u003E\u003Cbr\u003E","\u003Cp\u003EКартинки \u003Cimg src=“” … \u002F\u003E\u003Cbr\u003E","\u003Cp\u003EАтрибуты тега\u003Cbr\u003E\u003Cp\u003E\u003Cтег атрибуты\u003E \u003Cbr\u003E\tсодержимое \u003Cbr\u003E\u003C\u002Fтег\u003E\u003Cbr\u003E","\u003Cp\u003EАтрибуты тега\u003Cbr\u003E\u003Cp\u003E\u003Cтег атрибут1 атрибут2 … атрибутN\u003E \u003Cbr\u003E\tсодержимое \u003Cbr\u003E\u003C\u002Fтег\u003E\u003Cbr\u003E","\u003Cp\u003EАтрибуты тега\u003Cbr\u003E\u003Cp\u003E\u003Cтег атрибут1=значение атрибут2=значение …\u003E \tсодержимое \u003Cbr\u003E\u003C\u002Fтег\u003E\u003Cbr\u003E","\u003Cp\u003EПримеры тегов с атрибутами\u003Cbr\u003E\u003Cp\u003E\u003Ca href=\"http:\u002F\u002Fwww.wisdomweb.ru\u002F\"\u003Ewisdomweb.ru\u003C\u002Fa\u003E \u003Cbr\u003E\u003Cimg src=\"mountimg.jpg\" \u002F\u003E \u003Cbr\u003E\u003Cimg src=\"bike.jpg\" width=300 height=200 \u002F\u003E\u003Cbr\u003E\u003Ca href=\"http:\u002F\u002Fmysite.ru\u002F\" title=“Комментарий про мой сайт”\u003EМой сайт\u003C\u002Fa\u003E \u003Cbr\u003E \u003Cdiv class=“main” align=“center”\u003E просто текст \u003C\u002Fdiv\u003E\u003Cbr\u003E","\u003Cp\u003EСтандартные атрибуты\u003Cbr\u003E","\u003Cp\u003EОформление текста\u003Cbr\u003E\u003Cp\u003E\u003Cb\u003E Жирный текст \u003C\u002Fb\u003E\u003Cbr\u003E\u003Ci\u003E Курсивный текст \u003C\u002Fi\u003E\u003Cbr\u003E\u003Cbr \u002F\u003E (перевод на новую строку)\u003Cbr\u003E","\u003Cp\u003EОформление текста\u003Cbr\u003E","\u003Cp\u003EПеревод на новую строку: \u003Cbr\u003E","\u003Cp\u003EГоризонтальная линия: \u003Chr \u002F\u003E\u003Cbr\u003E","\u003Cp\u003EПредформатированный текст\u003Cbr\u003E","\u003Cp\u003EОформление с помощью CSS\u003Cbr\u003E","\u003Cp\u003EУстаревшие теги\u003Cbr\u003E","\u003Cp\u003EТаблицы. Пример\u003Cbr\u003E","\u003Cp\u003EТаблицы\u003Cbr\u003E\u003Cp\u003E\u003Ctable\u003E Создание таблицы \u003Ctable\u003E\u003Cbr\u003E\u003Ctr\u003E Создание строки \u003C\u002Ftr\u003E\u003Cbr\u003E\u003Ctd\u003E Создание ячейки \u003C\u002Ftd\u003E \u003Cbr\u003E","\u003Cp\u003EТаблицы. Пример\u003Cbr\u003E\u003Cp\u003E\u003Ctable border=\"1\"\u003E \u003Cbr\u003E\u003Ctr\u003E \u003Cbr\u003E\t\u003Ctd\u003EРоссия\u003C\u002Ftd\u003E \u003Ctd\u003E141\u003C\u002Ftd\u003E \u003Cbr\u003E\u003C\u002Ftr\u003E\u003Cbr\u003E\u003Ctr\u003E \u003Ctd\u003EСША\u003C\u002Ftd\u003E \u003Ctd\u003E309\u003C\u002Ftd\u003E \u003C\u002Ftr\u003E \u003Cbr\u003E\u003Ctr\u003E \u003Ctd\u003EКитай\u003C\u002Ftd\u003E \u003Ctd\u003E1338\u003C\u002Ftd\u003E \u003C\u002Ftr\u003E \u003Cbr\u003E\u003Ctr\u003E \u003Ctd\u003EВеликобритания\u003C\u002Ftd\u003E \u003Ctd\u003E61\u003C\u002Ftd\u003E \u003C\u002Ftr\u003E \u003Cbr\u003E\u003C\u002Ftable\u003E\u003Cbr\u003E","\u003Cp\u003EРастягивание ячеек\u003Cbr\u003E","\u003Cp\u003EВложенные теги\u003Cbr\u003E\u003Cp\u003E\t \u003Ci\u003E\u003Cbr\u003E\u003Cb\u003E\u003Cbr\u003EДанный текст курсивный и жирный одновременно.\u003Cbr\u003E\u003C\u002Fb\u003E\u003Cbr\u003E\u003C\u002Fi\u003E\u003Cbr\u003E","\u003Cp\u003EСписки\u003Cbr\u003E\u003Cp\u003EHTML\u003Cbr\u003E\u003Cp\u003EРезультат\u003Cbr\u003E","\u003Cp\u003EВложенные списки\u003Cbr\u003E","\u003Cp\u003EТеги-контейнеры\u003Cbr\u003E\u003Cp\u003E\t \u003Cdiv\u003E \u003Cbr\u003E\t\tСодержимое\u003Cbr\u003E\t \u003C\u002Fdiv\u003E\u003Cbr\u003E\u003Cp\u003E\t \u003Cspan\u003E \u003Cbr\u003E\t\tСодержимое\u003Cbr\u003E\t \u003C\u002Fspan\u003E\u003Cbr\u003E","\u003Cp\u003EФормы\u003Cbr\u003E\u003Cp\u003E Текстовые поля\u003Cbr\u003E Флажки\u003Cbr\u003E Радио-кнопки\u003Cbr\u003E Кнопки\u003Cbr\u003Eи другие\u003Cbr\u003E","\u003Cp\u003EФормы\u003Cbr\u003E","\u003Cp\u003EТекстовое поле\u003Cbr\u003E\u003Cp\u003EHTML\u003Cbr\u003E\u003Cp\u003EРезультат\u003Cbr\u003E\u003Cp\u003E\u003Cinput type=“text\" \u002F\u003E\u003Cbr\u003E","\u003Cp\u003EФлажки\u003Cbr\u003E\u003Cp\u003EHTML\u003Cbr\u003E\u003Cp\u003EРезультат\u003Cbr\u003E\u003Cp\u003E\u003Cinput type=\"checkbox\" \u002F\u003E\u003Cbr\u003E","\u003Cp\u003EВыпадающий список\u003Cbr\u003E\u003Cp\u003EHTML\u003Cbr\u003E\u003Cp\u003EРезультат\u003Cbr\u003E\u003Cp\u003E\u003Cselect\u003E и \u003Coption\u003E\u003Cbr\u003E","\u003Cp\u003EГруппы в формах\u003Cbr\u003E\u003Cp\u003EHTML\u003Cbr\u003E\u003Cp\u003EРезультат\u003Cbr\u003E\u003Cp\u003E\u003Cfieldset\u003E и \u003Clegend\u003E\u003Cbr\u003E","\u003Cp\u003EHTML5\u003Cbr\u003E\u003Cp\u003EТеги-контейнеры: header, footer, article, nav, section, aside\u003Cbr\u003EТеги работы с текстом: dialog, mark, time, progress\u003Cbr\u003EМультимедиа: audio, video\u003Cbr\u003EИнтерактивные элементы: canvas, menu, datagrid\u003Cbr\u003E"],href:"\u002Finformatika\u002Fsozdanie-html-primery-tegov-s-atributami",href_category:"\u002Finformatika",date:1659368805,related:[{id:422221,name:"PE Linker. Лабораторная работа № 6",href:"\u002Finformatika\u002Fpe-linker-laboratornaya-rabota-n-6",jpg:"jpg\u002F422221"},{id:578876,name:"Проектирование и реализация дизайн-макета кинотеатра",href:"\u002Finformatika\u002Fproektirovanie-i-realizatsiya-dizayn-maketa-kinoteatra",jpg:"jpg\u002F578876"},{id:286051,name:"Встроенные функции Excel",href:"\u002Finformatika\u002Fvstroennye-funktsii-excel-1",jpg:"jpg\u002F286051"},{id:384401,name:"Базы данных Системы управления базами данных",href:"\u002Finformatika\u002Fbazy-dannyh-sistemy-upravleniya-bazami-dannyh-3",jpg:"jpg\u002F384401"},{id:214960,name:"Digital Signal Processing",href:"\u002Finformatika\u002Fdigital-signal-processing-1",jpg:"jpg\u002F214960"},{id:198721,name:"Программа зимней школы журналистики - Алушта 2017",href:"\u002Finformatika\u002Fprogramma-zimney-shkoly-zhurnalistiki-alushta-2017",jpg:"jpg\u002F198721"},{id:160825,name:"Инфографика в социологии",href:"\u002Finformatika\u002Finfografika-v-sotsiologii",jpg:"jpg\u002F160825"},{id:573269,name:"Программирование на Паскале. Создание диалоговых программ.",href:"\u002Finformatika\u002Fprogrammirovanie-na-paskale-sozdanie-dialogovyh-programm",jpg:"jpg\u002F573269"},{id:432828,name:"Технология работы с онлайн сервисом. Фабрика кроссвордов",href:"\u002Finformatika\u002Ftehnologiya-raboty-s-onlayn-servisom-fabrika",jpg:"jpg\u002F432828"},{id:101494,name:"Проектирование системы видеонаблюдения офисного здания",href:"\u002Finformatika\u002Fproektirovanie-sistemy-videonablyudeniya-ofisnogo-zdaniya",jpg:"jpg\u002F101494"},{id:294167,name:"Електронне листування з використанням веб-інтерфейсу. Вкладені файли",href:"\u002Finformatika\u002Felektronne-listuvannya-z-vikoristannyam-veb-nterfeysu-1",jpg:"jpg\u002F294167"},{id:5067,name:"Introduction to PL\u002FSQL",href:"\u002Finformatika\u002Fintroduction-to-plsql",jpg:"jpg\u002F5067"},{id:170462,name:"Лекция 6. Reflection",href:"\u002Finformatika\u002Flektsiya-6-reflection",jpg:"jpg\u002F170462"},{id:419606,name:"Course project projection in AutoCAD system Computer graphic",href:"\u002Finformatika\u002Fcourse-project-projection-in-autocad-system",jpg:"jpg\u002F419606"},{id:576931,name:"Планування локальної обчислювальної мережі організації за технологією Ethernet",href:"\u002Finformatika\u002Fplanuvannya-lokalno-obchislyuvalno-merezh-organzats-za",jpg:"jpg\u002F576931"},{id:112026,name:"Информатика. Теоретическая информатика",href:"\u002Finformatika\u002Finformatika-teoreticheskaya-informatika",jpg:"jpg\u002F112026"},{id:141824,name:"Гражданская война. Легендарный Щорс",href:"\u002Finformatika\u002Fgrazhdanskaya-voyna-legendarnyy-shchors",jpg:"jpg\u002F141824"},{id:173862,name:"Услуга новая телефония. Ростелеком",href:"\u002Finformatika\u002Fusluga-novaya-telefoniya-rostelekom",jpg:"jpg\u002F173862"},{id:140247,name:"Компьютерная графика (Autodesk 3ds max). Лекция 10. Работа с камерами",href:"\u002Finformatika\u002Fkompyuternaya-grafika-autodesk-3ds-max-lektsiya-1",jpg:"jpg\u002F140247"},{id:439933,name:"Система безопасности серверов БД",href:"\u002Finformatika\u002Fsistema-bezopasnosti-serverov-bd",jpg:"jpg\u002F439933"},{id:242694,name:"Продвижение социальных проектов",href:"\u002Finformatika\u002Fprodvizhenie-sotsialnyh-proektov",jpg:"jpg\u002F242694"},{id:402539,name:"How did we make the biggest game on Defold in 1 year",href:"\u002Finformatika\u002Fhow-did-we-make-the-biggest",jpg:"jpg\u002F402539"},{id:254683,name:"Операционная система Windows",href:"\u002Finformatika\u002Foperatsionnaya-sistema-windows-89",jpg:"jpg\u002F254683"},{id:581871,name:"Алгоритми та методи обчислень. Tестування",href:"\u002Finformatika\u002Falgoritmi-ta-metodi-obchislen-testuvannya",jpg:"jpg\u002F581871"},{id:295242,name:"Presentation template",href:"\u002Finformatika\u002Fpresentation-template-3",jpg:"jpg\u002F295242"},{id:161308,name:"ER-моделирование баз данных",href:"\u002Finformatika\u002Fer-modelirovanie-baz-dannyh",jpg:"jpg\u002F161308"},{id:259249,name:"Введение в СИ++",href:"\u002Finformatika\u002Fvvedenie-v-si-1",jpg:"jpg\u002F259249"},{id:351601,name:"Offline Conversion Tracking",href:"\u002Finformatika\u002Foffline-conversion-tracking",jpg:"jpg\u002F351601"}],navigation:{next:"\u002Fbiologiya\u002Fporody-sviney-1",next_name:"Породы свиней",prev:"\u002Ffinansy\u002Fsoderzhanie-i-znachenie-finansovogo-analiza-deyatelnosti",prev_name:"Содержание и значение финансового анализа деятельности банка"}}},categories:{result:[{id:I,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:I,name:"Английский язык",pseudoname:"angliyskiy-yazyk"},{id:108,ordering:2,name:"Астрономия",pseudoname:"astronomiya"},{id:104,ordering:3,name:"Алгебра",pseudoname:"algebra"},{id:106,ordering:4,name:"Биология",pseudoname:"biologiya"},{id:142,ordering:5,name:"География",pseudoname:"geografiya"},{id:141,ordering:6,name:"Геометрия",pseudoname:"geometria"},{id:123,ordering:7,name:"Детские презентации",pseudoname:"detskie-prezentatsii"},{id:107,ordering:8,name:G,pseudoname:"informatika"},{id:109,ordering:9,name:"История",pseudoname:"istoriya"},{id:139,ordering:10,name:"Литература",pseudoname:"literatura"},{id:119,ordering:11,name:"Маркетинг",pseudoname:"marketing"},{id:114,ordering:12,name:"Математика",pseudoname:"matematika"},{id:138,ordering:h,name:"Медицина",pseudoname:"medetsina"},{id:118,ordering:14,name:"Менеджмент",pseudoname:"menedzhment"},{id:137,ordering:15,name:"Музыка",pseudoname:"muzyka"},{id:136,ordering:16,name:"МХК",pseudoname:"mhk"},{id:130,ordering:17,name:"Немецкий язык",pseudoname:"nemetskiy-yazyk"},{id:105,ordering:18,name:"ОБЖ",pseudoname:"obzh"},{id:133,ordering:19,name:"Обществознание ",pseudoname:"obshchestvoznanie"},{id:132,ordering:H,name:"Окружающий мир ",pseudoname:"okruzhayushchiy-mir"},{id:131,ordering:21,name:"Педагогика ",pseudoname:"pedagogika"},{id:129,ordering:22,name:"Русский язык",pseudoname:"russkiy-yazyk"},{id:128,ordering:24,name:"Технология",pseudoname:"tehnologiya"},{id:127,ordering:25,name:"Физика",pseudoname:"fizika"},{id:126,ordering:26,name:"Философия",pseudoname:"filosofiya"},{id:125,ordering:27,name:"Химия",pseudoname:"himiya"},{id:124,ordering:29,name:"Экология",pseudoname:"ekologiya"},{id:121,ordering:30,name:"Экономика",pseudoname:"ekonomika"},{id:120,ordering:31,name:"Юриспруденция",pseudoname:"yurisprudentsiya"}]}},state:{},_errors:{},serverRendered:e,config:{public:{SITE_NAME:J,SITE_HOST:"mypreza.com",SITE_LANG:K,API_BASE_URL:"https:\u002F\u002Fmypreza.com\u002Fapi\u002F",pwaManifest:{name:J,short_name:a,description:a,lang:K,start_url:"\u002F?standalone=true",display:"standalone",background_color:j,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:d,sizes:L,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:d,sizes:L,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:d,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:d,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:d,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:d,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:d,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:d,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:d,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:d,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:d,sizes:R,purpose:g}]},yandexMetrika:{id:"85004146",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:e,childIframe:c,clickmap:c,defer:c,useRuntimeConfig:e,trackHash:c,trackLinks:e,type:b,webvisor:c,triggerEvent:c,consoleLog:e,partytown:c,isDev:c}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:a}},pinia:{app:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:q,logo_image_height:r,logo_text:a,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:c,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:w,footer_before:a,footer:a,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:x,item_images:y,item_images_tag:z,item_words_h3:c,item_words_tag:A,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:j,header_bg:i,accent:i}},social:F,token:a}}}}("",0,false,"image\u002Fpng",true,"any","maskable",13,"#d53032","#ffffff","Создание HTML. Примеры тегов с атрибутами","Учебные презентации","Презентации в PowerPoint на разные темы","Презентации, проекты, доклады в PowerPoint на разные темы для учебы","Презентация, на тему, урок, класс, PowerPoint, скачати презентацію, фон, шаблон, доклад, проект.","images\u002Fdata\u002Flogo.png",185,40,720,480,"6LeioWIpAAAAAGqMN4KqMVIkekcMW7fBKHjXCd-a","2503267","[e-mail]","h3a","text","none","h3","category","both",80,800,"\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fes5-shims\u002F0.0.2\u002Fes5-shims.min.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fshare2\u002Fshare.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cdiv class=\"ya-share2\" data-services=\"collections,gplus,vkontakte,facebook,odnoklassniki,gplus,twitter,moimir\" data-counter=\"\"\u003E\u003C\u002Fdiv\u003E","Информатика",20,1,"Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))

Группы в формах
HTML
Результат
и