Основы теории разметки. Введение в язык HTML презентация

HTML
HTML (HyperText Markup Language, Язык гипертекстовой разметки) — язык, использующийся для разметки документов во Всемирной паутине.

Веб-страница
Веб-страница отличается от обычного текста тем, что в ее коде фигурируют управляющие конструкции разметки, определяющие логическую структурудокумента — так называемые теги. Теги заключены в угловые скобки.
Документы веб-страниц, как правило имеют расширение *.htm, *.html.
Специальная программа – браузер – отображает пользователю документ HTML в отформатированном виде.
Главная страница имеет имя index.html или index.htm.

Пример веб-страницы

Элемент
Любой код разметки начинается с доктайпа. Этот элемент говорит браузеру, на каком языке разметки и его версии написан документ.

Теги

Вложенность парных тегов

Типы тегов
Условно теги делятся на следующие типы:
Теги верхнего уровня;
Теги заголовка документа;
Блочные элементы;
Строчные элементы;
Списки;
Таблицы;
Формы.

Теги верхнего уровня

Теги заголовка документа

Блочные элементы
Блочные элементы характеризуются тем, что занимают всю доступную ширину. Высота элемента определяется его содержимым. Элемент всегда начинается с новой строки.

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

Заголовки

Заголовки (результат)

Абзацы

Абзацы (результат)

Абзацы

Абзацы (результат)

Гиперссылки

Изображения
Допускаются форматы: JPEG, PNG, GIF, SVG.
Необязательные атрибуты width и height допустимо использовать для обозначения размеров изображения, а также для заблаговременного обозначения места изображения в тексте документа.

Списки
Списком называется взаимосвязанный набор отдельных фраз или предложений, которые начинаются с маркера или цифры. Списки предоставляют возможность упорядочить и систематизировать разные данные и представить их в наглядном и удобном для пользователя виде.
Виды списков:
Маркированный список;
Нумерованный список;
Список определений.

Маркированный список

Маркированный список (результат)

Маркированный список
Атрибут type является устаревшим для тега ul в HTML5.

Нумерованный список

Нумерованный список (результат)

Нумерованный список
Атрибут type является устаревшим для тега ol в HTML5.

Нумерованный список

Нумерованный список (результат)

Список определений

Список определений (результат)

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

Таблицы

