Разделы презентаций


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

Содержание

В прошлый раз мы разобрались с Вами в тэгах простой HTML-страницы. Даже с помощью того незначительного количества тэгов можно создавать относительно полноценные текстовые страницы. Сегодня же мы поговорим об атрибутах тэгов

Слайды и текст этой презентации

Слайд 1Атрибуты тэгов.



Учитель физики и информатики Дзагалова Т.И.
МОУ «Февральская СОШ№2»
2010г.

Атрибуты тэгов.Учитель физики и информатики Дзагалова Т.И.МОУ «Февральская СОШ№2»2010г.

Слайд 2В прошлый раз мы разобрались с Вами в тэгах простой

HTML-страницы. Даже с помощью того незначительного количества тэгов можно создавать

относительно полноценные текстовые страницы. Сегодня же мы поговорим об атрибутах тэгов
В прошлый раз мы разобрались с Вами в тэгах простой HTML-страницы. Даже с помощью того незначительного количества

Слайд 3Однако в начале хочется заострить Ваше внимание на исключении из

правил. Исключение состоит в том, что имеются тэги не требующие

закрытия. В частности два тэга
и
не имеют закрывающих -
и в силу элементарной логики.
Однако в начале хочется заострить Ваше внимание на исключении из правил. Исключение состоит в том, что имеются

Слайд 4Тэг
(от англ. break - разрывать) применяется для принудительного

перехода на другую строку. Не следует путать его с тэгом

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

Тэг (от англ. break - разрывать) применяется для принудительного перехода на другую строку. Не следует путать его

Слайд 5Понятно что сразу после перехода на новую строку "власть" тэга

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

последовательности из двух и нескольких тэгов. Например

означает переход на новую строку и пропуск еще одной строки.
Понятно что сразу после перехода на новую строку

Слайд 6Тэг (от англ. horizontal - горизонтальный) . Это горизонтальный

разделитель страницы. Т.е. в месте установки данного тэга проводится горизонтальная

линия от левого до правого поля страницы. Как отмечалось
также не требует закрытия.
Тэг (от англ. horizontal - горизонтальный) . Это горизонтальный разделитель страницы. Т.е. в месте установки данного тэга

Слайд 7А теперь перейдем к рассмотрению атрибутов тэга. Практический каждый тэг,

за исключением тех, где это не требуется в силу логики,

имеет атрибуты. Начнем с рассмотренных
и
. Переход на новую строку не имеет никаких атрибутов.
А теперь перейдем к рассмотрению атрибутов тэга. Практический каждый тэг, за исключением тех, где это не требуется

Слайд 8А вот для горизонтального разделителя можно задать:
Align - горизонтальное выравнивание

(left -левое, right-правое, center-по центру);
Size - размер по вертикали

(толщина горизонтальной черты в пикселях);
WIDTH - ширина горизонтального разделителя в точках экрана или процентах;
NOSHADE - если установлен этот атрибут, то черта проводится без оттенков.

А вот для горизонтального разделителя можно задать: Align - горизонтальное выравнивание (left -левое, right-правое, center-по центру); Size

Слайд 9Рассмотрим примеры:
Простой горизонтальный разделитель без атрибутов по умолчанию выводится

с оттенком с центровкой по горизонтали.

Теперь зададим все атрибуты следующим

образом:,



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

Слайд 10Как мы заметили все атрибуты записываются сразу после названия тэга

внутри угловых скобок просто через пробел без всяких знаков препинания.

Как мы заметили все атрибуты записываются сразу после названия тэга внутри угловых скобок просто через пробел без

Слайд 11Примечание:
Атрибуты задаются всегда

в открывающем тэге. Последовательность атрибутов не имеет значения.
Согласно логике у

