Поняття про мову розмітки, гіпертекстовий документ та його елементи презентация

Содержание

Слайд 2

Гіпертекст — це текст, у який вбудовані спеціальні коди, що

Гіпертекст — це текст, у який вбудовані спеціальні коди, що задають

форматування тексту, наявність у ньому ілюстрацій, мультимедійних вставок та гіперпосилань.

HTML (Hyper Text Markup Language –
мова гіпертекстової розмітки) – мова тегів, якою пишуться гіпертекстові документи для мережі Інтернет.

1. Базові конструкції мови HTML

Слайд 3

2. Поняття тегу Вся інформація про форматування документу міститься в

2. Поняття тегу

Вся інформація про форматування документу міститься в фрагментах розташованих

між знаками < > — такий фрагмент називають тегом.

Приклади тегів HTML:
, <BODY>, <TABLE>, </A>, <IMG>, </CENTER>.<br><p>Теги бувають: <br>Контейнерні (парні)<br>поодинокі (одинарні)<br><p>Відкриваюча дужка < ім'я тега, атрибут> закриваюча дужка<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide4" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 4</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/362156/slide-3.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Приклади парних тегів: , , , , , . Приклади" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/362156/slide-3.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/362156/slide-3.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/362156/slide-3.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/362156/slide-3.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Приклади парних тегів: <br><HTML> </HTML>, <br><В> </В>, <br><HEAD></HEAD>, <НЗ></Н3>, <ADDRESS></ADDRESS>, <LI></LI>.<br>Приклади</div></h2><div class="slides-content">одинарних тегів: <br><BR>, <br><HR>, <br><МЕТА>, <BASEFONT>, <br><FRAME>, <INPUT>.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide5" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 5</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/362156/slide-4.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Відкривальні теги (вказують програмі на початок об'єкту) можуть містити атрибути," loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/362156/slide-4.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/362156/slide-4.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/362156/slide-4.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/362156/slide-4.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Відкривальні теги (вказують програмі на початок об'єкту) можуть містити атрибути, які</div></h2><div class="slides-content">впливають на ефект, створюваний тегом. <br>Атрибути — задають значення властивостей об'єкту, поміщеного у контейнер.<br><p>Приклад тегу з атрибутами:<br><BODY BGCOLOR="#000000"> <br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide6" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 6</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/362156/slide-5.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="- починає та закінчує документ - починає та закінчує заголовок" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/362156/slide-5.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/362156/slide-5.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/362156/slide-5.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/362156/slide-5.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p><HTML> </HTML> - починає та закінчує документ<br><p><HEAD> </HEAD> - починає та</div></h2><div class="slides-content">закінчує заголовок <br> документу <br><p><ТІТLЕ> </ТІТLЕ> - задає назву документу<br><p><BODY></BODY> - починає та закінчує тіло документу<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide7" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 7</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/362156/slide-6.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="3. Структура HTML-документа HTML-документ складається з основного тексту і тегів" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/362156/slide-6.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/362156/slide-6.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/362156/slide-6.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/362156/slide-6.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>3. Структура HTML-документа<br><p>HTML-документ складається з основного тексту і тегів розмітки.<br><p>HTML-документи містяться</div></h2><div class="slides-content">у файлах із розширенням .htm або .html.<br><p>Структура:<br><HTML><br><HEAD><br><ТІТLЕ> Заголовок документа </ТІТLЕ><br></HEAD> <br><BODY><br>Текст, що відображається на екрані<br></BODY><br></HTML><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide8" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 8</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/362156/slide-7.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Для того щоб розбити текст на логічні частини, використовують заголовки." loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/362156/slide-7.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/362156/slide-7.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/362156/slide-7.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/362156/slide-7.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Для того щоб розбити текст на логічні частини, використовують заголовки. <br>(Існує</div></h2><div class="slides-content">6 рівнів заголовків документів).<br>Вони позначені тегами від <br><Н1>...</Н1> до <Н6>...</Н6>.<br><p>найвищий рівень<br><p>найнищий рівень<br><p>Заголовки<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide9" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 9</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/362156/slide-8.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Для визначення звичайних абзаців у мові HTML використовують теги і" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/362156/slide-8.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/362156/slide-8.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/362156/slide-8.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/362156/slide-8.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Для визначення звичайних абзаців у мові HTML використовують теги <Р> і</div></h2><div class="slides-content"></Р>. <br><p>Абзаци та рядки<br><p>Теги <H> та <P> можуть додатково містити атрибут ALIGN, який додатково використовується для того, щоб вирівняти текст заголовку або абзацу по центру, за правим або лівим краєм.<br>Наприклад: <br><Н2 ALIGN=center> <br><P ALIGN=right>.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide10" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 10</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/362156/slide-9.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Одинарні теги - одинарний тег, що використовується для переходу на" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/362156/slide-9.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/362156/slide-9.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/362156/slide-9.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/362156/slide-9.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Одинарні теги<br><BR> - одинарний тег, що використовується для переходу на новий</div></h2><div class="slides-content">рядок без створення абзацу <br><HR> - одинарний тег, що використовується для створення горизонтальної лінії, яка візуально відділяє різні частини документа.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide11" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 11</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/362156/slide-10.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Кольори та зображення для всього документа і його тла задають" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/362156/slide-10.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/362156/slide-10.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/362156/slide-10.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/362156/slide-10.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Кольори та зображення для всього документа і його тла задають за</div></h2><div class="slides-content">допомогою тегу <BODY>. Він може мати такі атрибути:<br>• BACKGROUND="URL" — замість URL вказують адресу малюнка, який має бути тлом для сторінки;<br>• BGC0L0R=значення — задає колір, який має бути фоновим для документа;<br>• ТЕХТ=значення — задає колір тексту;<br>• LINK=значення — визначає колір гіперпосилань у документі;<br>• ALINK=значення — задає колір гіперпосилань під час клацання;<br>• VLINK=значення — задає колір переглянутих гіперпосилань.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide12" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 12</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/362156/slide-11.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Гарнітуру, розмір та колір шрифту для фрагмента тексту задають за" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/362156/slide-11.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/362156/slide-11.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/362156/slide-11.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/362156/slide-11.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Гарнітуру, розмір та колір шрифту для фрагмента тексту задають за допомогою</div></h2><div class="slides-content">тегу <br><FONT АТРИБУТИ> Текст </FONT>. <br>Наприклад:<br><font size=«7»> текст </font> <br>…..<br><font size=«1»> текст </font> <br><font color=darkblue> текст </font> - означає, що літери слова комп'ютер матимуть темно-синій колір. <br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide13" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 13</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/362156/slide-12.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="4. Теги форматування символів тексту" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/362156/slide-12.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/362156/slide-12.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/362156/slide-12.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/362156/slide-12.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>4. Теги форматування символів тексту<br></div></h2><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><!----></div><!--]--></div><div class="section"><div></div></div><form id="download" action="/api/" method="post" class="download"><!----><div class="download-description"> Имя файла: Поняття-про-мову-розмітки,-гіпертекстовий-документ-та-його-елементи.pptx <br> Количество просмотров: 27 <br> Количество скачиваний: 0</div><button class="download-btn" type="submit">Скачать</button><!----></form><div class="navigation"><div class="navigation-item"><div>- Предыдущая</div><a href="/istoriya/kultura-rossii-xvii-veka-6" class="navigation-link">Культура России XVII века</a></div><div class="navigation-item"><div>Следующая -</div><a href="/psihologiya/triz--teoriya-resheniya-izobretatelskih-zadach-1" class="navigation-link">ТРИЗ – теория решения изобретательских задач. (30)</a></div></div></div></div><div class="item-layoutRelated"><div class="section"><div></div></div></div></div><div class="item-layout"><div class="related"><h2 class="related-header">Похожие презентации</h2><div class="related-wrapper"><!--[--><div class="related-item"><a href="/informatika/sozdanie-i-vnedrenie-sistemy-upravleniya-normativnoy" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/255940/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/255940/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/255940/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/255940/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/255940/slide-0.jpg 1440w" class="slides-image related-itemImage"> Создание и внедрение системы управления нормативной документацией</a></div><div class="related-item"><a href="/informatika/tehnicheskie-sredstva-realizatsii-informatsionnyh-protsessov-4" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/369332/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/369332/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/369332/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/369332/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/369332/slide-0.jpg 1440w" class="slides-image related-itemImage"> Технические средства реализации информационных процессов</a></div><div class="related-item"><a href="/informatika/teoriya-avtomatov-12" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349659/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/349659/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/349659/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/349659/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349659/slide-0.jpg 1440w" class="slides-image related-itemImage"> Теория автоматов</a></div><div class="related-item"><a href="/informatika/this-is-cs50" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/248945/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/248945/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/248945/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/248945/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/248945/slide-0.jpg 1440w" class="slides-image related-itemImage"> This is CS50</a></div><div class="related-item"><a href="/informatika/sistemy-schisleniya-kodirovanie-izmerenie-informatsii-razdel" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/236922/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/236922/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/236922/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/236922/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/236922/slide-0.jpg 1440w" class="slides-image related-itemImage"> Системы счисления, кодирование, измерение информации. Раздел 1</a></div><div class="related-item"><a href="/informatika/tsifrovaya-peredacha-dannyh" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/212731/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/212731/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/212731/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/212731/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/212731/slide-0.jpg 1440w" class="slides-image related-itemImage"> Цифровая передача данных</a></div><div class="related-item"><a href="/informatika/mova-rozmtki-gpertekstu-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/89210/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/89210/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/89210/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/89210/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/89210/slide-0.jpg 1440w" class="slides-image related-itemImage"> Мова розмітки гіпертексту</a></div><div class="related-item"><a href="/informatika/interfaces-c-collections" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/332836/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/332836/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/332836/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/332836/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/332836/slide-0.jpg 1440w" class="slides-image related-itemImage"> Interfaces. C# Collections</a></div><div class="related-item"><a href="/informatika/mobilnye-prilozheniya-4" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/305272/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/305272/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/305272/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/305272/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/305272/slide-0.jpg 1440w" class="slides-image related-itemImage"> Мобильные приложения</a></div><div class="related-item"><a href="/informatika/chto-takoe-unity-i-vuforia" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/396340/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/396340/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/396340/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/396340/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/396340/slide-0.jpg 1440w" class="slides-image related-itemImage"> Что такое Unity и Vuforia</a></div><div class="related-item"><a href="/informatika/sostavlyayushchie-informatsionnoy-tehnologii" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/201550/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/201550/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/201550/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/201550/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/201550/slide-0.jpg 1440w" class="slides-image related-itemImage"> Составляющие информационной технологии</a></div><div class="related-item"><a href="/informatika/how-to-use-newspapers-and-magazines" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/9245/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/9245/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/9245/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/9245/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/9245/slide-0.jpg 1440w" class="slides-image related-itemImage"> How to use newspapers and magazines in EFL class</a></div><div class="related-item"><a href="/informatika/urok-informatiki-v-3klasse-po-teme" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/521093/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/521093/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/521093/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/521093/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/521093/slide-0.jpg 1440w" class="slides-image related-itemImage"> Урок информатики в 3классе по теме Форматирование текста</a></div><div class="related-item"><a href="/informatika/ccna-security" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/201756/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/201756/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/201756/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/201756/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/201756/slide-0.jpg 1440w" class="slides-image related-itemImage"> CCNA Security</a></div><div class="related-item"><a href="/informatika/knockoutjs-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/363481/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/363481/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/363481/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/363481/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/363481/slide-0.jpg 1440w" class="slides-image related-itemImage"> KnockoutJS</a></div><div class="related-item"><a href="/informatika/predstavlenie-chisel-v-pamyati-kompyutera-11" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/382108/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/382108/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/382108/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/382108/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/382108/slide-0.jpg 1440w" class="slides-image related-itemImage"> Представление чисел в памяти компьютера</a></div><div class="related-item"><a href="/informatika/fayly-paketnoy-obrabotki" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/237840/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/237840/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/237840/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/237840/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/237840/slide-0.jpg 1440w" class="slides-image related-itemImage"> Файлы пакетной обработки</a></div><div class="related-item"><a href="/informatika/poisk-informatsii-v-internete-osnovnye-poiskovye" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/412944/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/412944/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/412944/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/412944/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/412944/slide-0.jpg 1440w" class="slides-image related-itemImage"> Поиск информации в интернете. Основные поисковые машины</a></div><div class="related-item"><a href="/informatika/kompyuternyy-test-po-teme-ustroystva-kompyutera" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/458931/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/458931/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/458931/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/458931/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/458931/slide-0.jpg 1440w" class="slides-image related-itemImage"> компьютерный тест по теме Устройства компьютера (информатика по программе Горячева А.В., 3 класс)</a></div><div class="related-item"><a href="/informatika/pravila-zapisi-arifmeticheskih-vyrazheniy-na-yazyke" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/7371/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/7371/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/7371/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/7371/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/7371/slide-0.jpg 1440w" class="slides-image related-itemImage"> Правила записи арифметических выражений на языке Python</a></div><div class="related-item"><a href="/informatika/how-to-extract-file-with-7" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/214962/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/214962/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/214962/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/214962/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/214962/slide-0.jpg 1440w" class="slides-image related-itemImage"> How to extract file with 7-Zip</a></div><div class="related-item"><a href="/informatika/prezentatsiya-k-uroku-informatiki-v-9-21" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/565336/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/565336/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/565336/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/565336/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/565336/slide-0.jpg 1440w" class="slides-image related-itemImage"> Презентация к уроку информатики в 9 классе Сортировка записей в БД</a></div><div class="related-item"><a href="/informatika/informatsionno-tehnicheskoe-obespechenie-upravleniya-tamozhennoy-deyatelnostyu" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/190702/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/190702/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/190702/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/190702/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/190702/slide-0.jpg 1440w" class="slides-image related-itemImage"> Информационно-техническое обеспечение управления таможенной деятельностью</a></div><div class="related-item"><a href="/informatika/flipchart-dlya-interaktivnoy-doski-promethean-planet" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/499040/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/499040/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/499040/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/499040/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/499040/slide-0.jpg 1440w" class="slides-image related-itemImage"> Флипчарт для интерактивной доски Promethean Planet к уроку информатики 6 класс</a></div><div class="related-item"><a href="/informatika/svoya-igra-po-informatike-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/149670/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/149670/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/149670/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/149670/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/149670/slide-0.jpg 1440w" class="slides-image related-itemImage"> Своя игра по информатике</a></div><div class="related-item"><a href="/informatika/obuchayushchaya-prezentatsiya-po-ms-power-point" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/251424/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/251424/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/251424/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/251424/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/251424/slide-0.jpg 1440w" class="slides-image related-itemImage"> Обучающая презентация по MS Power Point</a></div><div class="related-item"><a href="/informatika/elementy-teorii-informatsii-lektsiya-15" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/424868/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/424868/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/424868/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/424868/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/424868/slide-0.jpg 1440w" class="slides-image related-itemImage"> Элементы теории информации. Лекция 15</a></div><div class="related-item"><a href="/informatika/logicheskie-operatory-2" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/352308/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/352308/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/352308/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/352308/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/352308/slide-0.jpg 1440w" class="slides-image related-itemImage"> Логические операторы</a></div><!--]--></div></div></div></div><!--]--><!--]--><!--]--></div></div></main><footer class="footer"><div class="layout"><!----><div class="footer-contacts"><svg class="footer-contactsIcon" viewBox="0 0 27 26" xmlns="http://www.w3.org/2000/svg"><use xlink:href="/images/icons.svg#contacts"></use></svg> Обратная связь</div><!----><div class="footer-contactsEmail"> Email: <span class="footer-contactsShow">Нажмите что бы посмотреть</span></div></div></footer></div><!--]--></div><script>window.__NUXT__=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S){return {data:{meta:{result:{meta:{h1:n,main_text:a,main_title:o,main_description:p,main_keywords:q,main_image:a},app:{logo_image:r,logo_image_width:s,logo_image_height:t,logo_text:a,image_width_full:u,image_width_min:v,recaptcha_key:w,yandex_search:x,ya_context:e,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:y,footer_before:a,footer:a,dark_theme:e,strategy:{image_alt_words:j,item_slide_header:z,item_images:A,item_images_tag:h,item_words_h3:d,item_words_tag:h,item_words_1:k,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:d,item_show_contents:d,item_show_filename:d},colors:{header_text:l,header_bg:i,accent:i}},social:F}},item:{result:{id:362156,name:m,category:G,count:H,jpg:"jpg\u002F362156",hits:I,download:b,h1:"Поняття про мову розмітки, гіпертекстовий документ та його елементи презентация",meta:{h1:m,title:m,description:"Поняття про мову розмітки, гіпертекстовий документ та його елементи презентация на тему, доклад, Информатика",keywords:"Поняття про мову розмітки, гіпертекстовий документ та його елементи, презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Информатика",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему Поняття про мову розмітки, гіпертекстовий документ та його елементи из раздела Информатика. Презентация на заданную тему содержит 14 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",seo_text:"\u003Cp\u003EГіпертекст — це текст, у який вбудовані спеціальні коди, що задають форматування тексту, наявність у ньому ілюстрацій, мультимедійних вставок та гіперпосилань. \u003Cbr\u003E\u003Cp\u003EHTML (Hyper Text Markup Language –\u003Cbr\u003E мова гіпертекстової розмітки) – мова тегів, якою пишуться гіпертекстові документи для мережі Інтернет. \u003Cbr\u003E\u003Cp\u003E1. Базові конструкції мови HTML\u003Cbr\u003E \u003Cp\u003E2. Поняття тегу\u003Cbr\u003E\u003Cp\u003EВся інформація про форматування документу міститься в фрагментах розташованих між знаками \u003C \u003E — такий фрагмент називають тегом. \u003Cbr\u003E\u003Cp\u003EПриклади тегів HTML: \u003Cbr\u003E\u003CTITLE\u003E, \u003CBODY\u003E, \u003CTABLE\u003E, \u003C\u002FA\u003E, \u003CIMG\u003E, \u003C\u002FCENTER\u003E.\u003Cbr\u003E\u003Cp\u003EТеги бувають: \u003Cbr\u003EКонтейнерні (парні)\u003Cbr\u003Eпоодинокі (одинарні)\u003Cbr\u003E\u003Cp\u003EВідкриваюча дужка \u003C ім'я тега, атрибут\u003E закриваюча дужка\u003Cbr\u003E",file:"Поняття-про-мову-розмітки,-гіпертекстовий-документ-та-його-елементи.pptx",texts:["\u003Cp\u003EПоняття про мову розмітки, гіпертекстовий документ \u003Cbr\u003Eта його елементи. \u003Cbr\u003EПоняття тегу й атрибуту, теги форматування шрифтів і поділу тексту на рядки, абзаци. \u003Cbr\u003EТеги заголовку й тіла веб-сторінки.\u003Cbr\u003E","\u003Cp\u003EГіпертекст — це текст, у який вбудовані спеціальні коди, що задають форматування тексту, наявність у ньому ілюстрацій, мультимедійних вставок та гіперпосилань. \u003Cbr\u003E\u003Cp\u003EHTML (Hyper Text Markup Language –\u003Cbr\u003E мова гіпертекстової розмітки) – мова тегів, якою пишуться гіпертекстові документи для мережі Інтернет. \u003Cbr\u003E\u003Cp\u003E1. Базові конструкції мови HTML\u003Cbr\u003E","\u003Cp\u003E2. Поняття тегу\u003Cbr\u003E\u003Cp\u003EВся інформація про форматування документу міститься в фрагментах розташованих між знаками \u003C \u003E — такий фрагмент називають тегом. \u003Cbr\u003E\u003Cp\u003EПриклади тегів HTML: \u003Cbr\u003E\u003CTITLE\u003E, \u003CBODY\u003E, \u003CTABLE\u003E, \u003C\u002FA\u003E, \u003CIMG\u003E, \u003C\u002FCENTER\u003E.\u003Cbr\u003E\u003Cp\u003EТеги бувають: \u003Cbr\u003EКонтейнерні (парні)\u003Cbr\u003Eпоодинокі (одинарні)\u003Cbr\u003E\u003Cp\u003EВідкриваюча дужка \u003C ім'я тега, атрибут\u003E закриваюча дужка\u003Cbr\u003E","\u003Cp\u003EПриклади парних тегів: \u003Cbr\u003E\u003CHTML\u003E \u003C\u002FHTML\u003E, \u003Cbr\u003E\u003CВ\u003E \u003C\u002FВ\u003E, \u003Cbr\u003E\u003CHEAD\u003E\u003C\u002FHEAD\u003E, \u003CНЗ\u003E\u003C\u002FН3\u003E, \u003CADDRESS\u003E\u003C\u002FADDRESS\u003E, \u003CLI\u003E\u003C\u002FLI\u003E.\u003Cbr\u003EПриклади одинарних тегів: \u003Cbr\u003E\u003CBR\u003E, \u003Cbr\u003E\u003CHR\u003E, \u003Cbr\u003E\u003CМЕТА\u003E, \u003CBASEFONT\u003E, \u003Cbr\u003E\u003CFRAME\u003E, \u003CINPUT\u003E.\u003Cbr\u003E","\u003Cp\u003EВідкривальні теги (вказують програмі на початок об'єкту) можуть містити атрибути, які впливають на ефект, створюваний тегом. \u003Cbr\u003EАтрибути — задають значення властивостей об'єкту, поміщеного у контейнер.\u003Cbr\u003E\u003Cp\u003EПриклад тегу з атрибутами:\u003Cbr\u003E\u003CBODY BGCOLOR=\"#000000\"\u003E \u003Cbr\u003E \u003Cbr\u003E","\u003Cp\u003E\u003CHTML\u003E \u003C\u002FHTML\u003E - починає та закінчує документ\u003Cbr\u003E\u003Cp\u003E\u003CHEAD\u003E \u003C\u002FHEAD\u003E - починає та закінчує заголовок \u003Cbr\u003E документу \u003Cbr\u003E\u003Cp\u003E\u003CТІТLЕ\u003E \u003C\u002FТІТLЕ\u003E - задає назву документу\u003Cbr\u003E\u003Cp\u003E\u003CBODY\u003E\u003C\u002FBODY\u003E - починає та закінчує тіло документу\u003Cbr\u003E","\u003Cp\u003E3. Структура HTML-документа\u003Cbr\u003E\u003Cp\u003EHTML-документ складається з основного тексту і тегів розмітки.\u003Cbr\u003E\u003Cp\u003EHTML-документи містяться у файлах із розширенням .htm або .html.\u003Cbr\u003E\u003Cp\u003EСтруктура:\u003Cbr\u003E\u003CHTML\u003E\u003Cbr\u003E\u003CHEAD\u003E\u003Cbr\u003E\u003CТІТLЕ\u003E Заголовок документа \u003C\u002FТІТLЕ\u003E\u003Cbr\u003E\u003C\u002FHEAD\u003E\t\u003Cbr\u003E\u003CBODY\u003E\u003Cbr\u003EТекст, що відображається на екрані\u003Cbr\u003E\u003C\u002FBODY\u003E\u003Cbr\u003E\u003C\u002FHTML\u003E\u003Cbr\u003E","\u003Cp\u003EДля того щоб розбити текст на логічні частини, використовують заголовки. \u003Cbr\u003E(Існує 6 рівнів заголовків документів).\u003Cbr\u003EВони позначені тегами від \u003Cbr\u003E\u003CН1\u003E...\u003C\u002FН1\u003E до \u003CН6\u003E...\u003C\u002FН6\u003E.\u003Cbr\u003E\u003Cp\u003Eнайвищий рівень\u003Cbr\u003E\u003Cp\u003Eнайнищий рівень\u003Cbr\u003E\u003Cp\u003EЗаголовки\u003Cbr\u003E","\u003Cp\u003EДля визначення звичайних абзаців у мові HTML використовують теги \u003CР\u003E і \u003C\u002FР\u003E. \u003Cbr\u003E\u003Cp\u003EАбзаци та рядки\u003Cbr\u003E\u003Cp\u003EТеги \u003CH\u003E та \u003CP\u003E можуть додатково містити атрибут ALIGN, який додатково використовується для того, щоб вирівняти текст заголовку або абзацу по центру, за правим або лівим краєм.\u003Cbr\u003EНаприклад: \u003Cbr\u003E\u003CН2 ALIGN=center\u003E \u003Cbr\u003E\u003CP ALIGN=right\u003E.\u003Cbr\u003E","\u003Cp\u003EОдинарні теги\u003Cbr\u003E\u003CBR\u003E - одинарний тег, що використовується для переходу на новий рядок без створення абзацу \u003Cbr\u003E\u003CHR\u003E - одинарний тег, що використовується для створення горизонтальної лінії, яка візуально відділяє різні частини документа.\u003Cbr\u003E","\u003Cp\u003EКольори та зображення для всього документа і його тла задають за допомогою тегу \u003CBODY\u003E. Він може мати такі атрибути:\u003Cbr\u003E• BACKGROUND=\"URL\" — замість URL вказують адресу малюнка, який має бути тлом для сторінки;\u003Cbr\u003E• BGC0L0R=значення — задає колір, який має бути фоновим для документа;\u003Cbr\u003E• ТЕХТ=значення — задає колір тексту;\u003Cbr\u003E• LINK=значення — визначає колір гіперпосилань у документі;\u003Cbr\u003E• ALINK=значення — задає колір гіперпосилань під час клацання;\u003Cbr\u003E• VLINK=значення — задає колір переглянутих гіперпосилань.\u003Cbr\u003E","\u003Cp\u003EГарнітуру, розмір та колір шрифту для фрагмента тексту задають за допомогою тегу \u003Cbr\u003E\u003CFONT АТРИБУТИ\u003E Текст \u003C\u002FFONT\u003E. \u003Cbr\u003EНаприклад:\u003Cbr\u003E\u003Cfont size=«7»\u003E текст \u003C\u002Ffont\u003E \u003Cbr\u003E…..\u003Cbr\u003E\u003Cfont size=«1»\u003E текст \u003C\u002Ffont\u003E \u003Cbr\u003E\u003Cfont color=darkblue\u003E текст \u003C\u002Ffont\u003E - означає, що літери слова комп'ютер матимуть темно-синій колір. \u003Cbr\u003E","\u003Cp\u003E4. Теги форматування символів тексту\u003Cbr\u003E","\u003Cp\u003EКолір тексту можна задати його назвою англійською мовою:\u003Cbr\u003Eaqua — бірюзовий; \u003Cbr\u003Eblack — чорний; \u003Cbr\u003Eblue — світло-синій; \u003Cbr\u003Efuchsia — бузковий; \u003Cbr\u003Egray — сірий; \u003Cbr\u003Egreen — зелений; \u003Cbr\u003Elime — салатовий; \u003Cbr\u003Emaroon — бордовий; \u003Cbr\u003Enavy — синій; \u003Cbr\u003Eolive — оливковий; \u003Cbr\u003Epurple — фіолетовий; \u003Cbr\u003Ered — червоний; \u003Cbr\u003Esilver — сріблястий; \u003Cbr\u003Eteal — сіро-зелений; \u003Cbr\u003Ewhite — білий; \u003Cbr\u003Eyellow — жовтий. \u003Cbr\u003E"],href:"\u002Finformatika\u002Fponyattya-pro-movu-rozmtki-gpertekstoviy-dokument-1",href_category:"\u002Finformatika",date:1659308363,related:[{id:255940,name:"Создание и внедрение системы управления нормативной документацией",href:"\u002Finformatika\u002Fsozdanie-i-vnedrenie-sistemy-upravleniya-normativnoy",jpg:"jpg\u002F255940"},{id:369332,name:"Технические средства реализации информационных процессов",href:"\u002Finformatika\u002Ftehnicheskie-sredstva-realizatsii-informatsionnyh-protsessov-4",jpg:"jpg\u002F369332"},{id:349659,name:"Теория автоматов",href:"\u002Finformatika\u002Fteoriya-avtomatov-12",jpg:"jpg\u002F349659"},{id:248945,name:"This is CS50",href:"\u002Finformatika\u002Fthis-is-cs50",jpg:"jpg\u002F248945"},{id:236922,name:"Системы счисления, кодирование, измерение информации. Раздел 1",href:"\u002Finformatika\u002Fsistemy-schisleniya-kodirovanie-izmerenie-informatsii-razdel",jpg:"jpg\u002F236922"},{id:212731,name:"Цифровая передача данных",href:"\u002Finformatika\u002Ftsifrovaya-peredacha-dannyh",jpg:"jpg\u002F212731"},{id:89210,name:"Мова розмітки гіпертексту",href:"\u002Finformatika\u002Fmova-rozmtki-gpertekstu-1",jpg:"jpg\u002F89210"},{id:332836,name:"Interfaces. C# Collections",href:"\u002Finformatika\u002Finterfaces-c-collections",jpg:"jpg\u002F332836"},{id:305272,name:"Мобильные приложения",href:"\u002Finformatika\u002Fmobilnye-prilozheniya-4",jpg:"jpg\u002F305272"},{id:396340,name:"Что такое Unity и Vuforia",href:"\u002Finformatika\u002Fchto-takoe-unity-i-vuforia",jpg:"jpg\u002F396340"},{id:201550,name:"Составляющие информационной технологии",href:"\u002Finformatika\u002Fsostavlyayushchie-informatsionnoy-tehnologii",jpg:"jpg\u002F201550"},{id:9245,name:"How to use newspapers and magazines in EFL class",href:"\u002Finformatika\u002Fhow-to-use-newspapers-and-magazines",jpg:"jpg\u002F9245"},{id:521093,name:"Урок информатики в 3классе по теме Форматирование текста",href:"\u002Finformatika\u002Furok-informatiki-v-3klasse-po-teme",jpg:"jpg\u002F521093"},{id:201756,name:"CCNA Security",href:"\u002Finformatika\u002Fccna-security",jpg:"jpg\u002F201756"},{id:363481,name:"KnockoutJS",href:"\u002Finformatika\u002Fknockoutjs-1",jpg:"jpg\u002F363481"},{id:382108,name:"Представление чисел в памяти компьютера",href:"\u002Finformatika\u002Fpredstavlenie-chisel-v-pamyati-kompyutera-11",jpg:"jpg\u002F382108"},{id:237840,name:"Файлы пакетной обработки",href:"\u002Finformatika\u002Ffayly-paketnoy-obrabotki",jpg:"jpg\u002F237840"},{id:412944,name:"Поиск информации в интернете. Основные поисковые машины",href:"\u002Finformatika\u002Fpoisk-informatsii-v-internete-osnovnye-poiskovye",jpg:"jpg\u002F412944"},{id:458931,name:"компьютерный тест по теме Устройства компьютера (информатика по программе Горячева А.В., 3 класс)",href:"\u002Finformatika\u002Fkompyuternyy-test-po-teme-ustroystva-kompyutera",jpg:"jpg\u002F458931"},{id:7371,name:"Правила записи арифметических выражений на языке Python",href:"\u002Finformatika\u002Fpravila-zapisi-arifmeticheskih-vyrazheniy-na-yazyke",jpg:"jpg\u002F7371"},{id:214962,name:"How to extract file with 7-Zip",href:"\u002Finformatika\u002Fhow-to-extract-file-with-7",jpg:"jpg\u002F214962"},{id:565336,name:"Презентация к уроку информатики в 9 классе Сортировка записей в БД",href:"\u002Finformatika\u002Fprezentatsiya-k-uroku-informatiki-v-9-21",jpg:"jpg\u002F565336"},{id:190702,name:"Информационно-техническое обеспечение управления таможенной деятельностью",href:"\u002Finformatika\u002Finformatsionno-tehnicheskoe-obespechenie-upravleniya-tamozhennoy-deyatelnostyu",jpg:"jpg\u002F190702"},{id:499040,name:"Флипчарт для интерактивной доски Promethean Planet к уроку информатики 6 класс",href:"\u002Finformatika\u002Fflipchart-dlya-interaktivnoy-doski-promethean-planet",jpg:"jpg\u002F499040"},{id:149670,name:"Своя игра по информатике",href:"\u002Finformatika\u002Fsvoya-igra-po-informatike-1",jpg:"jpg\u002F149670"},{id:251424,name:"Обучающая презентация по MS Power Point",href:"\u002Finformatika\u002Fobuchayushchaya-prezentatsiya-po-ms-power-point",jpg:"jpg\u002F251424"},{id:424868,name:"Элементы теории информации. Лекция 15",href:"\u002Finformatika\u002Felementy-teorii-informatsii-lektsiya-15",jpg:"jpg\u002F424868"},{id:352308,name:"Логические операторы",href:"\u002Finformatika\u002Flogicheskie-operatory-2",jpg:"jpg\u002F352308"}],navigation:{next:"\u002Fpsihologiya\u002Ftriz--teoriya-resheniya-izobretatelskih-zadach-1",next_name:"ТРИЗ – теория решения изобретательских задач. (30)",prev:"\u002Fistoriya\u002Fkultura-rossii-xvii-veka-6",prev_name:"Культура России XVII века"}}},categories:{result:[{id:J,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:J,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:j,name:"Литература",pseudoname:"literatura"},{id:119,ordering:k,name:"Маркетинг",pseudoname:"marketing"},{id:114,ordering:12,name:"Математика",pseudoname:"matematika"},{id:138,ordering:13,name:"Медицина",pseudoname:"medetsina"},{id:118,ordering:H,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:I,name:"Химия",pseudoname:"himiya"},{id:124,ordering:29,name:"Экология",pseudoname:"ekologiya"},{id:121,ordering:30,name:"Экономика",pseudoname:"ekonomika"},{id:120,ordering:31,name:"Юриспруденция",pseudoname:"yurisprudentsiya"}]}},state:{},_errors:{},serverRendered:d,config:{public:{SITE_NAME:K,SITE_HOST:"mypreza.com",SITE_LANG:L,API_BASE_URL:"https:\u002F\u002Fmypreza.com\u002Fapi\u002F",pwaManifest:{name:K,short_name:a,description:a,lang:L,start_url:"\u002F?standalone=true",display:"standalone",background_color:l,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:c,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:c,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:c,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:c,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:c,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:c,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:c,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:c,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:c,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:c,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:c,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:c,sizes:R,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:c,sizes:S,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:c,sizes:S,purpose:g}]},yandexMetrika:{id:"85004146",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:d,childIframe:e,clickmap:e,defer:e,useRuntimeConfig:d,trackHash:e,trackLinks:d,type:b,webvisor:e,triggerEvent:e,consoleLog:d,partytown:e,isDev:e}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:a}},pinia:{app:{meta:{h1:n,main_text:a,main_title:o,main_description:p,main_keywords:q,main_image:a},app:{logo_image:r,logo_image_width:s,logo_image_height:t,logo_text:a,image_width_full:u,image_width_min:v,recaptcha_key:w,yandex_search:x,ya_context:e,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:y,footer_before:a,footer:a,dark_theme:e,strategy:{image_alt_words:j,item_slide_header:z,item_images:A,item_images_tag:h,item_words_h3:d,item_words_tag:h,item_words_1:k,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:d,item_show_contents:d,item_show_filename:d},colors:{header_text:l,header_bg:i,accent:i}},social:F,token:a}}}}("",0,"image\u002Fpng",true,false,"any","maskable","h2","#d53032",10,11,"#ffffff","Поняття про мову розмітки, гіпертекстовий документ та його елементи","Учебные презентации","Презентации в PowerPoint на разные темы","Презентации, проекты, доклады в PowerPoint на разные темы для учебы","Презентация, на тему, урок, класс, PowerPoint, скачати презентацію, фон, шаблон, доклад, проект.","images\u002Fdata\u002Flogo.png",185,40,720,480,"6LeioWIpAAAAAGqMN4KqMVIkekcMW7fBKHjXCd-a","2503267","mypreza@ya.ru","div","images_before","category","both",88,800,"\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fes5-shims\u002F0.0.2\u002Fes5-shims.min.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fshare2\u002Fshare.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cdiv class=\"ya-share2\" data-services=\"collections,gplus,vkontakte,facebook,odnoklassniki,gplus,twitter,moimir\" data-counter=\"\"\u003E\u003C\u002Fdiv\u003E","Информатика",14,27,1,"Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))</script><script type="module" src="/_nuxt/entry.0d6add34.js" crossorigin></script></body> </html>