border
Устанавливает толщину границы в пикселах вокруг таблицы. При наличии этого атрибута также отображаются границы между ячеек.
cellpadding
Определяет расстояние между границей ячейки и ее содержимым. Этот атрибут добавляет пустое пространство к ячейке, увеличивая тем самым ее размеры. Без cellpadding текст в таблице «налипает» на рамку, ухудшая тем самым его восприятие. Добавление же cellpadding позволяет улучшить читабельность текста. При отсутствии границ особого значения этот атрибут не имеет, но может помочь, когда требуется установить пустой промежуток между ячейками.
cellspacing
Задает расстояние между внешними границами ячеек. Если установлен атрибут border, толщина границы принимается в расчет и входит в общее значение.
Атрибуты тега
Все являются устаревшими в HTML5.
Слайд 35
Атрибуты тегов
и
colspan
Устанавливает число ячеек, которые должны быть объединены по горизонтали.
Этот атрибут имеет смысл для таблиц, состоящих из нескольких строк.
rowspan
Устанавливает число ячеек, которые должны быть объединены по вертикали. Этот атрибут имеет смысл для таблиц, состоящих из нескольких строк.
Слайд 36
Кнопки
Кнопку на веб-странице можно создать двумя способами — с помощью тега
и тега
.
Кнопка с
текстом
Кнопка с рисунком
Слайд 37
Кнопки
Чтобы задать кнопке ссылку, нужно использовать тег
позволяющий собрать все вложенные теги
и отправить их по определенному протоколу.
Кнопка с текстом
Слайд 38
Новые семантические элементы в HTML5
— определяет основной документ или раздел приложения. В данном
контексте это тематическая группировка содержания, как правило, с заголовком. Например, разделами могут быть главы, вкладки в диалоговом окне и т.д.
— представляет собой раздел навигационных ссылок, содержащий ссылки на другие страницы. Не все группы ссылок должны заключаться в тег
— только разделы, состоящие из основных блоков навигации.
— задает компонент страницы, предназначенный для самостоятельного распространения или повторного использования. Это может быть сообщение форума, журнальная или газетная статья, запись в блоге и т.д.
Слайд 39
Новые семантические элементы в HTML5
— представляет раздел страницы, имеющий косвенное отношение к содержанию
и который можно отделить от контента. В полиграфии такие участки часто выделяют плашкой. Тег
может быть использован для вывода цитат, боковых панелей, рекламы, навигации через
и т.д.
— представляет собой группу из вступительных или навигационных средств. Элемент
обычно содержит заголовок раздела (теги
–
), но это не обязательно.
также может быть использован для обертывания раздела содержания, формы поиска, или соответствующих логотипов.
Слайд 40
Новые семантические элементы в HTML5
— задает нижний колонтитул для раздела содержания или подвал
для страницы. Элемент
обычно содержит информацию о разделе, такую как: имя автора, ссылки на соответствующие документы, авторские данные и тому подобное. Колонтитулы не обязательно должны выводиться в конце раздела, как это обычно делается.
— представляет собой либо время в 24-часовом формате, либо точную дату, которую при желании можно совмещать со временем и указанием часового пояса.
— помечает фрагмент документа или выделяет его в справочных целях.
Слайд 41
Статьи
Слайд 42
Навигация
Слайд 43
Подвал
Слайд 44
Специальные символы
Другие символы можно посмотреть в шпаргалке
Имя файла: Основы-теории-разметки.-Введение-в-язык-HTML.pptx
Количество просмотров: 58
Количество скачиваний: 0
Скачать
- Предыдущая
Водный объект: река Кума
Следующая -
Возвратные глаголы
Похожие презентации
Строки. Кодировка ASCII
Информационная система. База данных
Разработка игр на Unity. Урок 4. Создание игровой механики
Macromedia Flash
Процесс передачи информации, источник и приемник информации, канал передачи информации
Методы тестирования. Требования. Тестирование основанное на требованиях
Разработка методики тестирования crm-систем для компании-разработчика программного обеспечения
Элементы алгебры логики. Математические основы информатики. Информатика. 8 класс
Технология мультимедиа
Транзакции и блокировки
Центры обработки данных (ЦОД). Лекция 17. Система информационной безопасности ЦОД
Методическая разработка внеклассного мероприятия (интеллектуальная игра) по физике и информатике для учащихся 5-11 классов Ералаш
урок информатики Структура Web-страницы
Программирование линейных алгоритмов
Моделирование как метод познания
Составление библиографического описания
Основы системного администрирования и сетевых технологий. Домашняя работа №1
Розробка верхнього рівня web-орієнтованої автоматизованої системи контролю витратомірних параметрів холодної води
Презентация Решение задач на тему Передача файлов по сетям
Создание игры Морской бой на языке C++
Типология БД. Модели представления данных
урок по информатике Кодирование информации. 5-й класс урок по информатикеКодирование информации. 5-й класс
Язык программирования Python
Разработка виртуальной и дополненной реальности
Удаленный доступ к услугам. Финансовая грамотность
Word мәтіндік редакторында кесте құру
Динамикалық SQL
Вездесущая Жизнеутверждающая Инициативная Команда - ВЖИК 4
Обратная связь
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,S,T,U){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:238927,name:k,category:G,count:45,jpg:"jpg\u002F238927",hits:58,download:b,h1:"Основы теории разметки. Введение в язык HTML презентация",meta:{h1:k,title:k,description:"Основы теории разметки. Введение в язык HTML презентация на тему, доклад, Информатика",keywords:"Основы теории разметки. Введение в язык HTML, презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Информатика",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему Основы теории разметки. Введение в язык HTML из раздела Информатика. Презентация на заданную тему содержит 45 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",seo_text:"\u003Cp\u003EHTML\u003Cbr\u003E\u003Cp\u003EHTML (HyperText Markup Language, Язык гипертекстовой разметки) — язык, использующийся для разметки документов во Всемирной паутине.\r\n\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E \u003Cp\u003EВеб-страница\u003Cbr\u003E\u003Cp\u003EВеб-страница отличается от обычного текста тем, что в ее коде фигур",file:"Основы-теории-разметки.-Введение-в-язык-HTML.pptx",texts:["\u003Cp\u003E\r\n«Fullstack» разработка\u003Cbr\u003E\u003Cp\u003EЛекция 1\u003Cbr\u003EОсновы теории разметки. Введение в язык HTML\u003Cbr\u003E","\u003Cp\u003EHTML\u003Cbr\u003E\u003Cp\u003EHTML (HyperText Markup Language, Язык гипертекстовой разметки) — язык, использующийся для разметки документов во Всемирной паутине.\r\n\u003Cbr\u003E","\u003Cp\u003EВеб-страница\u003Cbr\u003E\u003Cp\u003EВеб-страница отличается от обычного текста тем, что в ее коде фигурируют управляющие конструкции разметки, определяющие логическую структурудокумента — так называемые теги. Теги заключены в угловые скобки.\u003Cbr\u003EДокументы веб-страниц, как правило имеют расширение *.htm, *.html.\u003Cbr\u003EСпециальная программа – браузер – отображает пользователю документ HTML в отформатированном виде.\u003Cbr\u003EГлавная страница имеет имя index.html или index.htm.\u003Cbr\u003E","\u003Cp\u003EПример веб-страницы\u003Cbr\u003E","\u003Cp\u003EЭлемент \u003C!DOCTYPE\u003E\u003Cbr\u003E\u003Cp\u003EЛюбой код разметки начинается с доктайпа. Этот элемент говорит браузеру, на каком языке разметки и его версии написан документ.\u003Cbr\u003E","\u003Cp\u003EТеги\u003Cbr\u003E","\u003Cp\u003EВложенность парных тегов\u003Cbr\u003E","\u003Cp\u003EТипы тегов\u003Cbr\u003E\u003Cp\u003EУсловно теги делятся на следующие типы:\u003Cbr\u003EТеги верхнего уровня;\u003Cbr\u003EТеги заголовка документа;\u003Cbr\u003EБлочные элементы;\u003Cbr\u003EСтрочные элементы;\u003Cbr\u003EСписки;\u003Cbr\u003EТаблицы;\u003Cbr\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",H,I,H,I,"\u003Cp\u003EГиперссылки\u003Cbr\u003E","\u003Cp\u003EИзображения\u003Cbr\u003E\u003Cp\u003EДопускаются форматы: JPEG, PNG, GIF, SVG.\u003Cbr\u003EНеобязательные атрибуты width и height допустимо использовать для обозначения размеров изображения, а также для заблаговременного обозначения места изображения в тексте документа.\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\u003EМаркированный список\u003Cbr\u003E\u003Cp\u003EАтрибут type является устаревшим для тега ul в HTML5.\u003Cbr\u003E",J,K,"\u003Cp\u003EНумерованный список\u003Cbr\u003E\u003Cp\u003EАтрибут type является устаревшим для тега ol в HTML5.\u003Cbr\u003E",J,K,"\u003Cp\u003EСписок определений\u003Cbr\u003E","\u003Cp\u003EСписок определений (результат)\u003Cbr\u003E","\u003Cp\u003EЯкоря\u003Cbr\u003E\u003Cp\u003EЯкорем называется закладка с уникальным именем на определенном месте веб-страницы, предназначенная для создания перехода к ней по ссылке.\u003Cbr\u003E","\u003Cp\u003EТаблицы\u003Cbr\u003E","border\u003Cbr\u003EУстанавливает толщину границы в пикселах вокруг таблицы. При наличии этого атрибута также отображаются границы между ячеек.\u003Cbr\u003Ecellpadding\u003Cbr\u003EОпределяет расстояние между границей ячейки и ее содержимым. Этот атрибут добавляет пустое пространство к ячейке, увеличивая тем самым ее размеры. Без cellpadding текст в таблице «налипает» на рамку, ухудшая тем самым его восприятие. Добавление же cellpadding позволяет улучшить читабельность текста. При отсутствии границ особого значения этот атрибут не имеет, но может помочь, когда требуется установить пустой промежуток между ячейками.\u003Cbr\u003Ecellspacing\u003Cbr\u003EЗадает расстояние между внешними границами ячеек. Если установлен атрибут border, толщина границы принимается в расчет и входит в общее значение.\u003Cbr\u003E\u003Cp\u003EАтрибуты тега \u003Ctable\u003E\u003Cbr\u003E\u003Cp\u003EВсе являются устаревшими в HTML5.\u003Cbr\u003E","\u003Cp\u003EАтрибуты тегов \u003Ctd\u003E и \u003Cth\u003E\u003Cbr\u003Ecolspan\u003Cbr\u003EУстанавливает число ячеек, которые должны быть объединены по горизонтали. Этот атрибут имеет смысл для таблиц, состоящих из нескольких строк.\u003Cbr\u003Erowspan\u003Cbr\u003EУстанавливает число ячеек, которые должны быть объединены по вертикали. Этот атрибут имеет смысл для таблиц, состоящих из нескольких строк.\u003Cbr\u003E","\u003Cp\u003EКнопки\u003Cbr\u003E\u003Cp\u003EКнопку на веб-странице можно создать двумя способами — с помощью тега \u003Cinput\u003E и тега \u003Cbutton\u003E.\u003Cbr\u003E\u003Cbutton\u003E Кнопка с текстом \u003C\u002Fbutton\u003E\u003Cbr\u003E\u003Cbutton\u003E \u003Cimg src= \"1.jpg\" alt= \"Зонтик\" \u003E Кнопка с рисунком\u003C\u002Fbutton\u003E\u003Cbr\u003E","\u003Cp\u003EКнопки\u003Cbr\u003E\u003Cp\u003EЧтобы задать кнопке ссылку, нужно использовать тег \u003Cform\u003E позволяющий собрать все вложенные теги и отправить их по определенному протоколу.\u003Cbr\u003E\u003Cform action = \"htths:\u002F\u002Fyandex.ru\" \u003E\u003Cbr\u003E\t\t\u003Cbutton\u003E Кнопка с текстом \u003C\u002Fbutton\u003E\u003Cbr\u003E\u003Cform\u003E\u003Cbr\u003E","\u003Cp\u003EНовые семантические элементы в HTML5\u003Cbr\u003E\u003Cp\u003E\u003Csection\u003E — определяет основной документ или раздел приложения. В данном контексте это тематическая группировка содержания, как правило, с заголовком. Например, разделами могут быть главы, вкладки в диалоговом окне и т.д.\u003Cbr\u003E\u003Cnav\u003E — представляет собой раздел навигационных ссылок, содержащий ссылки на другие страницы. Не все группы ссылок должны заключаться в тег \u003Cnav\u003E — только разделы, состоящие из основных блоков навигации.\u003Cbr\u003E\u003Carticle\u003E — задает компонент страницы, предназначенный для самостоятельного распространения или повторного использования. Это может быть сообщение форума, журнальная или газетная статья, запись в блоге и т.д.\u003Cbr\u003E","\u003Cp\u003EНовые семантические элементы в HTML5\u003Cbr\u003E\u003Cp\u003E\u003Caside\u003E — представляет раздел страницы, имеющий косвенное отношение к содержанию и который можно отделить от контента. В полиграфии такие участки часто выделяют плашкой. Тег \u003Caside\u003E может быть использован для вывода цитат, боковых панелей, рекламы, навигации через \u003Cnav\u003E и т.д.\u003Cbr\u003E\u003Cheader\u003E — представляет собой группу из вступительных или навигационных средств. Элемент \u003Cheader\u003E обычно содержит заголовок раздела (теги \u003Ch1\u003E – \u003Ch6\u003E ), но это не обязательно. \u003Cheader\u003E также может быть использован для обертывания раздела содержания, формы поиска, или соответствующих логотипов.\u003Cbr\u003E","\u003Cp\u003EНовые семантические элементы в HTML5\u003Cbr\u003E\u003Cp\u003E\u003Cfooter\u003E — задает нижний колонтитул для раздела содержания или подвал для страницы. Элемент \u003Cfooter\u003E обычно содержит информацию о разделе, такую как: имя автора, ссылки на соответствующие документы, авторские данные и тому подобное. Колонтитулы не обязательно должны выводиться в конце раздела, как это обычно делается.\u003Cbr\u003E\u003Ctime\u003E — представляет собой либо время в 24-часовом формате, либо точную дату, которую при желании можно совмещать со временем и указанием часового пояса.\u003Cbr\u003E\u003Cmark\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Валидатор W3C\u003Cbr\u003E\u003Cp\u003EПредназначен для проверки на соответствие документа стандартам W3C.\u003Cbr\u003Ehttp:\u002F\u002Fvalidator.w3.org\u003Cbr\u003E"],href:"\u002Finformatika\u002Fosnovy-teorii-razmetki-vvedenie-v-yazyk",href_category:"\u002Finformatika",date:1635203363,related:[{id:273349,name:"Строки. Кодировка ASCII",href:"\u002Finformatika\u002Fstroki-kodirovka-ascii",jpg:"jpg\u002F273349"},{id:266608,name:"Информационная система. База данных",href:"\u002Finformatika\u002Finformatsionnaya-sistema-baza-dannyh",jpg:"jpg\u002F266608"},{id:579522,name:"Разработка игр на Unity. Урок 4. Создание игровой механики",href:"\u002Finformatika\u002Frazrabotka-igr-na-unity-urok-4",jpg:"jpg\u002F579522"},{id:159297,name:"Macromedia Flash",href:"\u002Finformatika\u002Fmacromedia-flash-1",jpg:"jpg\u002F159297"},{id:402470,name:"Процесс передачи информации, источник и приемник информации, канал передачи информации",href:"\u002Finformatika\u002Fprotsess-peredachi-informatsii-istochnik-i-priemnik",jpg:"jpg\u002F402470"},{id:7711,name:"Методы тестирования. Требования. Тестирование основанное на требованиях",href:"\u002Finformatika\u002Fmetody-testirovaniya-trebovaniya-testirovanie-osnovannoe-na",jpg:"jpg\u002F7711"},{id:220709,name:"Разработка методики тестирования crm-систем для компании-разработчика программного обеспечения",href:"\u002Finformatika\u002Frazrabotka-metodiki-testirovaniya-crm-sistem-dlya",jpg:"jpg\u002F220709"},{id:613868,name:"Элементы алгебры логики. Математические основы информатики. Информатика. 8 класс",href:"\u002Finformatika\u002Felementy-algebry-logiki-matematicheskie-osnovy-informatiki-22",jpg:"jpg\u002F613868"},{id:111178,name:"Технология мультимедиа",href:"\u002Finformatika\u002Ftehnologiya-multimedia-1",jpg:"jpg\u002F111178"},{id:2000,name:"Транзакции и блокировки",href:"\u002Finformatika\u002Ftranzaktsii-i-blokirovki",jpg:"jpg\u002F2000"},{id:598524,name:"Центры обработки данных (ЦОД). Лекция 17. Система информационной безопасности ЦОД",href:"\u002Finformatika\u002Ftsentry-obrabotki-dannyh-tsod-lektsiya-17",jpg:"jpg\u002F598524"},{id:463572,name:"Методическая разработка внеклассного мероприятия (интеллектуальная игра) по физике и информатике для учащихся 5-11 классов Ералаш",href:"\u002Finformatika\u002Fmetodicheskaya-razrabotka-vneklassnogo-meropriyatiya-intellektualnaya-igra",jpg:"jpg\u002F463572"},{id:492588,name:"урок информатики Структура Web-страницы",href:"\u002Finformatika\u002Furok-informatiki-struktura-web-stranitsy",jpg:"jpg\u002F492588"},{id:232277,name:"Программирование линейных алгоритмов",href:"\u002Finformatika\u002Fprogrammirovanie-lineynyh-algoritmov-12",jpg:"jpg\u002F232277"},{id:377823,name:"Моделирование как метод познания",href:"\u002Finformatika\u002Fmodelirovanie-kak-metod-poznaniya-11",jpg:"jpg\u002F377823"},{id:217529,name:"Составление библиографического описания",href:"\u002Finformatika\u002Fsostavlenie-bibliograficheskogo-opisaniya-1",jpg:"jpg\u002F217529"},{id:586527,name:"Основы системного администрирования и сетевых технологий. Домашняя работа №1",href:"\u002Finformatika\u002Fosnovy-sistemnogo-administrirovaniya-i-setevyh-tehnologiy",jpg:"jpg\u002F586527"},{id:351015,name:"Розробка верхнього рівня web-орієнтованої автоматизованої системи контролю витратомірних параметрів холодної води",href:"\u002Finformatika\u002Frozrobka-verhnogo-rvnya-web-orntovano-avtomatizovano",jpg:"jpg\u002F351015"},{id:511504,name:"Презентация Решение задач на тему Передача файлов по сетям",href:"\u002Finformatika\u002Fprezentatsiya-reshenie-zadach-na-temu-peredacha",jpg:"jpg\u002F511504"},{id:579831,name:"Создание игры Морской бой на языке C++",href:"\u002Finformatika\u002Fsozdanie-igry-morskoy-boy-na-yazyke",jpg:"jpg\u002F579831"},{id:3295,name:"Типология БД. Модели представления данных",href:"\u002Finformatika\u002Ftipologiya-bd-modeli-predstavleniya-dannyh",jpg:"jpg\u002F3295"},{id:511986,name:"урок по информатике Кодирование информации. 5-й класс урок по информатикеКодирование информации. 5-й класс",href:"\u002Finformatika\u002Furok-po-informatike-kodirovanie-informatsii-5",jpg:"jpg\u002F511986"},{id:396512,name:"Язык программирования Python",href:"\u002Finformatika\u002Fyazyk-programmirovaniya-python-3",jpg:"jpg\u002F396512"},{id:143478,name:"Разработка виртуальной и дополненной реальности",href:"\u002Finformatika\u002Frazrabotka-virtualnoy-i-dopolnennoy-realnosti",jpg:"jpg\u002F143478"},{id:4831,name:"Удаленный доступ к услугам. Финансовая грамотность",href:"\u002Finformatika\u002Fudalennyy-dostup-k-uslugam-finansovaya-gramotnost",jpg:"jpg\u002F4831"},{id:405366,name:"Word мәтіндік редакторында кесте құру",href:"\u002Finformatika\u002Fword-mtndk-redaktorynda-keste-ru",jpg:"jpg\u002F405366"},{id:17079,name:"Динамикалық SQL",href:"\u002Finformatika\u002Fdinamikaly-sql",jpg:"jpg\u002F17079"},{id:240618,name:"Вездесущая Жизнеутверждающая Инициативная Команда - ВЖИК 4",href:"\u002Finformatika\u002Fvezdesushchaya-zhizneutverzhdayushchaya-initsiativnaya-komanda-vzhik-4",jpg:"jpg\u002F240618"}],navigation:{next:"\u002Frusskiy-yazyk\u002Fvozvratnye-glagoly-4",next_name:"Возвратные глаголы",prev:"\u002Fgeografiya\u002Fvodnyy-obekt-reka-kuma",prev_name:"Водный объект: река Кума"}}},categories:{result:[{id:L,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:L,name:"Английский язык",pseudoname:"angliyskiy-yazyk"},{id:108,ordering:2,name:"Астрономия",pseudoname:"astronomiya"},{id:104,ordering:3,name:"Алгебра",pseudoname:"algebra"},{id:106,ordering:4,name:"Биология",pseudoname:"biologiya"},{id:142,ordering:5,name:"География",pseudoname:"geografiya"},{id:141,ordering:6,name:"Геометрия",pseudoname:"geometria"},{id:123,ordering:7,name:"Детские презентации",pseudoname:"detskie-prezentatsii"},{id:107,ordering:8,name:G,pseudoname:"informatika"},{id:109,ordering:9,name:"История",pseudoname:"istoriya"},{id:139,ordering:10,name:"Литература",pseudoname:"literatura"},{id:119,ordering:11,name:"Маркетинг",pseudoname:"marketing"},{id:114,ordering:12,name:"Математика",pseudoname:"matematika"},{id:138,ordering:h,name:"Медицина",pseudoname:"medetsina"},{id:118,ordering:14,name:"Менеджмент",pseudoname:"menedzhment"},{id:137,ordering:15,name:"Музыка",pseudoname:"muzyka"},{id:136,ordering:16,name:"МХК",pseudoname:"mhk"},{id:130,ordering:17,name:"Немецкий язык",pseudoname:"nemetskiy-yazyk"},{id:105,ordering:18,name:"ОБЖ",pseudoname:"obzh"},{id:133,ordering:19,name:"Обществознание ",pseudoname:"obshchestvoznanie"},{id:132,ordering:20,name:"Окружающий мир ",pseudoname:"okruzhayushchiy-mir"},{id:131,ordering:21,name:"Педагогика ",pseudoname:"pedagogika"},{id:129,ordering:22,name:"Русский язык",pseudoname:"russkiy-yazyk"},{id:128,ordering:24,name:"Технология",pseudoname:"tehnologiya"},{id:127,ordering:25,name:"Физика",pseudoname:"fizika"},{id:126,ordering:26,name:"Философия",pseudoname:"filosofiya"},{id:125,ordering:27,name:"Химия",pseudoname:"himiya"},{id:124,ordering:29,name:"Экология",pseudoname:"ekologiya"},{id:121,ordering:30,name:"Экономика",pseudoname:"ekonomika"},{id:120,ordering:31,name:"Юриспруденция",pseudoname:"yurisprudentsiya"}]}},state:{},_errors:{},serverRendered:e,config:{public:{SITE_NAME:M,SITE_HOST:"mypreza.com",SITE_LANG:N,API_BASE_URL:"https:\u002F\u002Fmypreza.com\u002Fapi\u002F",pwaManifest:{name:M,short_name:a,description:a,lang:N,start_url:"\u002F?standalone=true",display:"standalone",background_color:j,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:d,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:d,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:d,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:d,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:d,sizes:R,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:d,sizes:S,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:d,sizes:S,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:d,sizes:T,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:d,sizes:T,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:d,sizes:U,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:d,sizes:U,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","Информатика","\u003Cp\u003EАбзацы\u003Cbr\u003E","\u003Cp\u003EАбзацы (результат)\u003Cbr\u003E","\u003Cp\u003EНумерованный список\u003Cbr\u003E","\u003Cp\u003EНумерованный список (результат)\u003Cbr\u003E",1,"Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))

Атрибуты тегов

Кнопки
Кнопку на веб-странице можно создать двумя способами — с помощью тега
и тега
.
Кнопка с текстом
Кнопка с рисунком

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

Новые семантические элементы в HTML5
— определяет основной документ или раздел приложения. В данном контексте это тематическая группировка содержания, как правило, с заголовком. Например, разделами могут быть главы, вкладки в диалоговом окне и т.д.
— представляет собой раздел навигационных ссылок, содержащий ссылки на другие страницы. Не все группы ссылок должны заключаться в тег
— только разделы, состоящие из основных блоков навигации.
— задает компонент страницы, предназначенный для самостоятельного распространения или повторного использования. Это может быть сообщение форума, журнальная или газетная статья, запись в блоге и т.д.

Новые семантические элементы в HTML5
— представляет раздел страницы, имеющий косвенное отношение к содержанию и который можно отделить от контента. В полиграфии такие участки часто выделяют плашкой. Тег
может быть использован для вывода цитат, боковых панелей, рекламы, навигации через
и т.д.
— представляет собой группу из вступительных или навигационных средств. Элемент
обычно содержит заголовок раздела (теги
–
), но это не обязательно.
также может быть использован для обертывания раздела содержания, формы поиска, или соответствующих логотипов.

Новые семантические элементы в HTML5
— задает нижний колонтитул для раздела содержания или подвал для страницы. Элемент
обычно содержит информацию о разделе, такую как: имя автора, ссылки на соответствующие документы, авторские данные и тому подобное. Колонтитулы не обязательно должны выводиться в конце раздела, как это обычно делается.
— представляет собой либо время в 24-часовом формате, либо точную дату, которую при желании можно совмещать со временем и указанием часового пояса.
— помечает фрагмент документа или выделяет его в справочных целях.

Статьи

Навигация

Подвал

Специальные символы
Другие символы можно посмотреть в шпаргалке