Что такое XML

Что такое XML?
XML (eXtensible Markup Language) — расширяемый язык разметки.
Его главная составная часть — теги. Пример:
Теги бывают открывающими и закрывающими. У закрывающего есть дополнительный символ — “/”, это видно на примере выше. Каждому открывающему тегу должен соответствовать закрывающий. Они показывают, где начинается и где заканчивается описание каждого элемента в файле.

Преимущества XML для описания данных
1. Легко читается и человеком, и компьютером.
2. Поскольку данные хранятся в простом текстовом формате, при их передаче с одного компьютера на другой не возникнет никаких проблем с совместимостью.

Пример XML-файла
Scania R 770
2005
200000.00
Ford</div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Пример XML-файла Scania R 770 2005 200000.00 Ford Focus 2012 20000.00 Ferrari 360 Spider 2018 150000.00" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/924800/slide-3.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/924800/slide-3.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/924800/slide-3.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/924800/slide-3.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/924800/slide-3.jpg" class="slides-image"><!----><div class="slides-content">Focus
2012
20000.00
Ferrari 360 Spider
2018
150000.00

Префиксы и пространства имен
xmlns:toy="http://testproject.developersgroup1.companyname/department2/namespaces/toy">
Scania R 770
2005
dollar">200000.00
Ford Focus
2012
100.00 dollar">200000.00
Ford Focus
2012
100.00

XML для описания данных
Достоинства:
легкость чтения, подача в простой форме;
стандартный вид кодировки;
возможность создания разных структур (списков, схем, деревьев);
популярность в разных сферах программирования.
Недостатки:
Чрезмерный синтаксис, большое количество сущностей и тегов;
отсутствуют стандартные указания типа объекта.

HTML
HTML (HyperText Markup Language — «язык гипертекстовой разметки») — стандартизированный язык разметки документов.
Большинство веб-страниц содержат описание разметки на языке HTML (или XHTML). Язык HTML интерпретируется браузерами; полученный в результате интерпретации форматированный текст отображается на экране монитора компьютера или мобильного устройства.
Язык XHTML является более строгим вариантом HTML, он следует синтаксису XML и является приложением языка XML в области разметки гипертекста.

Пример HTML-документа
Тестовая страница
Это — моя страница

Объявление типа документа
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Специальные символы
Чтобы превратить часть содержимого HTML-файла в комментарий, нужно поместить её в специальные маркеры

Meta
1. name — тип элемента, то есть какие именно метаданные он содержит.
2. content — сами метаданные.
Два полезных элемента метаданных — указание автора страницы и краткое описание её содержимого. Рассмотрим эти элементы на примере:
В сети существует множество других типов метаданных. Многие из них — это собственные форматы, созданные для предоставления определенным сайтам (например, социальных сетей) специальной информации, которую они могут использовать.

Иконки сайта
Для разных устройств можно указывать разные иконки. Например, на главной странице MDN:

Основной язык страницы
Это полезно во многих случаях. Ваш HTML-документ будет более эффективно индексироваться поисковыми системами, если его язык установлен (что позволяет ему правильно отображаться в языковых результатах), и он полезен людям с нарушением зрения, которые используют программы, читающие страницы вслух (например, слово "шесть" пишется одинаково как на французском, так и на английском языках, но произносится по-разному.).
Можно также указать язык для части документа. Например, мы могли бы установить язык для части страницы на японском:
Пример на японском:
ご飯が熱い。
.

Форматирование текста
Большинство структурированных текстов состоят из параграфов и заголовков, независимо от того, читаете ли вы рассказ, или газету, или учебник, журнал и т.д.
Упорядоченный контент делает чтение более легким и приятным.
В HTML каждый абзац заключен в элемент
, подобно:
Я параграф, да, это я.
Каждый заголовок заключен в элемент заголовка
:
Я заголовок истории.
Имеется шесть элементов заголовка:
,
,
,
,
и
. Каждый элемент представляет разный уровень контента в документе;
представляет главный заголовок,
представляет подзаголовки,
представляет под-подзаголовки и так далее.

Списки
Неупорядоченные
молоко
яйца
хлеб
хумус
Упорядоченные
Доедьте до конца дороги
Поверните направо
Едьте прямо через первые два перекрестка с круговым движением
Поверните налево на третьем перекрестке
Школа справа от вас, в 300 метрах вверх по дороге

Акцент
Для курсивного текста в HTML используется элемент
(выделение). Кроме того, чтобы сделать документ более интересным для чтения, они распознаются программами, считывающими с экрана, и произносятся другим тоном.
Я
рад
, что ты не
опоздал
.
Для полужирного текста в HTML используется элемент
(важное значение). Помимо того, что документ становится более полезным, они распознаются программами, считывающими с экрана, и говорят другим тоном.
Эта жидкость
очень токсична
.
Я рассчитываю на тебя.
Не
опаздывай!

Изображения на странице
Если графический файл находится в одной папке с HTML-документом, то в качестве пути достаточно указать только имя файла