тэгов , и также нет атрибутов.<br>А вот у <body> и <p> атрибуты есть.<br><br> </div> <div class="image"> <a href="/img/thumbs/e1546506f2073a5330feb727e805b797-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Примечание: Атрибуты задаются всегда в открывающем тэге. Последовательность атрибутов не имеет значения.Согласно логике у тэгов , и также нет атрибутов.А вот у и атрибуты есть."><img src="/img/thumbs/e1546506f2073a5330feb727e805b797-800x.jpg" title="Атрибуты тегов Примечание: Атрибуты задаются всегда в открывающем тэге. Последовательность" alt="Примечание: Атрибуты задаются всегда в открывающем тэге. Последовательность атрибутов не имеет"></a> </div> <hr> </div> <div class="descrip" id="slide12"> <h2><a href="/img/thumbs/6def96b61819c65b0e05ed9948dbc212-800x.jpg" target="_blank">Слайд 12</a>Для их не так много. Точнее один. Это выравнивание</h2> <div class="text"> <h3>по горизонтали - Align (left -левое, right-правое, center-по центру). Если</h3> выравнивание на задано, то по умолчанию оно производится по левому краю страницы.<br><br> </div> <div class="image"> <a href="/img/thumbs/6def96b61819c65b0e05ed9948dbc212-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Для их не так много. Точнее один. Это выравнивание по горизонтали - Align (left -левое, right-правое, center-по центру). Если выравнивание на задано, то по умолчанию оно производится по левому краю страницы."><img src="/img/thumbs/6def96b61819c65b0e05ed9948dbc212-800x.jpg" title="Атрибуты тегов Для их не так много. Точнее один. Это выравнивание по горизонтали" alt="Для их не так много. Точнее один. Это выравнивание по горизонтали - Align (left -левое, right-правое, center-по"></a> </div> <hr> </div> <div class="descrip" id="slide13"> <h2><a href="/img/thumbs/7694a78317e6fe68b056973828b5f01f-800x.jpg" target="_blank">Слайд 13</a>Запись Этот текст расположен справа и результат:<br>Этот текст расположен</h2> <div class="text"> <h3>справа<br><br></h3> </div> <div class="image"> <a href="/img/thumbs/7694a78317e6fe68b056973828b5f01f-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Запись Этот текст расположен справа и результат:Этот текст расположен справа"><img src="/img/thumbs/7694a78317e6fe68b056973828b5f01f-800x.jpg" title="Атрибуты тегов Запись Этот текст расположен справа и результат:Этот текст расположен справа" alt="Запись Этот текст расположен справа и результат:Этот текст расположен справа"></a> </div> <hr> </div> <div class="descrip" id="slide14"> <h2><a href="/img/thumbs/1193e764ae7b0b7d93c869ed3dfb32f3-800x.jpg" target="_blank">Слайд 14</a>У несколько атрибутов. <br> <br>Text - цвет текста документа</h2> <div class="text"> <h3>(по умолчанию черный); <br>BGCOLOR - цвет фона документа (по умолчанию</h3> белый); <br>LINK - цвет ссылки; <br>VLink - цвет посещенной ссылки; <br>ALink - цвет активной ссылки; <br>BACKGROUND - ссылка на фоновое изображение. <br><br> </div> <div class="image"> <a href="/img/thumbs/1193e764ae7b0b7d93c869ed3dfb32f3-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="У несколько атрибутов. Text - цвет текста документа (по умолчанию черный); BGCOLOR - цвет фона документа (по умолчанию белый); LINK - цвет ссылки; VLink - цвет посещенной ссылки; ALink - цвет активной ссылки; BACKGROUND - ссылка на фоновое изображение. "><img src="/img/thumbs/1193e764ae7b0b7d93c869ed3dfb32f3-800x.jpg" title="Атрибуты тегов У несколько атрибутов. Text - цвет текста документа (по умолчанию" alt="У несколько атрибутов. Text - цвет текста документа (по умолчанию черный); BGCOLOR - цвет фона"></a> </div> <hr> </div> <div class="descrip" id="slide15"> <h2><a href="/img/thumbs/ef6b085df74f9330adb5d78f7f3c50b3-800x.jpg" target="_blank">Слайд 15</a><br>Регистр букв не имеет значения. Записан атрибут как BGCOLOR, bgcolor</h2> <div class="text"> <h3>или BgColor - не имеет принципиального значения. Значения для всех</h3> атрибутов задается приравниванием с помощью математического знака "=".<br><br> </div> <div class="image"> <a href="/img/thumbs/ef6b085df74f9330adb5d78f7f3c50b3-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Регистр букв не имеет значения. Записан атрибут как BGCOLOR, bgcolor или BgColor - не имеет принципиального значения. Значения для всех атрибутов задается приравниванием с помощью математического знака "="."><img src="/img/thumbs/ef6b085df74f9330adb5d78f7f3c50b3-800x.jpg" title="Атрибуты тегов Регистр букв не имеет значения. Записан атрибут как BGCOLOR, bgcolor или" alt="Регистр букв не имеет значения. Записан атрибут как BGCOLOR, bgcolor или BgColor - не имеет принципиального значения."></a> </div> <hr> </div> <div class="descrip" id="slide16"> <h2><a href="/img/thumbs/f917d80d4a523555ca213cd319958e16-800x.jpg" target="_blank">Слайд 16</a><br>А теперь, резюмируя сказанное создадим страничку с именем attrib.html, внутри</h2> <div class="text"> <h3>которой поместим следующий код.<br><br></h3> </div> <div class="image"> <a href="/img/thumbs/f917d80d4a523555ca213cd319958e16-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="А теперь, резюмируя сказанное создадим страничку с именем attrib.html, внутри которой поместим следующий код."><img src="/img/thumbs/f917d80d4a523555ca213cd319958e16-800x.jpg" title="Атрибуты тегов А теперь, резюмируя сказанное создадим страничку с именем attrib.html, внутри которой поместим следующий код." alt="А теперь, резюмируя сказанное создадим страничку с именем attrib.html, внутри которой поместим следующий код."></a> </div> <hr> </div> <div class="descrip" id="slide17"> <h2><a href="/img/thumbs/4f0f78781759a631757ac83c60274c1f-800x.jpg" target="_blank">Слайд 17</a> <br><br>Пример использования атрибутов тэгов<br> <br></h2> <div class="text"> <h3>Написано красным по желтому. Сейчас будет горизонтальный разделитель <br> </h3> <hr noshade size=3 width=80%> <br> <p align=center>Написано после<br><br>горизонтального разделителя<br>по центру</p> </body><br> </html><br> </div> <div class="image"> <a href="/img/thumbs/4f0f78781759a631757ac83c60274c1f-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption=" Пример использования атрибутов тэгов Написано красным по желтому. Сейчас будет горизонтальный разделитель Написано послегоризонтального разделителяпо центру "><img src="/img/thumbs/4f0f78781759a631757ac83c60274c1f-800x.jpg" title="Атрибуты тегов Пример использования атрибутов тэгов Написано красным по желтому. Сейчас" alt="Пример использования атрибутов тэгов Написано красным по желтому. Сейчас будет горизонтальный разделитель"></a> </div> <hr> </div> <div class="descrip" id="slide18"> <h2><a href="/img/thumbs/172b0ab2dfb816049edb432c56611ffa-800x.jpg" target="_blank">Слайд 18</a><br>Мы установили цвет текста красным (red) text=red, а цвет фона</h2> <div class="text"> <h3>страницы - желтым (yellow) bgcolor=yellow. Посмотрите, где поставлены тэги <br></h3> и как они себя проявляют. <br> </div> <div class="image"> <a href="/img/thumbs/172b0ab2dfb816049edb432c56611ffa-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Мы установили цвет текста красным (red) text=red, а цвет фона страницы - желтым (yellow) bgcolor=yellow. Посмотрите, где поставлены тэги и как они себя проявляют. "><img src="/img/thumbs/172b0ab2dfb816049edb432c56611ffa-800x.jpg" title="Атрибуты тегов Мы установили цвет текста красным (red) text=red, а цвет фона страницы" alt="Мы установили цвет текста красным (red) text=red, а цвет фона страницы - желтым (yellow) bgcolor=yellow. Посмотрите, где"></a> </div> <hr> </div> </div> <div class="custom" > <!-- Yandex.RTB R-A-448123-10 --> <div id="yandex_rtb_R-A-448123-10"></div> <script type="text/javascript"> (function(w, d, n, s, t) { w[n] = w[n] || []; w[n].push(function() { Ya.Context.AdvManager.render({ blockId: "R-A-448123-10", renderTo: "yandex_rtb_R-A-448123-10", async: true }); }); t = d.getElementsByTagName("script")[0]; s = d.createElement("script"); s.type = "text/javascript"; s.src = "//an.yandex.ru/system/context.js"; s.async = true; t.parentNode.insertBefore(s, t); })(this, this.document, "yandexContextAsyncCallbacks"); </script></div> <div class="url" id="download"><a href="/informatika/atributy-tegov/download">Скачать презентацию</a></div> </div> <div class="right"> <div class="banners"> <div class="custom" > <!-- Yandex.RTB R-A-448123-2 --> <div id="yandex_rtb_R-A-448123-2"></div> <script type="text/javascript"> (function(w, d, n, s, t) { w[n] = w[n] || []; w[n].push(function() { Ya.Context.AdvManager.render({ blockId: "R-A-448123-2", renderTo: "yandex_rtb_R-A-448123-2", async: true }); }); t = d.getElementsByTagName("script")[0]; s = d.createElement("script"); s.type = "text/javascript"; s.src = "//an.yandex.ru/system/context.js"; s.async = true; t.parentNode.insertBefore(s, t); })(this, this.document, "yandexContextAsyncCallbacks"); </script></div> </div> <div class="list related"> <h2>Похожие презентации</h2> <div class="wrapper"> <a href="/informatika/operator-mnozhestvennogo-vybora-case"> <img src="/img/thumbs/3ebe530409a533231b85904a4e08d495-800x.jpg" alt="Оператор множественного выбора CASE"> <span class="desc"> <span>Оператор множественного выбора CASE</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 360</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/pokoleniya-kompyuterov-1"> <img src="/img/thumbs/11fa2637768c6c9478831d2141caa452-800x.jpg" alt="Поколения компьютеров"> <span class="desc"> <span>Поколения компьютеров</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 942</span> </span> </a> </div> <div class="custom" > <!-- Yandex.RTB R-A-448123-12 --> <script>window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ type: 'fullscreen', blockId: 'R-A-448123-12' }) })</script></div> <div class="wrapper"> <a href="/informatika/bitlocker-v-windows-server-2008-i"> <img src="/img/thumbs/d937ba1ac9d3d6a2c1b565c9ffdfcc11-800x.jpg" alt="BitLocker в Windows Server 2008 и Windows Vista SP1"> <span class="desc"> <span>BitLocker в Windows Server 2008 и Windows Vista SP1</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 484</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/tvoya-igra"> <img src="/img/thumbs/99059a3765bc68047d386d98aeaf1a97-800x.jpg" alt="Твоя игра"> <span class="desc"> <span>Твоя игра</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 405</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/innovatsionnye-tehnologii-na-urokah-informatiki"> <img src="/img/thumbs/0c1484515ac98f1fd7de3fd5dacb1f77-800x.jpg" alt="Инновационные технологии на уроках информатики"> <span class="desc"> <span>Инновационные технологии на уроках информатики</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 410</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/programmnoe-obespechenie-kompyutera-4"> <img src="/img/thumbs/ff1b7047f2c47120c735ff0a95318fc0-800x.jpg" alt="Программное обеспечение компьютера"> <span class="desc"> <span>Программное обеспечение компьютера</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 361</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/sozdanie-html-dokumentov-vstavka-izobrazheniy-v-web-–-stranitsy"> <img src="/img/thumbs/569bf8ae1cad23a1a34133e06b6a2f38-800x.jpg" alt="СОЗДАНИЕ HTML - документов Вставка изображений в Web – страницы"> <span class="desc"> <span>СОЗДАНИЕ HTML - документов Вставка изображений в Web – страницы</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 487</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/kompyuter-rylylary-2"> <img src="/img/thumbs/50e6ff4d8b4a765da29f9d943f8b63e1-800x.jpg" alt="Компьютер құрылғылары"> <span class="desc"> <span>Компьютер құрылғылары</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 879</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/kompyuternaya-bezopasnost-4"> <img src="/img/thumbs/52bdce78ba338b85370334015d46e149-800x.jpg" alt="Компьютерная безопасность"> <span class="desc"> <span>Компьютерная безопасность</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 480</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/informaniya"> <img src="/img/thumbs/187580af5adb8b487f169bb2e58c145d-800x.jpg" alt="ИНФОРМАНИЯ"> <span class="desc"> <span>ИНФОРМАНИЯ</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 451</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/poiskovoe-prodvizhenie-v-regionah-seo"> <img src="/img/thumbs/20957a105ba80c20417bf54270088458-800x.jpg" alt="Поисковое продвижение в регионах (SEO)"> <span class="desc"> <span>Поисковое продвижение в регионах (SEO)</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 487</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/kompyuternye-igry-i-virtualnaya-realnost"> <img src="/img/thumbs/ae8b60f84a874552a4f66e2e431d6ed2-800x.jpg" alt="Компьютерные игры и виртуальная реальность"> <span class="desc"> <span>Компьютерные игры и виртуальная реальность</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 535</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/informatika-kabinetndeg-aupszdk-tehnikasy"> <img src="/img/thumbs/5b0174baac9e0d60a06761fc94ad2e17-800x.jpg" alt="Информатика кабинетіндегі ?ауіпсіздік техникасы"> <span class="desc"> <span>Информатика кабинетіндегі ?ауіпсіздік техникасы</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 447</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/algoritmy-3"> <img src="/img/thumbs/69d0c9ad6fcde86fdc61f284d84aaa33-800x.jpg" alt="Алгоритмы"> <span class="desc"> <span>Алгоритмы</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 444</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/ierarhicheskie-i-setevye-bazy-dannyh-11"> <img src="/img/thumbs/026906d136574cb6ba7ec7c9f29c5389-800x.jpg" alt="Иерархические и сетевые базы данных 11 класс"> <span class="desc"> <span>Иерархические и сетевые базы данных 11 класс</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 463</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/oblachnye-tehnologii"> <img src="/img/thumbs/d0ca79061a9f04902c08188d5be64ec8-800x.jpg" alt="Облачные технологии"> <span class="desc"> <span>Облачные технологии</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 473</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/operatsionnaya-sistema-programmnoe-obespechenie-1"> <img src="/img/thumbs/0fbabfbf9377f072558ec0ea8281c2f3-800x.jpg" alt="Операционная система. Программное обеспечение"> <span class="desc"> <span>Операционная система. Программное обеспечение</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 440</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/formy-zapisi-algoritmov"> <img src="/img/thumbs/ab34c20452264d151e74fa9457cc400f-800x.jpg" alt="Формы записи алгоритмов"> <span class="desc"> <span>Формы записи алгоритмов</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 500</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/sozdanie-modeley"> <img src="/img/thumbs/757a4bc3adefc0e1a1fa7478f6821d96-800x.jpg" alt="Создание моделей"> <span class="desc"> <span>Создание моделей</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 350</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/interfeys-inkscape"> <img src="/img/thumbs/278990915b38cf744b4b2e200c148e09-800x.jpg" alt="Интерфейс Inkscape"> <span class="desc"> <span>Интерфейс Inkscape</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 488</span> </span> </a> </div> <div class="clear"></div> </div> </div> </div> </div> </div> <div class="container bottom"> <div> <div class="call_back"> <h4><i class="fas fa-bullhorn"></i>Обратная связь</h4> <p>Если не удалось найти и скачать доклад-презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:</p> <p>Email: <a href="#" class="js_hidden_email" data-address="abusetheslide" data-domain="ya.ru">Нажмите что бы посмотреть</a> </p> </div> <div class="links"> </div> <div class="whatis"> <h4><i class="fa fa-info text-red"></i>Что такое TheSlide.ru?</h4> <p>Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно  хранить и делиться своими презентациями с другими пользователями.</p> <hr /> <p><a href="/privacy">Для правообладателей</a></p> <a href="https://metrika.yandex.ru/stat/?id=48768281&from=informer" target="_blank" rel="nofollow"><img src="https://informer.yandex.ru/informer/48768281/3_1_FFFFFFFF_EFEFEFFF_0_pageviews" style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" class="ym-advanced-informer" data-cid="48768281" data-lang="ru" /></a> <!--LiveInternet counter--> <script type="text/javascript"> document.write("<a href='//www.liveinternet.ru/click' "+ "target=_blank><img src='//counter.yadro.ru/hit?t16.2;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";h"+escape(document.title.substring(0,150))+";"+Math.random()+ "' alt='' title='LiveInternet: показано число просмотров за 24"+ " часа, посетителей за 24 часа и за сегодня' "+ "border='0' width='88' height='31'><\/a>") </script> <!--/LiveInternet--> </div> <div class="clear"></div> </div> </div> <script src="/templates/presentation/js/script.js?2f7a446f4c1827ed407306caac7b976b"></script> </body> </html>