Таблицы
Таблица состоит из строк и столбцов ячеек, которые могут содержать текст и рисунки. Для добавления таблицы на веб-страницу используется тег . Этот элемент служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются соответственно с помощью тегов и . Если число ячеек в каждой строке не будет совпадать, появятся пустые фантомные ячейки.
Слайд 21
Гиперссылки
Гиперссылки позволяют нам связывать документы с любым другим документом (или ресурсом), с
которым необходимо.
URL-адрес может указывать на файлы HTML, текстовые файлы, изображения, текстовые документы, видео и аудиофайлы и все остальное. Если веб-браузер не знает, как отображать или обрабатывать файл, он спросит, хотите ли вы открыть файл (в этом случае обязанность открытия или обработки файла передаётся в соответствующее локальное приложение на устройстве) или загрузить файл (в этом случае вы можете попытаться разобраться с ним позже).
Слайд 22
Простая ссылка создаётся путём обёртывания текста (или другого содержимого), который вы хотите
превратить в ссылку, в элемент
, и придания этому элементу атрибута href (который также известен как гипертекстовая ссылка, или цель), который будет содержать веб-адрес, на который вы хотите указать ссылку.
Ссылка на
title="Наш родной университет">сайт университета
.
Слайд 23
Ссылки на части документа
Можно ссылаться на определенную часть документа HTML (известную как
фрагмент документа), а не только на верхнюю часть документа. Для этого вам сначала нужно назначить атрибут id элементу, с которым вы хотите связаться. Обычно имеет смысл ссылаться на определённый заголовок, поэтому это выглядит примерно так:
Почтовый адрес
Затем, чтобы связаться с этим конкретным id, вы должны включить его в конец URL-адреса, которому предшествует знак решётки, например:
Хотите написать мне письмо? Используйте наш
почтовый адрес
.
Слайд 24
Сохранение файлов
При наличии атрибута download браузер не переходит по ссылке, а предложит
скачать документ, указанный в адресе ссылки.
Ссылка
По умолчанию, при переходе по ссылке документ открывается в текущем окне или фрейме. При необходимости, это условие может быть изменено атрибутом target тега
В качестве значения используется имя окна или фрейма, заданное атрибутом name. Если установлено несуществующее имя, то будет открыто новое окно. В качестве зарезервированных имен используются следующие:
_blank – загружает страницу в новое окно браузера.
_self – загружает страницу в текущее окно.
_parent – загружает страницу во фрейм-родитель, если фреймов нет, то это значение работает как _self.
_top – отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов нет, то это значение работает как _self.
Слайд 25
DOM (Data Object Model)
Слайд 26
Web-сервера
HyperText Transfer Protocol — «протокол передачи гипертекста») — протокол прикладного уровня передачи
данных, изначально — в виде гипертекстовых документов в формате HTML, в настоящее время используется для передачи произвольных данных.
Веб-сервер — сервер, принимающий HTTP-запросы от клиентов, и выдающий им HTTP-ответы, как правило, вместе с HTML-страницей, изображением, файлом, медиа-потоком или другими данными.
Имя файла: Что-такое-XML.pptx
Количество просмотров: 39
Количество скачиваний: 0
Скачать
- Предыдущая
Корректурные упражнения как средство развития орфографической зоркости у обучающихся основной школы
Следующая -
Старинные рычажные безмены
Похожие презентации
Множество. Повторение. 3 класс
Сетевые информационные технологии
Программа для сбора статистики WebIrbis
Некоторые сведения из теории множеств. Элементы теории множеств и алгебры логики
Группа R&amp;D и облачной интеграции
Игромания. Компьютерная зависимость
Безопасность в интернете
Курс SEO-практик. Управление индексацией сайта. Дубли и служебные страницы
Информационные технологии и средства
Современный автор, это кто
Ответы на вопросы по работе с региональным репозиторием
Сетевые технологии
Работа библиотеки при музее пожарной части №1 ГУ Служба пожаротушения и аварийно-спасательных работ ДЧС СКО
Сфера деятельности Adobe Systems
Иновационные продукты и технологии
Программа Tinkercad и сервис Circuits. Практическая работа № 2
Автоматизированное рабочее место бухгалтера в коммерческой организации
Компьютерлік графика
Умные таблицы Excel 2007-2013
Понятие электронной формы учебника. Возможности ЭФУ в организации и проведении урока изобразительного искусства
МЕТОДОЛОГИЯ ПРОЕКТИРОВАНИЯ
Теория - сплайн
Индивидуальная безопасность в массивах информационного пространства
Мастерская записи и обработки звука Прямой эфир
У тебя зазвонил телефон Интегрированный урок русского языка и информатики. 8 класс
Создание веб-сайтов
Формирование речевого ИКМ сигнала
Фундаментальные и прикладные науки
(function(d,s){d.getElementById("licnt7D89").src=
"https://counter.yadro.ru/hit?t12.1;r"+escape(d.referrer)+
((typeof(s)=="undefined")?"":";s"+s.width+"*"+s.height+"*"+
(s.colorDepth?s.colorDepth:s.pixelDepth))+";u"+escape(d.URL)+
";h"+escape(d.title.substring(0,150))+";"+Math.random()})
(document,screen)
Обратная связь
Для правообладателей
Email:
Нажмите что бы посмотреть
. Таблица должна содержать хотя бы одну ячейку. Допускается вместо тега
использовать тег
. Текст в ячейке, оформленной с помощью тега
, отображается браузером шрифтом жирного начертания и выравнивается по центру ячейки. В остальном, разницы между ячейками, созданными через теги
и
нет.
Слайд 19
Тег table
Ячейка 1
Ячейка 2
Ячейка 3
Ячейка 4
Слайд 20
Объединение ячеек
Для объединения двух и более ячеек в одну используются атрибуты colspan
и rowspan тега
. Атрибут colspan устанавливает число ячеек объединяемых по горизонтали. Аналогично работает и атрибут rowspan, с тем лишь отличием, что объединяет ячейки по вертикали. Перед добавлением атрибутов проверьте число ячеек в каждой строке, чтобы не возникло ошибок. Так,
заменяет три ячейки, поэтому в следующей строке должно быть три тега
или конструкция вида
...
...
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:b,main_title:m,main_description:n,main_keywords:o,main_image:b},app:{logo_image:p,logo_image_width:i,logo_image_height:q,logo_text:r,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:e,banner_1:b,banner_2:b,banner_3:b,banner_4:b,banner_5:b,banner_6:b,banner_7:b,banner_8:b,banner_9:b,banner_10:b,email:w,footer_before:x,footer:y,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:z,item_images:A,item_images_tag:B,item_words_h3:c,item_words_tag:C,item_words_1:h,routing:D,item_slide_skipping:E,item_download_timeout:F,item_slider_width:a,item_show_pdf:c,item_show_contents:c,item_show_filename:e},colors:{header_text:j,header_bg:k,accent:G}},social:H}},categories:{result:[{id:I,ordering:a,name:"Алгебра",pseudoname:"prezentacii-po-algebre"},{id:2,ordering:a,name:"Английский язык",pseudoname:"prezentacii-po-angliyskomu-yaziku"},{id:3,ordering:a,name:"Астрономия",pseudoname:"prezentacii-po-astronomii"},{id:4,ordering:a,name:"Биология",pseudoname:"prezentacii-po-biologii"},{id:5,ordering:a,name:"География",pseudoname:"prezentacii-po-geografii"},{id:6,ordering:a,name:"Геометрия",pseudoname:"prezentacii-po-geometrii"},{id:7,ordering:a,name:J,pseudoname:"prezentacii-po-informatike"},{id:8,ordering:a,name:"История",pseudoname:"prezentacii-po-istorii"},{id:9,ordering:a,name:"Литература",pseudoname:"prezentacii-po-literature"},{id:10,ordering:a,name:"Математика",pseudoname:"prezentacii-po-matematike"},{id:11,ordering:a,name:"Медицина",pseudoname:"prezentacii-po-medicine"},{id:h,ordering:a,name:"Музыка",pseudoname:"prezentacii-po-musice"},{id:13,ordering:a,name:"МХК",pseudoname:"prezentacii-po-mkhk"},{id:14,ordering:a,name:"ОБЖ",pseudoname:"prezentacii-po-obzh"},{id:15,ordering:a,name:"Обществознание",pseudoname:"prezentacii-po-obshhestvoznaniju"},{id:17,ordering:a,name:"Педагогика",pseudoname:"prezentacii-po-pedagogike"},{id:18,ordering:a,name:"Немецкий язык",pseudoname:"prezentacii-po-nemezkomy-yaziku"},{id:20,ordering:a,name:"Русский язык",pseudoname:"prezentacii-po-russkomu-yazyku"},{id:21,ordering:a,name:"Технология",pseudoname:"prezentacii-po-tehnologii"},{id:22,ordering:a,name:"Физика",pseudoname:"prezentacii-po-fizike"},{id:23,ordering:a,name:"Философия",pseudoname:"prezentacii-po-filosofii"},{id:24,ordering:a,name:"Химия",pseudoname:"prezentacii-po-himii"},{id:25,ordering:a,name:"Экология",pseudoname:"prezentacii-po-ehkologii"},{id:26,ordering:a,name:"Экономика",pseudoname:"prezentacii-po-ekonomike"},{id:K,ordering:a,name:"Детские презентации",pseudoname:"detskie-prezentacii"},{id:i,ordering:a,name:"Шаблоны презентаций",pseudoname:"shablony-dlya-prezentacii"},{id:29,ordering:a,name:"Разное",pseudoname:"prezentacii-na-razlichnye-temy"},{id:48,ordering:a,name:"Культурология",pseudoname:"kulturologiya"},{id:16,ordering:I,name:"Окружающий мир",pseudoname:"prezentacii-po-okruzhayushhemu-miru"}]},item:{result:{id:924800,name:"Что такое XML",category:J,count:K,jpg:"jpg\u002F924800",hits:39,download:a,h1:L,meta:{h1:L,title:"Что такое XML презентация",description:"Что такое XML презентация, доклад, проект, Информатика ",keywords:"Что такое XML, презентация, доклад, проект, скачать презентацию на тему, PowerPoint, скачати презентацію, фон, шаблон, урок, конспект, класс, школа, класс, Информатика",download_link:b},text:"\u003Cp style=\"text-align: justify;\" \u002F\u003EПрезентация на тему Что такое XML, из раздела: Информатика.&nbsp; Презентацию в формате PowerPoint (pptx) можно скачать внизу страницы, поделившись ссылкой в социальных сетях! Презентации взяты из открытого доступа или загружены их авторами, администрация сайта не отвечает за достоверность информации в них. Все права принадлежат авторам материалов: \u003Ca href=\"politika-zashchity-avtorskih-prav\"\u003EПолитика защиты авторских прав\u003C\u002Fa\u003E",seo_text:"\u003Cp\u003EЧто такое XML?\u003Cbr\u003E\u003Cp\u003EXML (eXtensible Markup Language) — расширяемый язык разметки. \u003Cbr\u003E\u003Cbr\u003EЕго главная составная часть — теги. Пример:\u003Cbr\u003E\t\u003Cbook\u003E\u003C\u002Fbook\u003E\u003Cbr\u003EТеги бывают открывающими и закрывающими. У закрывающего есть дополнительный символ — “\u002F”, это видно на примере выше. Каждому открывающему тегу должен соответствовать закрывающий. Они показывают, где начинается и где заканчивается описание каждого элемента в файле. \u003Cbr\u003E\u003Cbr\u003E \u003Cp\u003EПреимущества XML для описания данных\u003Cbr\u003E\u003Cp\u003E1. Легко читается и человеком, и компьютером.\u003Cbr\u003E2. Поскольку данные хранятся в простом текстовом формате, при их передаче с одного компьютера на другой не возникнет никаких проблем с совместимостью.\u003Cbr\u003E\u003Cbr\u003E",file:"Что-такое-XML.pptx",texts:["\u003Cp\u003EXML. HTML\u003Cbr\u003E","\u003Cp\u003EЧто такое XML?\u003Cbr\u003E\u003Cp\u003EXML (eXtensible Markup Language) — расширяемый язык разметки. \u003Cbr\u003EЕго главная составная часть — теги. Пример:\u003Cbr\u003E\t\u003Cbook\u003E\u003C\u002Fbook\u003E\u003Cbr\u003EТеги бывают открывающими и закрывающими. У закрывающего есть дополнительный символ — “\u002F”, это видно на примере выше. Каждому открывающему тегу должен соответствовать закрывающий. Они показывают, где начинается и где заканчивается описание каждого элемента в файле. \u003Cbr\u003E","\u003Cp\u003EПреимущества XML для описания данных\u003Cbr\u003E\u003Cp\u003E1. Легко читается и человеком, и компьютером.\u003Cbr\u003E2. Поскольку данные хранятся в простом текстовом формате, при их передаче с одного компьютера на другой не возникнет никаких проблем с совместимостью.\u003Cbr\u003E","\u003Cp\u003EПример XML-файла\u003Cbr\u003E\u003Cp\u003E\u003C?xml version=\"1.0\" encoding=\"UTF-8\"?\u003E\u003Cbr\u003E\u003Ccarstore\u003E\u003Cbr\u003E\t\u003Ccar category=\"truck\"\u003E\u003Cbr\u003E\t\t\u003Cmodel lang=\"en\"\u003EScania R 770\u003C\u002Fmodel\u003E\u003Cbr\u003E\t\t\u003Cyear\u003E2005\u003C\u002Fyear\u003E\u003Cbr\u003E\t\t\u003Cprice currency=\"US dollar\"\u003E200000.00\u003C\u002Fprice\u003E\u003Cbr\u003E\t\u003C\u002Fcar\u003E\u003Cbr\u003E\t\u003Ccar category=\"sedan\"\u003E\t\u003Cbr\u003E\t\t\u003Ctitle lang=\"en\"\u003EFord Focus\u003C\u002Ftitle\u003E\u003Cbr\u003E\t\t\u003Cyear\u003E2012\u003C\u002Fyear\u003E\u003Cbr\u003E\t\t\u003Cprice currency=\"US dollar\"\u003E20000.00\u003C\u002Fprice\u003E\u003Cbr\u003E\t\u003C\u002Fcar\u003E\u003Cbr\u003E\t\u003Ccar category=\"sport\"\u003E\u003Cbr\u003E\t\t\u003Ctitle lang=\"en\"\u003EFerrari 360 Spider\u003C\u002Ftitle\u003E\u003Cbr\u003E\t\t\u003Cyear\u003E2018\u003C\u002Fyear\u003E\u003Cbr\u003E\t\t\u003Cprice currency=\"US dollar\"\u003E150000.00\u003C\u002Fprice\u003E\u003Cbr\u003E\t\u003C\u002Fcar\u003E\u003Cbr\u003E\u003C\u002Fcarstore\u003E\u003Cbr\u003E","\u003Cp\u003EПрефиксы и пространства имен\u003Cbr\u003E\u003Cp\u003E\u003C?xml version=\"1.0\" encoding=\"UTF-8\"?\u003E\u003Cbr\u003E\u003Ccarstore xmlns:real=\"http:\u002F\u002Ftestproject.developersgroup1.companyname\u002Fdepartment2\u002Fnamespaces\u002Freal\"\u003Cbr\u003E\txmlns:toy=\"http:\u002F\u002Ftestproject.developersgroup1.companyname\u002Fdepartment2\u002Fnamespaces\u002Ftoy\"\u003E\u003Cbr\u003E\t\u003Creal:car category=\"truck\"\u003E\u003Cbr\u003E\t\t\u003Cmodel lang=\"en\"\u003EScania R 770\u003C\u002Fmodel\u003E\u003Cbr\u003E\t\t\u003Cyear\u003E2005\u003C\u002Fyear\u003E\u003Cbr\u003E\t\t\u003Cprice currency=\"US dollar\"\u003E200000.00\u003C\u002Fprice\u003E\u003Cbr\u003E\t\u003C\u002Freal:car\u003E\u003Cbr\u003E\t\u003Ctoy:car category=\"sedan\"\u003E\u003Cbr\u003E\t\t\u003Ctitle lang=\"en\"\u003EFord Focus\u003C\u002Ftitle\u003E\u003Cbr\u003E\t\t\u003Cyear\u003E2012\u003C\u002Fyear\u003E\u003Cbr\u003E\t\t\u003Cprice currency=\"US dollar\"\u003E100.00\u003C\u002Fprice\u003E\u003Cbr\u003E\t\u003C\u002Ftoy:car\u003E\u003Cbr\u003E\u003C\u002Fcarstore\u003E\u003Cbr\u003E","\u003Cp\u003EXML для описания данных\u003Cbr\u003E\u003Cp\u003EДостоинства:\u003Cbr\u003Eлегкость чтения, подача в простой форме; \u003Cbr\u003Eстандартный вид кодировки; \u003Cbr\u003Eвозможность создания разных структур (списков, схем, деревьев); \u003Cbr\u003Eпопулярность в разных сферах программирования. \u003Cbr\u003EНедостатки:\u003Cbr\u003EЧрезмерный синтаксис, большое количество сущностей и тегов; \u003Cbr\u003Eотсутствуют стандартные указания типа объекта.\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003EHTML\u003Cbr\u003E\u003Cp\u003EHTML (HyperText Markup Language — «язык гипертекстовой разметки») — стандартизированный язык разметки документов. \u003Cbr\u003EБольшинство веб-страниц содержат описание разметки на языке HTML (или XHTML). Язык HTML интерпретируется браузерами; полученный в результате интерпретации форматированный текст отображается на экране монитора компьютера или мобильного устройства.\u003Cbr\u003EЯзык XHTML является более строгим вариантом HTML, он следует синтаксису XML и является приложением языка XML в области разметки гипертекста.\u003Cbr\u003E","\u003Cp\u003EПример HTML-документа\r\n\u003Cbr\u003E\u003Cp\u003E\u003C!DOCTYPE html\u003E\u003Cbr\u003E\u003Chtml\u003E\u003Cbr\u003E\t\u003Chead\u003E\u003Cbr\u003E\t\t\u003Cmeta charset=\"utf-8\"\u003E\u003Cbr\u003E\t\t\u003Ctitle\u003EТестовая страница\u003C\u002Ftitle\u003E\u003Cbr\u003E\t\u003C\u002Fhead\u003E\u003Cbr\u003E\t\u003Cbody\u003E\u003Cbr\u003E\t\t\u003Cp\u003EЭто — моя страница\u003C\u002Fp\u003E\u003Cbr\u003E\t\u003C\u002Fbody\u003E\u003Cbr\u003E\u003C\u002Fhtml\u003E\u003Cbr\u003E","\u003Cp\u003EОбъявление типа документа\u003Cbr\u003E\u003Cp\u003E\u003C!DOCTYPE html PUBLIC \"-\u002F\u002FW3C\u002F\u002FDTD XHTML 1.0 Transitional\u002F\u002FEN\"\u003Cbr\u003E\t\"http:\u002F\u002Fwww.w3.org\u002FTR\u002Fxhtml1\u002FDTD\u002Fxhtml1-transitional.dtd\"\u003E\u003Cbr\u003E","\u003Cp\u003EСпециальные символы\u003Cbr\u003E\u003Cp\u003EЧтобы превратить часть содержимого HTML-файла в комментарий, нужно поместить её в специальные маркеры \u003C!-- и --\u003E\u003Cbr\u003E","\u003Cp\u003EMeta\u003Cbr\u003E\u003Cp\u003E1. name — тип элемента, то есть какие именно метаданные он содержит.\u003Cbr\u003E2. content — сами метаданные.\u003Cbr\u003EДва полезных элемента метаданных — указание автора страницы и краткое описание её содержимого. Рассмотрим эти элементы на примере:\u003Cbr\u003E\u003Cmeta name=\"author\" content=\"СС\"\u003E\u003Cbr\u003E\u003Cmeta name=\"description\" content=\"Пример\"\u003E \u003Cbr\u003EВ сети существует множество других типов метаданных. Многие из них — это собственные форматы, созданные для предоставления определенным сайтам (например, социальных сетей) специальной информации, которую они могут использовать.\u003Cbr\u003E","\u003Cp\u003EИконки сайта\u003Cbr\u003E\u003Cp\u003E\u003Clink rel=\"shortcut icon\" href=\"favicon.ico\" type=\"image\u002Fx-icon\"\u003E \u003Cbr\u003EДля разных устройств можно указывать разные иконки. Например, на главной странице MDN:\u003Cbr\u003E\u003C!-- Для iPad 3 с Retina-экраном высокого разрешения: --\u003E\u003Cbr\u003E\u003Clink rel=\"apple-touch-icon-precomposed\" sizes=\"144x144\" \thref=\"https:\u002F\u002Fdeveloper.cdn.mozilla.net\u002Fstatic\u002Fimg\u002Ffavicon144.a6e4162070f4.png\"\u003E\u003Cbr\u003E\u003C!-- Для iPhone с Retina-экраном высокого разрешения: --\u003E\u003Cbr\u003E\u003Clink rel=\"apple-touch-icon-precomposed\" sizes=\"114x114\" \thref=\"https:\u002F\u002Fdeveloper.cdn.mozilla.net\u002Fstatic\u002Fimg\u002Ffavicon114.0e9fabd44f85.png\"\u003E\u003Cbr\u003E\u003C!-- Для iPad первого и второго поколения: --\u003E\u003Cbr\u003E\u003Clink rel=\"apple-touch-icon-precomposed\" sizes=\"72x72\" \thref=\"https:\u002F\u002Fdeveloper.cdn.mozilla.net\u002Fstatic\u002Fimg\u002Ffavicon72.8ff9d87c82a0.png\"\u003E\u003Cbr\u003E\u003C!-- Для iPhone, iPod Touch без Retina и устройств с Android 2.1+: --\u003E\u003Cbr\u003E\u003Clink rel=\"apple-touch-icon-precomposed\" \thref=\"https:\u002F\u002Fdeveloper.cdn.mozilla.net\u002Fstatic\u002Fimg\u002Ffavicon57.a2490b9a2d76.png\"\u003E\u003Cbr\u003E\u003C!-- Для других случаев - обычный favicon --\u003E\u003Cbr\u003E\u003Clink rel=\"shortcut icon\" \thref=\"https:\u002F\u002Fdeveloper.cdn.mozilla.net\u002Fstatic\u002Fimg\u002Ffavicon32.e02854fdcf73.png\"\u003E \u003Cbr\u003E","\u003Cp\u003EОсновной язык страницы\u003Cbr\u003E\u003Cp\u003E\u003Chtml lang=\"en-US\"\u003E\u003Cbr\u003E\u003Chtml lang=\"ru\"\u003E\u003Cbr\u003E \u003Cbr\u003EЭто полезно во многих случаях. Ваш HTML-документ будет более эффективно индексироваться поисковыми системами, если его язык установлен (что позволяет ему правильно отображаться в языковых результатах), и он полезен людям с нарушением зрения, которые используют программы, читающие страницы вслух (например, слово \"шесть\" пишется одинаково как на французском, так и на английском языках, но произносится по-разному.).\u003Cbr\u003EМожно также указать язык для части документа. Например, мы могли бы установить язык для части страницы на японском:\u003Cbr\u003E\u003Cp\u003EПример на японском: \u003Cspan lang=\"jp\"\u003Eご飯が熱い。\u003C\u002Fspan\u003E.\u003C\u002Fp\u003E \u003Cbr\u003E","\u003Cp\u003EФорматирование текста\u003Cbr\u003E\u003Cp\u003EБольшинство структурированных текстов состоят из параграфов и заголовков, независимо от того, читаете ли вы рассказ, или газету, или учебник, журнал и т.д.\u003Cbr\u003EУпорядоченный контент делает чтение более легким и приятным.\u003Cbr\u003EВ HTML каждый абзац заключен в элемент \u003Cp\u003E, подобно:\u003Cbr\u003E\u003Cp\u003EЯ параграф, да, это я.\u003C\u002Fp\u003E\u003Cbr\u003E \u003Cbr\u003EКаждый заголовок заключен в элемент заголовка \u003Ch1\u003E:\u003Cbr\u003E\u003Ch1\u003EЯ заголовок истории.\u003C\u002Fh1\u003E\u003Cbr\u003E \u003Cbr\u003EИмеется шесть элементов заголовка: \u003Ch1\u003E, \u003Ch2\u003E, \u003Ch3\u003E, \u003Ch4\u003E, \u003Ch5\u003E и \u003Ch6\u003E. Каждый элемент представляет разный уровень контента в документе; \u003Ch1\u003E представляет главный заголовок, \u003Ch2\u003E представляет подзаголовки, \u003Ch3\u003E представляет под-подзаголовки и так далее.\u003Cbr\u003E","\u003Cp\u003EСписки\u003Cbr\u003E\u003Cp\u003EНеупорядоченные\u003Cbr\u003E\u003Cul\u003E \u003Cbr\u003E\t\u003Cli\u003Eмолоко\u003C\u002Fli\u003E \u003Cbr\u003E\t\u003Cli\u003Eяйца\u003C\u002Fli\u003E \u003Cbr\u003E\t\u003Cli\u003Eхлеб\u003C\u002Fli\u003E \u003Cbr\u003E\t\u003Cli\u003Eхумус\u003C\u002Fli\u003E\u003Cbr\u003E\u003C\u002Ful\u003E \u003Cbr\u003EУпорядоченные\u003Cbr\u003E\u003Col\u003E\u003Cbr\u003E\t\u003Cli\u003EДоедьте до конца дороги\u003C\u002Fli\u003E\u003Cbr\u003E\t\u003Cli\u003EПоверните направо\u003C\u002Fli\u003E\u003Cbr\u003E\t\u003Cli\u003EЕдьте прямо через первые два перекрестка с круговым движением\u003C\u002Fli\u003E \u003Cbr\u003E \t\u003Cli\u003EПоверните налево на третьем перекрестке\u003C\u002Fli\u003E\u003Cbr\u003E\t\u003Cli\u003EШкола справа от вас, в 300 метрах вверх по дороге\u003C\u002Fli\u003E\u003Cbr\u003E\u003C\u002Fol\u003E \u003Cbr\u003E","\u003Cp\u003EАкцент\u003Cbr\u003E\u003Cp\u003EДля курсивного текста в HTML используется элемент \u003Cem\u003E (выделение). Кроме того, чтобы сделать документ более интересным для чтения, они распознаются программами, считывающими с экрана, и произносятся другим тоном. \u003Cbr\u003E\u003Cp\u003EЯ \u003Cem\u003Eрад\u003C\u002Fem\u003E, что ты не \u003Cem\u003Eопоздал\u003C\u002Fem\u003E.\u003C\u002Fp\u003E \u003Cbr\u003EДля полужирного текста в HTML используется элемент \u003Cstrong\u003E (важное значение). Помимо того, что документ становится более полезным, они распознаются программами, считывающими с экрана, и говорят другим тоном. \u003Cbr\u003E\u003Cp\u003EЭта жидкость \u003Cstrong\u003Eочень токсична\u003C\u002Fstrong\u003E.\u003C\u002Fp\u003E\u003Cp\u003EЯ рассчитываю на тебя. \u003Cstrong\u003EНе \u003C\u002Fstrong\u003Eопаздывай!\u003C\u002Fp\u003E \u003Cbr\u003E","\u003Cp\u003EИзображения на странице\u003Cbr\u003E\u003Cp\u003E\u003Cimg src=\"путь к файлу\" alt=\"альтернативный текст\"\u003E \r\n\u003Cbr\u003EЕсли графический файл находится в одной папке с HTML-документом, то в качестве пути достаточно указать только имя файла\u003Cbr\u003E","\u003Cp\u003EТаблицы\u003Cbr\u003E\u003Cp\u003EТаблица состоит из строк и столбцов ячеек, которые могут содержать текст и рисунки. Для добавления таблицы на веб-страницу используется тег \u003Ctable\u003E. Этот элемент служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются соответственно с помощью тегов \u003Ctr\u003E и \u003Ctd\u003E. Таблица должна содержать хотя бы одну ячейку. Допускается вместо тега \u003Ctd\u003E использовать тег \u003Cth\u003E. Текст в ячейке, оформленной с помощью тега \u003Cth\u003E, отображается браузером шрифтом жирного начертания и выравнивается по центру ячейки. В остальном, разницы между ячейками, созданными через теги \u003Ctd\u003E и \u003Cth\u003E нет.\u003Cbr\u003E","\u003Cp\u003E\u003C!DOCTYPE html\u003E\u003Cbr\u003E\u003Chtml\u003E\u003Cbr\u003E\t\u003Chead\u003E\u003Cbr\u003E\t\t\u003Cmeta charset=\"utf-8\"\u003E\u003Cbr\u003E\t\t\u003Ctitle\u003EТег table\u003C\u002Ftitle\u003E\u003Cbr\u003E\t\u003C\u002Fhead\u003E\u003Cbr\u003E\t\u003Cbody\u003E\u003Cbr\u003E\t\t\u003Ctable border=\"1\"\u003E\u003Cbr\u003E\t\t\t\u003Ctr\u003E\u003Cbr\u003E\t\t\t\t\u003Cth\u003EЯчейка 1\u003C\u002Fth\u003E\u003Cbr\u003E\t\t\t\t\u003Cth\u003EЯчейка 2\u003C\u002Fth\u003E\u003Cbr\u003E\t\t\t\u003C\u002Ftr\u003E\u003Cbr\u003E\t\t\t\u003Ctr\u003E\u003Cbr\u003E\t\t\t\t\u003Ctd\u003EЯчейка 3\u003C\u002Ftd\u003E\u003Cbr\u003E\t\t\t\t\u003Ctd\u003EЯчейка 4\u003C\u002Ftd\u003E\u003Cbr\u003E\t\t\t\u003C\u002Ftr\u003E\u003Cbr\u003E\t\t\u003C\u002Ftable\u003E\u003Cbr\u003E\t\u003C\u002Fbody\u003E\u003Cbr\u003E\u003C\u002Fhtml\u003E\u003Cbr\u003E","\u003Cp\u003EОбъединение ячеек\u003Cbr\u003E\u003Cp\u003EДля объединения двух и более ячеек в одну используются атрибуты colspan и rowspan тега \u003Ctd\u003E. Атрибут colspan устанавливает число ячеек объединяемых по горизонтали. Аналогично работает и атрибут rowspan, с тем лишь отличием, что объединяет ячейки по вертикали. Перед добавлением атрибутов проверьте число ячеек в каждой строке, чтобы не возникло ошибок. Так, \u003Ctd colspan=\"3\"\u003E заменяет три ячейки, поэтому в следующей строке должно быть три тега \u003Ctd\u003E или конструкция вида \u003Ctd colspan=\"2\"\u003E...\u003C\u002Ftd\u003E\u003Ctd\u003E...\u003C\u002Ftd\u003E. Если число ячеек в каждой строке не будет совпадать, появятся пустые фантомные ячейки.\u003Cbr\u003E","\u003Cp\u003EГиперссылки\u003Cbr\u003E\u003Cp\u003EГиперссылки позволяют нам связывать документы с любым другим документом (или ресурсом), с которым необходимо. \u003Cbr\u003EURL-адрес может указывать на файлы HTML, текстовые файлы, изображения, текстовые документы, видео и аудиофайлы и все остальное. Если веб-браузер не знает, как отображать или обрабатывать файл, он спросит, хотите ли вы открыть файл (в этом случае обязанность открытия или обработки файла передаётся в соответствующее локальное приложение на устройстве) или загрузить файл (в этом случае вы можете попытаться разобраться с ним позже).\u003Cbr\u003E","\u003Cp\u003EПростая ссылка создаётся путём обёртывания текста (или другого содержимого), который вы хотите превратить в ссылку, в элемент \u003Ca\u003E, и придания этому элементу атрибута href (который также известен как гипертекстовая ссылка, или цель), который будет содержать веб-адрес, на который вы хотите указать ссылку.\u003Cbr\u003E\u003Cp\u003EСсылка на \u003Ca href=\"http:\u002F\u002Fbmstu-kaluga.ru\" \u003Cbr\u003E\ttitle=\"Наш родной университет\"\u003Eсайт университета \u003C\u002Fa\u003E.\u003C\u002Fp\u003E \u003Cbr\u003E","\u003Cp\u003EСсылки на части документа\u003Cbr\u003E\u003Cp\u003EМожно ссылаться на определенную часть документа HTML (известную как фрагмент документа), а не только на верхнюю часть документа. Для этого вам сначала нужно назначить атрибут id элементу, с которым вы хотите связаться. Обычно имеет смысл ссылаться на определённый заголовок, поэтому это выглядит примерно так:\u003Cbr\u003E\u003Ch2 id=\"mail\"\u003EПочтовый адрес\u003C\u002Fh2\u003E \u003Cbr\u003EЗатем, чтобы связаться с этим конкретным id, вы должны включить его в конец URL-адреса, которому предшествует знак решётки, например:\u003Cbr\u003E\u003Cp\u003EХотите написать мне письмо? Используйте наш \u003Ca href=\"contacts.html#mail\"\u003Eпочтовый адрес\u003C\u002Fa\u003E.\u003C\u002Fp\u003E \u003Cbr\u003E","\u003Cp\u003EСохранение файлов\u003Cbr\u003E\u003Cp\u003EПри наличии атрибута download браузер не переходит по ссылке, а предложит скачать документ, указанный в адресе ссылки.\u003Cbr\u003E \u003Cbr\u003E\t\u003Ca download\u003EСсылка\u003C\u002Fa\u003E\u003Cbr\u003EПо умолчанию, при переходе по ссылке документ открывается в текущем окне или фрейме. При необходимости, это условие может быть изменено атрибутом target тега \u003Ca\u003E\u003Cbr\u003EВ качестве значения используется имя окна или фрейма, заданное атрибутом name. Если установлено несуществующее имя, то будет открыто новое окно. В качестве зарезервированных имен используются следующие:\u003Cbr\u003E\t_blank – загружает страницу в новое окно браузера.\u003Cbr\u003E\t_self – загружает страницу в текущее окно.\u003Cbr\u003E\t_parent – загружает страницу во фрейм-родитель, если фреймов нет, то это значение работает как _self.\u003Cbr\u003E\t_top – отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов нет, то это значение работает как _self. \u003Cbr\u003E","\u003Cp\u003EDOM (Data Object Model)\u003Cbr\u003E","\u003Cp\u003EWeb-сервера\u003Cbr\u003E\u003Cp\u003EHyperText Transfer Protocol — «протокол передачи гипертекста») — протокол прикладного уровня передачи данных, изначально — в виде гипертекстовых документов в формате HTML, в настоящее время используется для передачи произвольных данных.\u003Cbr\u003EВеб-сервер — сервер, принимающий HTTP-запросы от клиентов, и выдающий им HTTP-ответы, как правило, вместе с HTML-страницей, изображением, файлом, медиа-потоком или другими данными.\u003Cbr\u003E","\u003Cp\u003EИдентификация приложения в сети\u003Cbr\u003E\u003Cадрес\u003E:\u003Cпорт\u003E\u003Cbr\u003EПорты http: 80; 8080\u003Cbr\u003Ehttps: 443\u003Cbr\u003E \u003Cbr\u003EНаиболее популярные веб-серверы:\u003Cbr\u003EApache\u003Cbr\u003ENginx\u003Cbr\u003EIIS\u003Cbr\u003E"],href:"\u002Fprezentacii-po-informatike\u002Fchto-takoe-xml",href_category:"\u002Fprezentacii-po-informatike",date:1614671173,related:[{id:977177,name:"Множество. Повторение. 3 класс",href:"\u002Fprezentacii-po-informatike\u002Fmnozhestvo-povtorenie-3-klass",jpg:"jpg\u002F977177"},{id:1132085,name:"Сетевые информационные технологии",href:"\u002Fprezentacii-po-informatike\u002Fsetevye-informatsionnye-tehnologii-3",jpg:"jpg\u002F1132085"},{id:1089370,name:"Программа для сбора статистики WebIrbis",href:"\u002Fprezentacii-po-informatike\u002Fprogramma-dlya-sbora-statistiki-webirbis",jpg:"jpg\u002F1089370"},{id:988051,name:"Некоторые сведения из теории множеств. Элементы теории множеств и алгебры логики",href:"\u002Fprezentacii-po-informatike\u002Fnekotorye-svedeniya-iz-teorii-mnozhestv-elementy",jpg:"jpg\u002F988051"},{id:1170134,name:"Группа R&amp;D и облачной интеграции",href:"\u002Fprezentacii-po-informatike\u002Fgruppa-rampd-i-oblachnoy-integratsii",jpg:"jpg\u002F1170134"},{id:1018074,name:"Игромания. Компьютерная зависимость",href:"\u002Fprezentacii-po-informatike\u002Figromaniya-kompyuternaya-zavisimost",jpg:"jpg\u002F1018074"},{id:883370,name:"Безопасность в интернете",href:"\u002Fprezentacii-po-informatike\u002Fbezopasnost-v-internete-33",jpg:"jpg\u002F883370"},{id:877569,name:"Курс SEO-практик. Управление индексацией сайта. Дубли и служебные страницы",href:"\u002Fprezentacii-po-informatike\u002Fkurs-seo-praktik-upravlenie-indeksatsiey-sayta",jpg:"jpg\u002F877569"},{id:1157606,name:"Информационные технологии и средства",href:"\u002Fprezentacii-po-informatike\u002Finformatsionnye-tehnologii-i-sredstva",jpg:"jpg\u002F1157606"},{id:1023731,name:"Современный автор, это кто",href:"\u002Fprezentacii-po-informatike\u002Fsovremennyy-avtor-eto-kto",jpg:"jpg\u002F1023731"},{id:988449,name:"Ответы на вопросы по работе с региональным репозиторием",href:"\u002Fprezentacii-po-informatike\u002Fotvety-na-voprosy-po-rabote-s",jpg:"jpg\u002F988449"},{id:968728,name:"Сетевые технологии",href:"\u002Fprezentacii-po-informatike\u002Fsetevye-tehnologii-6",jpg:"jpg\u002F968728"},{id:1054506,name:"Работа библиотеки при музее пожарной части №1 ГУ Служба пожаротушения и аварийно-спасательных работ ДЧС СКО",href:"\u002Fprezentacii-po-informatike\u002Frabota-biblioteki-pri-muzee-pozharnoy-chasti",jpg:"jpg\u002F1054506"},{id:923337,name:"Сфера деятельности Adobe Systems",href:"\u002Fprezentacii-po-informatike\u002Fsfera-deyatelnosti-adobe-systems",jpg:"jpg\u002F923337"},{id:991354,name:"Иновационные продукты и технологии",href:"\u002Fprezentacii-po-informatike\u002Finovatsionnye-produkty-i-tehnologii",jpg:"jpg\u002F991354"},{id:845270,name:"Программа Tinkercad и сервис Circuits. Практическая работа № 2",href:"\u002Fprezentacii-po-informatike\u002Fprogramma-tinkercad-i-servis-circuits-prakticheskaya-1",jpg:"jpg\u002F845270"},{id:1097791,name:"Автоматизированное рабочее место бухгалтера в коммерческой организации",href:"\u002Fprezentacii-po-informatike\u002Favtomatizirovannoe-rabochee-mesto-buhgaltera-v-kommercheskoy",jpg:"jpg\u002F1097791"},{id:956770,name:"Компьютерлік графика",href:"\u002Fprezentacii-po-informatike\u002Fkompyuterlk-grafika-5",jpg:"jpg\u002F956770"},{id:877554,name:"Умные таблицы Excel 2007-2013",href:"\u002Fprezentacii-po-informatike\u002Fumnye-tablitsy-excel-2007-2013",jpg:"jpg\u002F877554"},{id:926322,name:"Понятие электронной формы учебника. Возможности ЭФУ в организации и проведении урока изобразительного искусства",href:"\u002Fprezentacii-po-informatike\u002Fponyatie-elektronnoy-formy-uchebnika-vozmozhnosti-efu",jpg:"jpg\u002F926322"},{id:484463,name:"МЕТОДОЛОГИЯ ПРОЕКТИРОВАНИЯ",href:"\u002Fprezentacii-po-informatike\u002Fmetodologiya-proektirovaniya-1",jpg:"jpg\u002F484463"},{id:899337,name:"Теория - сплайн",href:"\u002Fprezentacii-po-informatike\u002Fteoriya-splayn",jpg:"jpg\u002F899337"},{id:875544,name:"Индивидуальная безопасность в массивах информационного пространства",href:"\u002Fprezentacii-po-informatike\u002Findividualnaya-bezopasnost-v-massivah-informatsionnogo-prostranstva",jpg:"jpg\u002F875544"},{id:1136500,name:"Мастерская записи и обработки звука Прямой эфир",href:"\u002Fprezentacii-po-informatike\u002Fmasterskaya-zapisi-i-obrabotki-zvuka-pryamoy",jpg:"jpg\u002F1136500"},{id:980595,name:"У тебя зазвонил телефон Интегрированный урок русского языка и информатики. 8 класс",href:"\u002Fprezentacii-po-informatike\u002Fu-tebya-zazvonil-telefon-integrirovannyy-urok",jpg:"jpg\u002F980595"},{id:1105927,name:"Создание веб-сайтов",href:"\u002Fprezentacii-po-informatike\u002Fsozdanie-veb-saytov-19",jpg:"jpg\u002F1105927"},{id:910429,name:"Формирование речевого ИКМ сигнала",href:"\u002Fprezentacii-po-informatike\u002Fformirovanie-rechevogo-ikm-signala",jpg:"jpg\u002F910429"},{id:922619,name:"Фундаментальные и прикладные науки",href:"\u002Fprezentacii-po-informatike\u002Ffundamentalnye-i-prikladnye-nauki",jpg:"jpg\u002F922619"}],navigation:{next:"\u002Fprezentacii-na-razlichnye-temy\u002Fstarinnye-rychazhnye-bezmeny",next_name:"Старинные рычажные безмены",prev:"\u002Fprezentacii-po-pedagogike\u002Fkorrekturnye-uprazhneniya-kak-sredstvo-razvitiya-orfograficheskoy",prev_name:"Корректурные упражнения как средство развития орфографической зоркости у обучающихся основной школы"}}}},state:{},_errors:{},serverRendered:e,config:{public:{SITE_NAME:M,SITE_HOST:"slaidy.com",SITE_LANG:N,API_BASE_URL:"https:\u002F\u002Fslaidy.com\u002Fapi\u002F",pwaManifest:{name:M,short_name:b,description:b,lang:N,start_url:"\u002F?standalone=true",display:"standalone",background_color:k,theme_color:j,icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.d7f48e96.png",type:d,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.d7f48e96.png",type:d,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.d7f48e96.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.d7f48e96.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.d7f48e96.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.d7f48e96.png",type:d,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.d7f48e96.png",type:d,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.d7f48e96.png",type:d,sizes:R,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.d7f48e96.png",type:d,sizes:S,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.d7f48e96.png",type:d,sizes:S,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.d7f48e96.png",type:d,sizes:T,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.d7f48e96.png",type:d,sizes:T,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.d7f48e96.png",type:d,sizes:U,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.d7f48e96.png",type:d,sizes:U,purpose:g}]},yandexMetrika:{id:"79446466",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:e,childIframe:c,clickmap:c,defer:c,useRuntimeConfig:e,trackHash:c,trackLinks:e,type:a,webvisor:c,triggerEvent:c,consoleLog:e,partytown:c,isDev:c}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:b}},pinia:{app:{meta:{h1:l,main_text:b,main_title:m,main_description:n,main_keywords:o,main_image:b},app:{logo_image:p,logo_image_width:i,logo_image_height:q,logo_text:r,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:e,banner_1:b,banner_2:b,banner_3:b,banner_4:b,banner_5:b,banner_6:b,banner_7:b,banner_8:b,banner_9:b,banner_10:b,email:w,footer_before:x,footer:y,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:z,item_images:A,item_images_tag:B,item_words_h3:c,item_words_tag:C,item_words_1:h,routing:D,item_slide_skipping:E,item_download_timeout:F,item_slider_width:a,item_show_pdf:c,item_show_contents:c,item_show_filename:e},colors:{header_text:j,header_bg:k,accent:G}},social:H,token:b}}}}(0,"",false,"image\u002Fpng",true,"any","maskable",12,28,"#000000","#ffffff","Презентации, проекты, доклады в PowerPoint на любую тему","Презентации и проекты в PowerPoint","Презентации на различные темы для детей, школьников, родителей, студентов, учителей и преподавателей.","Презентация, презентация на тему, скачать презентацию, урок презентация, 1 2 3 4 5 6 7 8 9 10 11 класс","images\u002Fdata\u002Flogo.jpg",32,"Slaidy.com",720,480,"6LdhFOUnAAAAAIaOUjFtosEpzs6Ny643k1QKXXvv","3190226","[e-mail]","\u003C!--LiveInternet counter--\u003E\u003Ca href=\"https:\u002F\u002Fwww.liveinternet.ru\u002Fclick\"\r\ntarget=\"_blank\"\u003E\u003Cimg id=\"licnt7D89\" width=\"88\" height=\"31\" style=\"border:0\" \r\ntitle=\"LiveInternet: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня\"\r\nsrc=\"data:image\u002Fgif;base64,R0lGODlhAQABAIAAAAAAAP\u002F\u002F\u002FyH5BAEAAAEALAAAAAABAAEAAAIBTAA7\"\r\nalt=\"LiveInternet\"\u002F\u003E\u003C\u002Fa\u003E\u003Cscript\u003E(function(d,s){d.getElementById(\"licnt7D89\").src=\r\n\"https:\u002F\u002Fcounter.yadro.ru\u002Fhit?t12.1;r\"+escape(d.referrer)+\r\n((typeof(s)==\"undefined\")?\"\":\";s\"+s.width+\"*\"+s.height+\"*\"+\r\n(s.colorDepth?s.colorDepth:s.pixelDepth))+\";u\"+escape(d.URL)+\r\n\";h\"+escape(d.title.substring(0,150))+\";\"+Math.random()})\r\n(document,screen)\u003C\u002Fscript\u003E\u003C!--\u002FLiveInternet--\u003E","\u003Ca href=\"\u002Fpage\u002Fpravoobladateliam\"\u003EДля правообладателей\u003C\u002Fa\u003E","h3a","images_before","none","h3","category","both",77,"#ff0d00","\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",1,"Информатика",27,"Что такое XML ","Slaidy","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))

Гиперссылки
Гиперссылки позволяют нам связывать документы с любым другим документом (или ресурсом), с которым необходимо.
URL-адрес может указывать на файлы HTML, текстовые файлы, изображения, текстовые документы, видео и аудиофайлы и все остальное. Если веб-браузер не знает, как отображать или обрабатывать файл, он спросит, хотите ли вы открыть файл (в этом случае обязанность открытия или обработки файла передаётся в соответствующее локальное приложение на устройстве) или загрузить файл (в этом случае вы можете попытаться разобраться с ним позже).

Простая ссылка создаётся путём обёртывания текста (или другого содержимого), который вы хотите превратить в ссылку, в элемент
, и придания этому элементу атрибута href (который также известен как гипертекстовая ссылка, или цель), который будет содержать веб-адрес, на который вы хотите указать ссылку.
Ссылка на
title="Наш родной университет">сайт университета
.

Ссылки на части документа
Можно ссылаться на определенную часть документа HTML (известную как фрагмент документа), а не только на верхнюю часть документа. Для этого вам сначала нужно назначить атрибут id элементу, с которым вы хотите связаться. Обычно имеет смысл ссылаться на определённый заголовок, поэтому это выглядит примерно так:
Почтовый адрес
Затем, чтобы связаться с этим конкретным id, вы должны включить его в конец URL-адреса, которому предшествует знак решётки, например:
Хотите написать мне письмо? Используйте наш
почтовый адрес
.

Сохранение файлов
При наличии атрибута download браузер не переходит по ссылке, а предложит скачать документ, указанный в адресе ссылки.
Ссылка
По умолчанию, при переходе по ссылке документ открывается в текущем окне или фрейме. При необходимости, это условие может быть изменено атрибутом target тега
В качестве значения используется имя окна или фрейма, заданное атрибутом name. Если установлено несуществующее имя, то будет открыто новое окно. В качестве зарезервированных имен используются следующие:
_blank – загружает страницу в новое окно браузера.
_self – загружает страницу в текущее окно.
_parent – загружает страницу во фрейм-родитель, если фреймов нет, то это значение работает как _self.
_top – отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов нет, то это значение работает как _self.

DOM (Data Object Model)

Web-сервера
HyperText Transfer Protocol — «протокол передачи гипертекста») — протокол прикладного уровня передачи данных, изначально — в виде гипертекстовых документов в формате HTML, в настоящее время используется для передачи произвольных данных.
Веб-сервер — сервер, принимающий HTTP-запросы от клиентов, и выдающий им HTTP-ответы, как правило, вместе с HTML-страницей, изображением, файлом, медиа-потоком или другими данными.

Тег table
Ячейка 1
Ячейка 2
Ячейка 3
Ячейка 4

Объединение ячеек
Для объединения двух и более ячеек в одну используются атрибуты colspan и rowspan тега