Таблицы презентация

Таблицы
...
-внешний элемент таблицы
... -элемент, задающий строку таблицы ...- элемент, задающий ячейку таблицы
Атрибут width задают ширину таблицы
Атрибут height -задают высоту таблицы
Атрибут bgcolor-для задания цвета всей таблицы надо поместить внутри элемента
Для задания цвета ячеек этот атрибут надо поместить внутрь элемента
Атрибут border - задает толщину рамки таблицы
Слайд 3
Пример
Таблица шириной 500 пикселей
Ширина этой таблицы 500 пикселей
и она состоит из одной строки и одного столбца
Слайд 4
Пример
Для задания таблицы не зависимой от разрешения монитора, ее следует
задавать в процентном отношении к экрану и задавать цвет каждой ячейки:
Слайд 5
1 столбец
2 столбец
Пример:
Можно сделать
грани таблицы невидимыми,
для чего толщину рамки таблицы надо задать равной нулю border="0"
Слайд 6
Существует набор атрибутов предназначенных для выравнивания данных в ячейках таблицы:
align -
позволяет выравнивать данные по горизонтали и может принимать следующие значения:
left - выравнивание влево
right - выравнивание вправо
center -выравнивание по центру
valign -позволяет выравнивать текст по вертикали и может принимать следующие значения:
top - выравнивание по верхнему краю ячейки
middle- выравнивание по центру
baseline- выравнивание по первой строке
Таблицы
Слайд 7
Пример:
Слайд 8
Пример:
выравнивание по гризонтали
по центру
по левому краю
по правому краю
выравнивание по вертикали
по верхнему краю
по центру
по нижнему краю
Слайд 9
Задание 12 Создание таблиц
1. Создайте новую страницу в редакторе БЛОКНОТ
2. В
элементе
укажите "Практическая работа №12<br>3. Создайте таблицу из двух строк и трех столбцов<br>4. Задайте фон таблицы зеленого цвета, толщину линии равную 3 пикселам, ширину таблицы равную ширине экране, шрифт внутри таблицы белый.<br>5. Текст первой строки выровняйте по цетру по <br>горизонтали и по вертикали<br>6. Текст второй строки выделите жирным шрифтом.<br>7. В первую ячейку первой строки вставьте рисунок <br>children.jpg<br>8. Во второй ячейке второй строки напишите любое четверостишие.<br>9. Задайте фон третьей ячеки второй строки красный. <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/395248/slide-9.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Задание 13 Создание таблиц 1. Создайте новую страницу в редакторе" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/395248/slide-9.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-9.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-9.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-9.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Задание 13 Создание таблиц<br><p>1. Создайте новую страницу в редакторе БЛОКНОТ<br>2. В</div></h2><div class="slides-content">элементе <TITLE>укажите "Практическая работа №13"<br>3. Создайте таблицу для расписания ваших уроков из восьми столбцов и девяти строк. Ширина таблицы 100%.<br>4. В первом столбце укажите время начала и конца ваших<br>уроков с выравнивание по левому краю.<br>5. В остальных ячейках -школьные предметы по дням недели.<br>6. Выравнивание названий предметов - по левому краю.<br>7. Выравнивание дней недели - по центру ячейки и жирным шрифтом.<br>8. У всех столбцов фон задайте разным цветом.<br>9. Перед таблицей поместите заголовок первого уровня красного цвета "Расписание уроков".<br> 10. Между заголовком и таблицей поместите рисунок.<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/395248/slide-10.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="1. Создайте новую страницу в редакторе БЛОКНОТ 2. В элементе" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/395248/slide-10.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-10.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-10.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-10.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>1. Создайте новую страницу в редакторе БЛОКНОТ<br>2. В элементе <TITLE>укажите "Практическая</div></h2><div class="slides-content">работа № 14<br>3. Разметку производить с использованием таблицы шириной на весь экран (100%)<br><p>Задание 14 РазметкаWEB- страницы при помощи таблицы (вариант1)<br><p>Недостатком такой разметки является “плавучесть” содержимого страницы при уменьшении разрешения экрана (текст должен будет разместиться в более узкие рамки) <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/395248/slide-11.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Задание 15 РазметкаWEB- страницы при помощи таблицы (вариант2) Чтобы таблица" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/395248/slide-11.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-11.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-11.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-11.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Задание 15 РазметкаWEB- страницы при помощи таблицы (вариант2)<br><p>Чтобы таблица выглядела неизменной</div></h2><div class="slides-content">при любом разрешении экрана, надо задавать ее фиксированного размера<br>Создайте страницу, которая производится разметкой таблицы шириной 760 пикселей, выровненой по центру экрана.<br>В таблице задайте три строки и и один столбец.<br>В верхнюю строку поместите заголовок, во второую - меню, а в третьей содержание страницы.<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/395248/slide-12.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/395248/slide-12.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-12.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-12.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-12.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Пример таблицы с объединенными ячейками<br>Для создания таблицы с объединенными ячейками необходимо</div></h2><div class="slides-content"><br>указать в качестве значения параметров COLSPAN или ROWSPAN<br> число объединяемых ячеек для данной ячейки<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide14" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 14</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-13.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/395248/slide-13.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-13.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-13.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-13.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p> <P ALIGN=CENTER><br><TABLE border="3"> <br> <TR ALIGN=CENTER ><br> <TD COLSPAN=4><B>вся строка как одна ячейка</B></div></h2><div class="slides-content"></TR><br> <TR ALIGN=CENTER ><br> <TD > одна ячейка</TD><br> <TD >одна ячейка </TD><br> <TD >одна ячейка</TD><br><TD >одна ячейка</TD><br> </TR><br> <TR ALIGN=CENTER ><br> <TD СОLSPAN=2 ROWSPAN=2><B>ячейка 2х2</B> </TD><br> <TD СОLSPAN=2 >2 ячейки по ширине </TD><br> </TR><br> <TR ALIGN=CENTER ><br> <TD><B>отдельная ячейка</B> </TD><br> <TD ROWSPAN=2>две ячейки по высоте </TD><br> </TR><br> <TR ALIGN=CENTER ><br> <TD><B>отдельная ячейка</B> </TD><br> <TD ><B>отдельная ячейка</B> </TD><br> <TD ><B>отдельная ячейка</B> </TD><br> <TD><B>отдельная ячейка</B> </TD><br> </TR><br> </TABLE><br></P><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide15" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 15</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-14.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Метатеги page-enter и page-exit содержащие в себе вызов функции revealTrans," loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/395248/slide-14.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-14.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-14.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-14.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p> <br> Метатеги page-enter и page-exit содержащие в себе <br>вызов функции revealTrans, позволяют</div></h2><div class="slides-content">реализовать красивые <br>видеэффекты при открытии и закрытии страниц.<br><META HTTP-EQUIV= ″page-enter″ CONTENT=″revealTrans (Duration=6.0, Transition=….)″><br><META HTTP-EQUIV= ″page-exit″ CONTENT=″revealTrans (Duration=6.0, Transition=….)″><br> Вместо многоточия код эффекта:<br><p>Видеоэффекты при открытии и закрытие страницы<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide16" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 16</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-15.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="коды эффектов открытия-закрытия страниц: 0- квадрат снаружи внутрь 1- квадрат" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/395248/slide-15.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-15.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-15.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-15.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>коды эффектов открытия-закрытия страниц:<br>0- квадрат снаружи внутрь<br>1- квадрат изнутри наружу<br>2- круг снаружи внутрь<br>3- круг изнутри</div></h2><div class="slides-content">наружу<br>4- шторка снизу вверх<br>5- шторка сверху вниз<br>6- шторка слева направо<br>7- шторка справа налево<br>8- вертикальные жалюзи (слева направо)<br>9- горизонтальные жалюзи (сверху вниз)<br>10- квадратная мозаика (слева направо)<br>11- квадратная мозаика (сверху вниз)<br>12- рассыпание по отдельным пикселям<br>13- занавес по горизонтали от краев к центру (слева и справа)<br>14- занавес по горизонтали от центра к краям<br>15- занавес по вертикали от краев к центру (сверху и снизу)<br>16- занавес по вертикали от центра<br>17- шторка по диагонали (из правого верхнего в левый нижний)<br>18- шторка по диагонали ( из правого нижнего в левый верхний)<br>19- шторка по диагонали (из левого верхнего в правый нижний)<br>20- штока по диагонали (из левого нижнего в правый верхний)<br>21- рассыпание по строкам<br>22- рассыпание по столбцам<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide17" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 17</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-16.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/395248/slide-16.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-16.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-16.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-16.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>создание форм <br></div></h2><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide18" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 18</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-17.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Создание форм Отправка содержимого формы по Е- mail для дальнейшей расшифровки данных владельцем сайта: или или" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/395248/slide-17.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-17.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-17.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-17.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Создание форм<br><p>Отправка содержимого формы по Е- mail для дальнейшей расшифровки данных</div></h2><div class="slides-content">владельцем сайта:<br><FORM ACTION=“mailto:[e-mail]” ENCTYPE=application/x-www-form-urlencoded METHOD=post><br> или<br><FORM ACTION=“mailto:[e-mail]” ENCTYPE=multipart/form-data METHOD=post><br> или<br><FORM ACTION=“mailto:[e-mail]” ENCTYPE=text/plain METHOD=post><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide19" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 19</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-18.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Поля ввода текста INPUT TYPE=text Представляет собой прямоугольное поле для" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/395248/slide-18.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-18.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-18.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-18.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Поля ввода текста INPUT TYPE=text<br><p>Представляет собой прямоугольное поле для ввода одной</div></h2><div class="slides-content">строки текста<br><p>Параметры:<br>NAME - уникальное имя поля <br>SIZE - ширина поля в символах<br>MAXLENGHT- максимально допустимое количество вводимых символов<br>VALUE - строка изначально выводимая в данном текстовом поле<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide20" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 20</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-19.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/395248/slide-19.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-19.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-19.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-19.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Пример:<br><FORM ACTION=mailto:[e-mail] METHOD=post><br><INPUT TYPE=text NAME=MyFam SIZE=20 MAXLENGHT=40 VALUE=“Введите фамилию”<br></FORM><br></div></h2><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide21" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 21</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-20.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Поле ввода пароля INPUT TYPE=password Прямоугольное однострочное поле, отличающееся от" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/395248/slide-20.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-20.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-20.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-20.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Поле ввода пароля INPUT TYPE=password<br>Прямоугольное однострочное поле, отличающееся от ранее рассмотренного</div></h2><div class="slides-content">тем, что вводимый текст отображается в виде звездочек <br><p>Пример<br><FORM ACTION=mailto:[e-mail] METHOD=post><br><INPUT TYPE=password NAME=MyFam SIZE=20 MAXLENGHT=40 VALUE=“пароль”<br></FORM><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide22" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 22</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-21.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/395248/slide-21.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-21.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-21.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-21.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Многострочная текстовая область <TEXTAREA>….</TEXTAREA><br><p>Прямоугольное поле с заданными шириной и высотой, при</div></h2><div class="slides-content">необходимости генерируется вертикальная линейка прокрутки.<br>Параметры:<br>NAME - имя области<br>COLS и ROWS - ширина области в символах и высота в строках<br>WRAP- управляет автоматическим переносом строк внутри окна<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide23" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 23</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-22.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/395248/slide-22.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-22.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-22.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-22.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Пример:<br><FORM ACTION=mailto:[e-mail] METHOD=post><br><TEXTAREA NAME MyFam COLS=20 ROWS=7 WRAP=virtual> Для прокручивания содержимого</div></h2><div class="slides-content">в этом поле ввода используйте линейку проерутки или клавиши PgUp, PgDn, дибо клавиши управления курсором<br></TEXTAREA><br> </FORM><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide24" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 24</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-23.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Флажки INPUT TYPE=checkbox Служат для ответа пользователя “да-нет” или выбора" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/395248/slide-23.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-23.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-23.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-23.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Флажки INPUT TYPE=checkbox<br><p>Служат для ответа пользователя “да-нет” или выбора из нескольких</div></h2><div class="slides-content">предложенных вариантов<br>Параметры:<br>NAME - имя флажка<br>VALUE - произвольная комбинация букв и цифр, передаваемая на сервер, если данный флажок будет помечен пользоввателем<br>CHECKED - при наличии данного параметра соответствующий флажок изначально будет выводится как помеченный<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide25" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 25</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-24.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/395248/slide-24.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-24.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-24.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-24.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Пример:<br><FORM ACTION=mailto:[e-mail] METHOD=post>Что заказываем?<br><INPUT TYPE=checkbox NAME=Pirog VALUE=“с капустой”>с капустой<BR><br><INPUT TYPE=checkbox NAME=Pirog</div></h2><div class="slides-content">VALUE=“с мясом”>с мясом<BR><br><INPUT TYPE=checkbox NAME=Pirog VALUE=“с яблоками”>с яблоками<BR><br><INPUT TYPE=checkbox NAME=Pirog VALUE=“с курагой”>курагой<BR><br></FORM><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide26" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 26</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-25.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Радиокнопки INPUT TYPE=radio Позволяют выбрать только один из представленных вариантов" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/395248/slide-25.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-25.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-25.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-25.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Радиокнопки INPUT TYPE=radio<br><p>Позволяют выбрать только один из представленных<br> вариантов<br>Параметры:<br>NAME - имя</div></h2><div class="slides-content">радиокнопки<br>VALUE - произвольная комбинация букв и цифр,<br>передаваемая на сервер, если данный флажок <br>будет помечен пользоввателем<br>CHECKED - при наличии данного параметра <br> соответствующий флажок изначально будет<br> выводится как помеченный<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide27" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 27</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-26.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/395248/slide-26.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-26.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-26.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-26.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Пример:<br><FORM ACTION=mailto:[e-mail] METHOD=post>Что заказываем?<br><INPUT TYPE=radio NAME=Pirog VALUE=“с капустой”>с капустой<BR><br><INPUT TYPE=radio NAME=Pirog</div></h2><div class="slides-content">VALUE=“с мясом”>с мясом<BR><br><INPUT TYPE=radio NAME=Pirog VALUE=“с яблоками”>с яблоками<BR><br><INPUT TYPE=radio NAME=Pirog VALUE=“с курагой”>курагой<BR><br></FORM><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide28" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 28</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-27.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/395248/slide-27.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-27.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-27.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-27.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Раскрывающиеся списки <SELECT>…</SELECT><br><p>Предназначены для предоставления возможности выбора или раскрывающегося меню.<br>Параметры:<br>NAME -</div></h2><div class="slides-content">имя списка<br>SIZE - количество отображаемых пунктов<br>MULTIPLE - разрешение помечать сразу несколько пунктов <br>списка (при одновременно нажатых клавишах Ctrl или Shift) <br>SELECTED - пункт, помеченный по умолчанию<br> Самый первый пункт обычно является фиктивным и содержит текст подсказки <br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide29" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 29</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-28.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Пример: Назовите Ваш любимый браузер Выберите название Internet Explorer Netscape Navigator Netscape Communicator Mosaic" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/395248/slide-28.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-28.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-28.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-28.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Пример:<br><FORM ACTION=mailto:[e-mail] METHOD=post><br>Назовите Ваш любимый браузер <br><SELECT NAME=Browser SIZE=1><br><OPTION VALUE=“”>Выберите название<br><OPTION</div></h2><div class="slides-content">VALUE=IE>Internet Explorer<br><OPTION VALUE=NN>Netscape Navigator<br><OPTION VALUE=NC> Netscape Communicator<br><OPTION VALUE=VZ> Mosaic<br></SELTCT><br><BR><br><INPUT TYPE=checkbox NAME=Not VALUE=“Ни один из перечисленных”<br><BR><br></FORM><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide30" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 30</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-29.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Командные кнопки Кнопка очистки формы INPUT TYPE=reset щелчок мыши по" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/395248/slide-29.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-29.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-29.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-29.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Командные кнопки<br><p>Кнопка очистки формы INPUT TYPE=reset<br> щелчок мыши по этой кнопке</div></h2><div class="slides-content">восстанавливает начальное значение всех элементов формы<br>2. Кнопка отправки формы INPUT TYPE=submit<br>Щелчок ьыши по этой кнопке отправляет информацию формы на сервер<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide31" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 31</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-30.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Задание 15 Создание форм Созайте форму следующего образца Ваша фамилия" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/395248/slide-30.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-30.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-30.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-30.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Задание 15 Создание форм<br><p>Созайте форму следующего образца<br><p>Ваша фамилия<br><p>Ваш возраст<br><p>Ваши занятия<br><p>отправка<br><p>10-16<br><p>17-25<br><p>26-50<br><p>51-100<br><p>Искусство<br>Наука <br>Бизнес<br><p>очистка<br></div></h2><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide32" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 32</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-31.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Меню с раскрывающемся списком Go to… Вторая страница Третья страница Javascript Sours" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/395248/slide-31.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-31.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-31.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-31.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Меню с раскрывающемся списком<br><p><P ALIGN=CENTER><br><FORM NAME=“form”><br><SELECT NAME=“site”SIZE=1><br><OPTION VALUE=“”> Go to…<br><OPTION VALUE=“STR2.HTM”</div></h2><div class="slides-content">> Вторая страница<br><OPTION VALUE=“STR3.HTM” > Третья страница<br><OPTION VALUE=“http://www.yaho.com” > <OPTION <OPTION VALUE=“http://javascript.internet.com >Javascript Sours<br></SELECT><br><INPUT TYPE=button VALUE=“Go!” onClick=javascript:formHandler()”><br></FORM><br></P><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide33" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 33</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-32.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Счетчик посещений Посетителей странички - $filename=“counter.dat”; $fp=@fopen($filename,”r”); If($fp) {$counter=fgets($fp,10);fclose($fp);} else" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/395248/slide-32.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-32.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-32.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-32.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Счетчик посещений<br><p><P> Посетителей странички - <?php<br>$filename=“counter.dat”;<br>$fp=@fopen($filename,”r”);<br>If($fp) {$counter=fgets($fp,10);fclose($fp);}<br> else {$counter=0;}<br>$counter++;<br>$fp=$fopen($filename,”w”);<br>If ($fp) { $counter=fputs</div></h2><div class="slides-content">($fp,$counter); fclose ($fp);}<br>?><br></P><br><p>Переменные данного счетчика:<br>Filename-хранит имя файла с количеством посещений<br>Counter - количественное значение посетивших сайт <br></div><!----><!--]--><!----></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> Количество просмотров: 23 <br> Количество скачиваний: 0</div><button class="download-btn" type="submit">Скачать</button><!----></form><div class="navigation"><div class="navigation-item"><div>- Предыдущая</div><a href="/finansy/tema-6-uchet-raschetnyh-operatsiy" class="navigation-link">Тема 6. Учет расчетных операций</a></div><div class="navigation-item"><div>Следующая -</div><a href="/obzh/terrorizm-va-aoli-muofazasi-tema-6" class="navigation-link">Терроризм ва аҳоли муҳофазаси. Тема 6</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/dosldzhennya-sistemi-avtentifkats-lyudini-v-nformatsynih" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/215045/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/215045/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/215045/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/215045/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/215045/slide-0.jpg 1440w" class="slides-image related-itemImage"> Дослідження системи автентифікації людини в інформаційних системах</a></div><div class="related-item"><a href="/informatika/individualnyy-proekt-sozdanie-sayta" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/239723/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/239723/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/239723/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/239723/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/239723/slide-0.jpg 1440w" class="slides-image related-itemImage"> Индивидуальный проект. Создание сайта</a></div><div class="related-item"><a href="/informatika/slovar-kompyuternyh-terminov" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395980/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/395980/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395980/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395980/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395980/slide-0.jpg 1440w" class="slides-image related-itemImage"> Словарь компьютерных терминов</a></div><div class="related-item"><a href="/informatika/1spredpriyatie-8-kadrovoe-agentstvo" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/221943/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/221943/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/221943/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/221943/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/221943/slide-0.jpg 1440w" class="slides-image related-itemImage"> 1С:Предприятие 8. Кадровое агентство</a></div><div class="related-item"><a href="/informatika/sozdanie-kompleksnoy-sistemy-nepreryvnogo-informatsionnogo-obespecheniya" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/164279/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/164279/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/164279/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/164279/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/164279/slide-0.jpg 1440w" class="slides-image related-itemImage"> Создание комплексной системы непрерывного информационного обеспечения для повышение производительности качества сельхозпродукции</a></div><div class="related-item"><a href="/informatika/kompyutern-prezentats-ta-publkats" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/174494/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/174494/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/174494/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/174494/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/174494/slide-0.jpg 1440w" class="slides-image related-itemImage"> Комп’ютерні презентації та публікації</a></div><div class="related-item"><a href="/informatika/3d-modelirovanie-13" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/581193/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/581193/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/581193/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/581193/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/581193/slide-0.jpg 1440w" class="slides-image related-itemImage"> 3D моделирование</a></div><div class="related-item"><a href="/informatika/3d-tehnologii-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/412669/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/412669/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/412669/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/412669/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/412669/slide-0.jpg 1440w" class="slides-image related-itemImage"> 3D технологии</a></div><div class="related-item"><a href="/informatika/sovremennye-os-os-windows" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/89667/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/89667/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/89667/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/89667/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/89667/slide-0.jpg 1440w" class="slides-image related-itemImage"> Современные ОС. ОС Windows</a></div><div class="related-item"><a href="/informatika/rabota-s-vneshnimi-ustroystvami-linux" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/207067/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/207067/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/207067/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/207067/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/207067/slide-0.jpg 1440w" class="slides-image related-itemImage"> Работа с внешними устройствами Linux</a></div><div class="related-item"><a href="/informatika/poisk-istiny-v-prostranstve-sovremennoy-kultury" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/223417/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/223417/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/223417/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/223417/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/223417/slide-0.jpg 1440w" class="slides-image related-itemImage"> Поиск истины в пространстве современной культуры с помощью искуственного интеллекта</a></div><div class="related-item"><a href="/informatika/kak-sobirat-sredstva-v-vkontakte-instruktsiya" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/101571/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/101571/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/101571/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/101571/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/101571/slide-0.jpg 1440w" class="slides-image related-itemImage"> Как собирать средства в ВКонтакте. Инструкция для мам</a></div><div class="related-item"><a href="/informatika/zhyelk-zhne-oldanbaly-programmalau-sistemnoe-i" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/17081/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/17081/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/17081/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/17081/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/17081/slide-0.jpg 1440w" class="slides-image related-itemImage"> Жүйелік және қолданбалы программалау. Системное и прикладное программирование</a></div><div class="related-item"><a href="/informatika/prezentatsiya-k-uroku-informatiki-klassifikatsiya-mashinnyh" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/543348/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/543348/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/543348/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/543348/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/543348/slide-0.jpg 1440w" class="slides-image related-itemImage"> презентация к уроку информатики Классификация машинных команд</a></div><div class="related-item"><a href="/informatika/analyzing-semi-structured-decision-support-systems" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/111325/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/111325/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/111325/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/111325/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/111325/slide-0.jpg 1440w" class="slides-image related-itemImage"> Analyzing Semi-structured Decision Support Systems</a></div><div class="related-item"><a href="/informatika/rabota-s-bazami-dannyh-postgresql" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/604954/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/604954/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/604954/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/604954/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/604954/slide-0.jpg 1440w" class="slides-image related-itemImage"> Работа с базами данных PostgreSQL</a></div><div class="related-item"><a href="/informatika/metodika-podgotovki-uchashchihsya-k-vypolneniyu-zadaniy" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/101744/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/101744/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/101744/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/101744/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/101744/slide-0.jpg 1440w" class="slides-image related-itemImage"> Методика подготовки учащихся к выполнению заданий с развернутым ответом КИМ ЕГЭ по информатике и ИКТ</a></div><div class="related-item"><a href="/informatika/osnovnye-ponyatiya-i-opredeleniya-informatiki-2" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/582194/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/582194/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/582194/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/582194/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/582194/slide-0.jpg 1440w" class="slides-image related-itemImage"> Основные понятия и определения информатики</a></div><div class="related-item"><a href="/informatika/vector-graphics-bitmap-graphics-familiarity-with" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/347578/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/347578/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/347578/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/347578/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/347578/slide-0.jpg 1440w" class="slides-image related-itemImage"> Vector graphics. Bitmap graphics. Familiarity with Inkscape</a></div><div class="related-item"><a href="/informatika/bezopasnost-v-seti-internet-11" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/159609/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/159609/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/159609/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/159609/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/159609/slide-0.jpg 1440w" class="slides-image related-itemImage"> Безопасность в сети Интернет</a></div><div class="related-item"><a href="/informatika/grip-the-software-upgrade-operation" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/203099/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/203099/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/203099/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/203099/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/203099/slide-0.jpg 1440w" class="slides-image related-itemImage"> Grip The software upgrade operation</a></div><div class="related-item"><a href="/informatika/tsiklicheskiy-algoritm-dlya-6-klassa" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/574156/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/574156/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/574156/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/574156/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/574156/slide-0.jpg 1440w" class="slides-image related-itemImage"> Циклический алгоритм (для 6 класса)</a></div><div class="related-item"><a href="/informatika/abstract-blue-cube-powerpoint-templates" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/212737/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/212737/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/212737/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/212737/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/212737/slide-0.jpg 1440w" class="slides-image related-itemImage"> Abstract Blue Cube PowerPoint Templates</a></div><div class="related-item"><a href="/informatika/vremennye-tablitsy-oracle" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/355006/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/355006/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/355006/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/355006/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/355006/slide-0.jpg 1440w" class="slides-image related-itemImage"> Временные таблицы Oracle</a></div><div class="related-item"><a href="/informatika/obrabotka-informatsii-i-algoritmy-2" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/212988/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/212988/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/212988/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/212988/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/212988/slide-0.jpg 1440w" class="slides-image related-itemImage"> Обработка информации и алгоритмы</a></div><div class="related-item"><a href="/informatika/opredelenie-i-svoystva-algoritma-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/107820/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/107820/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/107820/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/107820/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/107820/slide-0.jpg 1440w" class="slides-image related-itemImage"> Определение и свойства алгоритма</a></div><div class="related-item"><a href="/informatika/oop-proektirovanie-diagrammy-uml" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/178208/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/178208/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/178208/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/178208/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/178208/slide-0.jpg 1440w" class="slides-image related-itemImage"> ООП проектирование. Диаграммы UML</a></div><div class="related-item"><a href="/informatika/sorevnovanie-sledovanie-po-linii" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/230916/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/230916/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/230916/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/230916/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/230916/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){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:395248,name:m,category:G,count:34,jpg:"jpg\u002F395248",hits:23,download:b,h1:"Таблицы презентация",meta:{h1:m,title:m,description:"Таблицы презентация на тему, доклад, Информатика",keywords:"Таблицы, презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Информатика",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему Таблицы из раздела Информатика. Презентация на заданную тему содержит 34 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",seo_text:"\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003EТаблицы\u003Cbr\u003E\u003Cp\u003E\u003CTABLE\u003E ... \u003C\u002FTABLE\u003E -внешний элемент таблицы\u003Cbr\u003E \u003Cbr\u003E\u003CTR\u003E... \u003C\u002FTR\u003E -элемент, задающий строку таблицы\u003Cbr\u003E \u003CTD\u003E ...\u003C\u002FTD\u003E- элемент, задающий ячейку таблицы\u003Cbr\u003E Атрибут width задают ширину таблицы\u003Cbr\u003EАтрибут height -задают высоту таблицы\u003Cbr\u003EАтрибут bgcolor-для задания цвета всей таблицы надо поместить внутри элемента \u003CTABLE\u003E\u003Cbr\u003EДля задания цвета ячеек этот атрибут надо поместить внутрь элемента \u003CTD\u003E\u003Cbr\u003EАтрибут border - задает толщину рамки таблицы\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E \u003Cp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003EПример\u003Cbr\u003E\u003Cp\u003EТаблица шириной 500 пикселей\u003Cbr\u003E\u003CTABLE width =\"500\"bgcolor=\"#00CC99\"\u003E \u003Cbr\u003E\t\u003CTR\u003E\u003Cbr\u003E\t\t\u003CTD\u003E\u003Cbr\u003E\t\t\tШирина этой таблицы 500 пикселей и она \t\t\tсостоит из одной строки и одного столбца \u003Cbr\u003E\t\t\u003C\u002FTD\u003E\u003Cbr\u003E \t\u003C\u002FTR\u003E\u003Cbr\u003E \u003C\u002FTABLE\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E",file:"Таблицы.pptx",texts:["\u003Cp\u003Eтаблицы \u003Cbr\u003E\u003Cp\u003E75\u003Cbr\u003E","\u003Cp\u003EТаблицы\u003Cbr\u003E\u003Cp\u003E\u003CTABLE\u003E ... \u003C\u002FTABLE\u003E -внешний элемент таблицы\u003Cbr\u003E \u003Cbr\u003E\u003CTR\u003E... \u003C\u002FTR\u003E -элемент, задающий строку таблицы\u003Cbr\u003E \u003CTD\u003E ...\u003C\u002FTD\u003E- элемент, задающий ячейку таблицы\u003Cbr\u003E Атрибут width задают ширину таблицы\u003Cbr\u003EАтрибут height -задают высоту таблицы\u003Cbr\u003EАтрибут bgcolor-для задания цвета всей таблицы надо поместить внутри элемента \u003CTABLE\u003E\u003Cbr\u003EДля задания цвета ячеек этот атрибут надо поместить внутрь элемента \u003CTD\u003E\u003Cbr\u003EАтрибут border - задает толщину рамки таблицы\u003Cbr\u003E","\u003Cp\u003EПример\u003Cbr\u003E\u003Cp\u003EТаблица шириной 500 пикселей\u003Cbr\u003E\u003CTABLE width =\"500\"bgcolor=\"#00CC99\"\u003E \u003Cbr\u003E\t\u003CTR\u003E\u003Cbr\u003E\t\t\u003CTD\u003E\u003Cbr\u003E\t\t\tШирина этой таблицы 500 пикселей и она \t\t\tсостоит из одной строки и одного столбца \u003Cbr\u003E\t\t\u003C\u002FTD\u003E\u003Cbr\u003E \t\u003C\u002FTR\u003E\u003Cbr\u003E \u003C\u002FTABLE\u003E\u003Cbr\u003E","\u003Cp\u003EПример\u003Cbr\u003E Для задания таблицы не зависимой от разрешения монитора, ее следует задавать в процентном отношении к экрану и задавать цвет каждой ячейки:\u003Cbr\u003E\u003Cp\u003E\u003CTABLE width =\"60%\" border=\"1\" align=\"center\"\u003E \u003Cbr\u003E\t\u003CTR\u003E\u003Cbr\u003E\t\t\u003CTD bdcolor=\"#00FFFF\"\u003E \u003C\u002FTD\u003E\u003Cbr\u003E\t\t\u003CTD bdcolor=\"#00FFFF\"\u003E \u003C\u002FTD\u003E\u003Cbr\u003E\t\t\u003CTD bdcolor=\"#00FFFF\"\u003E \u003C\u002FTD\u003E\u003Cbr\u003E\t\u003C\u002FTR\u003E\u003Cbr\u003E\t\u003CTR\u003E\u003Cbr\u003E\t\t\u003CTD bdcolor=\"#00FFFF\"\u003E \u003C\u002FTD\u003E\u003Cbr\u003E\t\t\u003CTD bdcolor=\"#00FFFF\"\u003E \u003C\u002FTD\u003E\u003Cbr\u003E\t\t\u003CTD bdcolor=\"#00FFFF\"\u003E \u003C\u002FTD\u003E\u003Cbr\u003E\t\u003C\u002FTR\u003E\u003Cbr\u003E \u003C\u002FTABLE\u003E\u003Cbr\u003E \u003Cbr\u003E","\u003Cp\u003E\u003CTABLE width =\"100%\" bgcolor=\"#00CC99\" border=\"0\"\u003E \u003Cbr\u003E\t\u003CTR\u003E\u003Cbr\u003E\t\t\u003CTD\u003E 1 столбец\u003C\u002FTD\u003E\u003Cbr\u003E\t\t\u003CTD\u003E2 столбец \u003C\u002FTD\u003E\u003Cbr\u003E\t\u003C\u002FTR\u003E\u003Cbr\u003E \u003Cbr\u003E\u003C\u002FTABLE\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003EПример:\u003Cbr\u003EМожно сделать грани таблицы невидимыми,\u003Cbr\u003E для чего толщину рамки таблицы надо задать равной нулю border=\"0\"\u003Cbr\u003E","\u003Cp\u003EСуществует набор атрибутов предназначенных для выравнивания данных в ячейках таблицы:\u003Cbr\u003Ealign - позволяет выравнивать данные по горизонтали и может принимать следующие значения: \t \u003Cbr\u003E\t\t\t\tleft - выравнивание влево\u003Cbr\u003E\t\t\t\tright - выравнивание вправо\u003Cbr\u003E\t\t\t\tcenter -выравнивание по центру\u003Cbr\u003Evalign -позволяет выравнивать текст по вертикали и может принимать следующие значения: \t\u003Cbr\u003E\t\ttop - выравнивание по верхнему краю ячейки\u003Cbr\u003E\t\tmiddle- выравнивание по центру\u003Cbr\u003E\t\tbaseline- выравнивание по первой строке \u003Cbr\u003E\u003Cp\u003EТаблицы\u003Cbr\u003E","\u003Cp\u003EПример:\u003Cbr\u003E","\u003Cp\u003EПример:\u003Cbr\u003E\u003Cp\u003E\u003CTABLE width =\"100%\" border=\"1\" align=\"center\"\u003E \u003Cbr\u003E\t\u003CTR\u003E\u003Cbr\u003E\t\t\u003CTD\u003E\u003CB\u003Eвыравнивание по гризонтали\u003C\u002FB\u003E \u003C\u002FTD\u003E\u003Cbr\u003E\t\t\u003CTD align=\"center\"\u003Eпо центру \u003C\u002FTD\u003E\u003Cbr\u003E\t\t\u003CTD align=\"left\"\u003Eпо левому краю\u003C\u002FTD\u003E\u003Cbr\u003E\t\t\u003CTD align=\"rign\"\u003Eпо правому краю\u003C\u002FTD\u003E\u003Cbr\u003E\t\u003C\u002FTR\u003E\u003Cbr\u003E\t\u003CTR\u003E\u003Cbr\u003E\t\t\u003CTD\u003E\u003CB\u003Eвыравнивание по вертикали\u003C\u002FB\u003E \u003C\u002FTD\u003E\u003Cbr\u003E\t\t\u003CTD valign=\"top\"\u003Eпо верхнему краю \u003C\u002FTD\u003E\u003Cbr\u003E\t\t\u003CTD valign=\"middle\"\u003Eпо центру\u003C\u002FTD\u003E\u003Cbr\u003E\t\t\u003CTD valign=\"baseline\"\u003Eпо нижнему краю\u003C\u002FTD\u003E\u003Cbr\u003E\t\u003C\u002FTR\u003E\u003Cbr\u003E\u003C\u002FTABLE\u003E\u003Cbr\u003E","\u003Cp\u003EЗадание 12 Создание таблиц\u003Cbr\u003E \u003Cbr\u003E1. Создайте новую страницу в редакторе БЛОКНОТ\u003Cbr\u003E2. В элементе \u003CTITLE\u003Eукажите \"Практическая работа №12\u003Cbr\u003E3. Создайте таблицу из двух строк и трех столбцов\u003Cbr\u003E4. Задайте фон таблицы зеленого цвета, толщину линии равную 3 пикселам, ширину таблицы равную ширине экране, шрифт внутри таблицы белый.\u003Cbr\u003E5. Текст первой строки выровняйте по цетру по \u003Cbr\u003Eгоризонтали и по вертикали\u003Cbr\u003E6. Текст второй строки выделите жирным шрифтом.\u003Cbr\u003E7. В первую ячейку первой строки вставьте рисунок \u003Cbr\u003Echildren.jpg\u003Cbr\u003E8. Во второй ячейке второй строки напишите любое четверостишие.\u003Cbr\u003E9. Задайте фон третьей ячеки второй строки красный. \u003Cbr\u003E","\u003Cp\u003EЗадание 13 Создание таблиц\u003Cbr\u003E\u003Cp\u003E1. Создайте новую страницу в редакторе БЛОКНОТ\u003Cbr\u003E2. В элементе \u003CTITLE\u003Eукажите \"Практическая работа №13\"\u003Cbr\u003E3. Создайте таблицу для расписания ваших уроков из восьми столбцов и девяти строк. Ширина таблицы 100%.\u003Cbr\u003E4. В первом столбце укажите время начала и конца ваших\u003Cbr\u003Eуроков с выравнивание по левому краю.\u003Cbr\u003E5. В остальных ячейках -школьные предметы по дням недели.\u003Cbr\u003E6. Выравнивание названий предметов - по левому краю.\u003Cbr\u003E7. Выравнивание дней недели - по центру ячейки и жирным шрифтом.\u003Cbr\u003E8. У всех столбцов фон задайте разным цветом.\u003Cbr\u003E9. Перед таблицей поместите заголовок первого уровня красного цвета \"Расписание уроков\".\u003Cbr\u003E\t10. Между заголовком и таблицей поместите рисунок.\u003Cbr\u003E","\u003Cp\u003E1. Создайте новую страницу в редакторе БЛОКНОТ\u003Cbr\u003E2. В элементе \u003CTITLE\u003Eукажите \"Практическая работа № 14\u003Cbr\u003E3. Разметку производить с использованием таблицы шириной на весь экран (100%)\u003Cbr\u003E\u003Cp\u003EЗадание 14 РазметкаWEB- страницы при помощи таблицы (вариант1)\u003Cbr\u003E\u003Cp\u003EНедостатком такой разметки является “плавучесть” содержимого страницы при уменьшении разрешения экрана (текст должен будет разместиться в более узкие рамки) \u003Cbr\u003E","\u003Cp\u003EЗадание 15 РазметкаWEB- страницы при помощи таблицы (вариант2)\u003Cbr\u003E\u003Cp\u003EЧтобы таблица выглядела неизменной при любом разрешении экрана, надо задавать ее фиксированного размера\u003Cbr\u003EСоздайте страницу, которая производится разметкой таблицы шириной 760 пикселей, выровненой по центру экрана.\u003Cbr\u003EВ таблице задайте три строки и и один столбец.\u003Cbr\u003EВ верхнюю строку поместите заголовок, во второую - меню, а в третьей содержание страницы.\u003Cbr\u003E","\u003Cp\u003EПример таблицы с объединенными ячейками\u003Cbr\u003EДля создания таблицы с объединенными ячейками необходимо \u003Cbr\u003Eуказать в качестве значения параметров COLSPAN или ROWSPAN\u003Cbr\u003E число объединяемых ячеек для данной ячейки\u003Cbr\u003E","\u003Cp\u003E\t\u003CP ALIGN=CENTER\u003E\u003Cbr\u003E\u003CTABLE border=\"3\"\u003E \u003Cbr\u003E\t\t\u003CTR ALIGN=CENTER \u003E\u003Cbr\u003E\t\t\t\u003CTD COLSPAN=4\u003E\u003CB\u003Eвся строка как одна ячейка\u003C\u002FB\u003E \u003C\u002FTR\u003E\u003Cbr\u003E\t\u003CTR ALIGN=CENTER \u003E\u003Cbr\u003E\t\t\t\u003CTD \u003E одна ячейка\u003C\u002FTD\u003E\u003Cbr\u003E\t\t\t\u003CTD \u003Eодна ячейка \u003C\u002FTD\u003E\u003Cbr\u003E\t\t\t\u003CTD \u003Eодна ячейка\u003C\u002FTD\u003E\u003Cbr\u003E\u003CTD \u003Eодна ячейка\u003C\u002FTD\u003E\u003Cbr\u003E\t\t\u003C\u002FTR\u003E\u003Cbr\u003E\t\t\u003CTR ALIGN=CENTER \u003E\u003Cbr\u003E\t\t\t\u003CTD СОLSPAN=2 ROWSPAN=2\u003E\u003CB\u003Eячейка 2х2\u003C\u002FB\u003E \u003C\u002FTD\u003E\u003Cbr\u003E\t\t\t\u003CTD СОLSPAN=2 \u003E2 ячейки по ширине \u003C\u002FTD\u003E\u003Cbr\u003E\t\t\u003C\u002FTR\u003E\u003Cbr\u003E\t\u003CTR ALIGN=CENTER \u003E\u003Cbr\u003E\t\t\t\u003CTD\u003E\u003CB\u003Eотдельная ячейка\u003C\u002FB\u003E \u003C\u002FTD\u003E\u003Cbr\u003E\t\t\t\u003CTD ROWSPAN=2\u003Eдве ячейки по высоте \u003C\u002FTD\u003E\u003Cbr\u003E\t\t\u003C\u002FTR\u003E\u003Cbr\u003E\t\u003CTR ALIGN=CENTER \u003E\u003Cbr\u003E\t\t\t\u003CTD\u003E\u003CB\u003Eотдельная ячейка\u003C\u002FB\u003E \u003C\u002FTD\u003E\u003Cbr\u003E\t\t\t\u003CTD \u003E\u003CB\u003Eотдельная ячейка\u003C\u002FB\u003E \u003C\u002FTD\u003E\u003Cbr\u003E\t\t\t\u003CTD \u003E\u003CB\u003Eотдельная ячейка\u003C\u002FB\u003E \u003C\u002FTD\u003E\u003Cbr\u003E\t\t\t\u003CTD\u003E\u003CB\u003Eотдельная ячейка\u003C\u002FB\u003E \u003C\u002FTD\u003E\u003Cbr\u003E\t\t\u003C\u002FTR\u003E\u003Cbr\u003E\t\u003C\u002FTABLE\u003E\u003Cbr\u003E\u003C\u002FP\u003E\u003Cbr\u003E","\u003Cp\u003E\t\u003Cbr\u003E\tМетатеги page-enter и page-exit содержащие в себе \u003Cbr\u003Eвызов функции revealTrans, позволяют реализовать красивые \u003Cbr\u003Eвидеэффекты при открытии и закрытии страниц.\u003Cbr\u003E\u003CMETA HTTP-EQUIV= ″page-enter″ CONTENT=″revealTrans (Duration=6.0, Transition=….)″\u003E\u003Cbr\u003E\u003CMETA HTTP-EQUIV= ″page-exit″ CONTENT=″revealTrans (Duration=6.0, Transition=….)″\u003E\u003Cbr\u003E\tВместо многоточия код эффекта:\u003Cbr\u003E\u003Cp\u003EВидеоэффекты при открытии и закрытие страницы\u003Cbr\u003E","\u003Cp\u003Eкоды эффектов открытия-закрытия страниц:\u003Cbr\u003E0-\tквадрат снаружи внутрь\u003Cbr\u003E1-\tквадрат изнутри наружу\u003Cbr\u003E2-\tкруг снаружи внутрь\u003Cbr\u003E3-\tкруг изнутри наружу\u003Cbr\u003E4-\tшторка снизу вверх\u003Cbr\u003E5-\tшторка сверху вниз\u003Cbr\u003E6-\tшторка слева направо\u003Cbr\u003E7-\tшторка справа налево\u003Cbr\u003E8-\tвертикальные жалюзи (слева направо)\u003Cbr\u003E9-\tгоризонтальные жалюзи (сверху вниз)\u003Cbr\u003E10-\tквадратная мозаика (слева направо)\u003Cbr\u003E11-\tквадратная мозаика (сверху вниз)\u003Cbr\u003E12-\tрассыпание по отдельным пикселям\u003Cbr\u003E13-\tзанавес по горизонтали от краев к центру (слева и справа)\u003Cbr\u003E14-\tзанавес по горизонтали от центра к краям\u003Cbr\u003E15-\tзанавес по вертикали от краев к центру (сверху и снизу)\u003Cbr\u003E16-\tзанавес по вертикали от центра\u003Cbr\u003E17-\tшторка по диагонали (из правого верхнего в левый нижний)\u003Cbr\u003E18-\tшторка по диагонали ( из правого нижнего в левый верхний)\u003Cbr\u003E19-\tшторка по диагонали (из левого верхнего в правый нижний)\u003Cbr\u003E20-\tштока по диагонали (из левого нижнего в правый верхний)\u003Cbr\u003E21-\tрассыпание по строкам\u003Cbr\u003E22-\tрассыпание по столбцам\u003Cbr\u003E","\u003Cp\u003Eсоздание форм \u003Cbr\u003E","\u003Cp\u003EСоздание форм\u003Cbr\u003E\u003Cp\u003EОтправка содержимого формы по Е- mail для дальнейшей расшифровки данных владельцем сайта:\u003Cbr\u003E\u003CFORM ACTION=“mailto:[e-mail]” ENCTYPE=application\u002Fx-www-form-urlencoded METHOD=post\u003E\u003Cbr\u003E\t\tили\u003Cbr\u003E\u003CFORM ACTION=“mailto:[e-mail]” ENCTYPE=multipart\u002Fform-data METHOD=post\u003E\u003Cbr\u003E\t\tили\u003Cbr\u003E\u003CFORM ACTION=“mailto:[e-mail]” ENCTYPE=text\u002Fplain METHOD=post\u003E\u003Cbr\u003E","\u003Cp\u003EПоля ввода текста INPUT TYPE=text\u003Cbr\u003E\u003Cp\u003EПредставляет собой прямоугольное поле для ввода одной строки текста\u003Cbr\u003E\u003Cp\u003EПараметры:\u003Cbr\u003ENAME - уникальное имя поля \u003Cbr\u003ESIZE - ширина поля в символах\u003Cbr\u003EMAXLENGHT- максимально допустимое количество вводимых символов\u003Cbr\u003EVALUE - строка изначально выводимая в данном текстовом поле\u003Cbr\u003E","\u003Cp\u003EПример:\u003Cbr\u003E\u003CFORM ACTION=mailto:[e-mail] METHOD=post\u003E\u003Cbr\u003E\u003CINPUT TYPE=text NAME=MyFam SIZE=20 MAXLENGHT=40 VALUE=“Введите фамилию”\u003Cbr\u003E\u003C\u002FFORM\u003E\u003Cbr\u003E","\u003Cp\u003EПоле ввода пароля INPUT TYPE=password\u003Cbr\u003EПрямоугольное однострочное поле, отличающееся от ранее рассмотренного тем, что вводимый текст отображается в виде звездочек \u003Cbr\u003E\u003Cp\u003EПример\u003Cbr\u003E\u003CFORM ACTION=mailto:[e-mail] METHOD=post\u003E\u003Cbr\u003E\u003CINPUT TYPE=password NAME=MyFam SIZE=20 MAXLENGHT=40 VALUE=“пароль”\u003Cbr\u003E\u003C\u002FFORM\u003E\u003Cbr\u003E","\u003Cp\u003EМногострочная текстовая область \u003CTEXTAREA\u003E….\u003C\u002FTEXTAREA\u003E\u003Cbr\u003E\u003Cp\u003EПрямоугольное поле с заданными шириной и высотой, при необходимости генерируется вертикальная линейка прокрутки.\u003Cbr\u003EПараметры:\u003Cbr\u003ENAME - имя области\u003Cbr\u003ECOLS и ROWS - ширина области в символах и высота в строках\u003Cbr\u003EWRAP- управляет автоматическим переносом строк внутри окна\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003EПример:\u003Cbr\u003E\u003CFORM ACTION=mailto:[e-mail] METHOD=post\u003E\u003Cbr\u003E\u003CTEXTAREA NAME MyFam COLS=20 ROWS=7 WRAP=virtual\u003E Для прокручивания содержимого в этом поле ввода используйте линейку проерутки или клавиши PgUp, PgDn, дибо клавиши управления курсором\u003Cbr\u003E\u003C\u002FTEXTAREA\u003E\u003Cbr\u003E \u003C\u002FFORM\u003E\u003Cbr\u003E","\u003Cp\u003EФлажки INPUT TYPE=checkbox\u003Cbr\u003E\u003Cp\u003EСлужат для ответа пользователя “да-нет” или выбора из нескольких предложенных вариантов\u003Cbr\u003EПараметры:\u003Cbr\u003ENAME - имя флажка\u003Cbr\u003EVALUE - произвольная комбинация букв и цифр, передаваемая на сервер, если данный флажок будет помечен пользоввателем\u003Cbr\u003ECHECKED - при наличии данного параметра \t\tсоответствующий флажок изначально будет \tвыводится как помеченный\u003Cbr\u003E","\u003Cp\u003EПример:\u003Cbr\u003E\u003CFORM ACTION=mailto:[e-mail] METHOD=post\u003EЧто заказываем?\u003Cbr\u003E\u003CINPUT TYPE=checkbox NAME=Pirog VALUE=“с капустой”\u003Eс капустой\u003CBR\u003E\u003Cbr\u003E\u003CINPUT TYPE=checkbox NAME=Pirog VALUE=“с мясом”\u003Eс мясом\u003CBR\u003E\u003Cbr\u003E\u003CINPUT TYPE=checkbox NAME=Pirog VALUE=“с яблоками”\u003Eс яблоками\u003CBR\u003E\u003Cbr\u003E\u003CINPUT TYPE=checkbox NAME=Pirog VALUE=“с курагой”\u003Eкурагой\u003CBR\u003E\u003Cbr\u003E\u003C\u002FFORM\u003E\u003Cbr\u003E","\u003Cp\u003EРадиокнопки INPUT TYPE=radio\u003Cbr\u003E\u003Cp\u003EПозволяют выбрать только один из представленных\u003Cbr\u003E вариантов\u003Cbr\u003EПараметры:\u003Cbr\u003ENAME - имя радиокнопки\u003Cbr\u003EVALUE - произвольная комбинация букв и цифр,\u003Cbr\u003Eпередаваемая на сервер, если данный флажок \u003Cbr\u003Eбудет помечен пользоввателем\u003Cbr\u003ECHECKED - при наличии данного параметра \u003Cbr\u003E\tсоответствующий флажок изначально будет\u003Cbr\u003E \tвыводится как помеченный\u003Cbr\u003E","\u003Cp\u003EПример:\u003Cbr\u003E\u003CFORM ACTION=mailto:[e-mail] METHOD=post\u003EЧто заказываем?\u003Cbr\u003E\u003CINPUT TYPE=radio NAME=Pirog VALUE=“с капустой”\u003Eс капустой\u003CBR\u003E\u003Cbr\u003E\u003CINPUT TYPE=radio NAME=Pirog VALUE=“с мясом”\u003Eс мясом\u003CBR\u003E\u003Cbr\u003E\u003CINPUT TYPE=radio NAME=Pirog VALUE=“с яблоками”\u003Eс яблоками\u003CBR\u003E\u003Cbr\u003E\u003CINPUT TYPE=radio NAME=Pirog VALUE=“с курагой”\u003Eкурагой\u003CBR\u003E\u003Cbr\u003E\u003C\u002FFORM\u003E\u003Cbr\u003E","\u003Cp\u003EРаскрывающиеся списки \u003CSELECT\u003E…\u003C\u002FSELECT\u003E\u003Cbr\u003E\u003Cp\u003EПредназначены для предоставления возможности выбора или раскрывающегося меню.\u003Cbr\u003EПараметры:\u003Cbr\u003ENAME - имя списка\u003Cbr\u003ESIZE - количество отображаемых пунктов\u003Cbr\u003EMULTIPLE - разрешение помечать сразу несколько пунктов \u003Cbr\u003Eсписка (при одновременно нажатых клавишах Ctrl или Shift) \u003Cbr\u003ESELECTED - пункт, помеченный по умолчанию\u003Cbr\u003E\tСамый первый пункт обычно является \t\tфиктивным и содержит текст подсказки \u003Cbr\u003E","\u003Cp\u003EПример:\u003Cbr\u003E\u003CFORM ACTION=mailto:[e-mail] METHOD=post\u003E\u003Cbr\u003EНазовите Ваш любимый браузер \u003Cbr\u003E\u003CSELECT NAME=Browser SIZE=1\u003E\u003Cbr\u003E\u003COPTION VALUE=“”\u003EВыберите название\u003Cbr\u003E\u003COPTION VALUE=IE\u003EInternet Explorer\u003Cbr\u003E\u003COPTION VALUE=NN\u003ENetscape Navigator\u003Cbr\u003E\u003COPTION VALUE=NC\u003E Netscape Communicator\u003Cbr\u003E\u003COPTION VALUE=VZ\u003E Mosaic\u003Cbr\u003E\u003C\u002FSELTCT\u003E\u003Cbr\u003E\u003CBR\u003E\u003Cbr\u003E\u003CINPUT TYPE=checkbox NAME=Not VALUE=“Ни один из перечисленных”\u003Cbr\u003E\u003CBR\u003E\u003Cbr\u003E\u003C\u002FFORM\u003E\u003Cbr\u003E","\u003Cp\u003EКомандные кнопки\u003Cbr\u003E\u003Cp\u003EКнопка очистки формы INPUT TYPE=reset\u003Cbr\u003E щелчок мыши по этой кнопке восстанавливает начальное значение всех элементов формы\u003Cbr\u003E\u003Cbr\u003E2. Кнопка отправки формы INPUT TYPE=submit\u003Cbr\u003EЩелчок ьыши по этой кнопке отправляет информацию формы на сервер\u003Cbr\u003E","\u003Cp\u003EЗадание 15 Создание форм\u003Cbr\u003E\u003Cp\u003EСозайте форму следующего образца\u003Cbr\u003E\u003Cp\u003EВаша фамилия\u003Cbr\u003E\u003Cp\u003EВаш возраст\u003Cbr\u003E\u003Cp\u003EВаши занятия\u003Cbr\u003E\u003Cp\u003Eотправка\u003Cbr\u003E\u003Cp\u003E10-16\u003Cbr\u003E\u003Cp\u003E17-25\u003Cbr\u003E\u003Cp\u003E26-50\u003Cbr\u003E\u003Cp\u003E51-100\u003Cbr\u003E\u003Cp\u003EИскусство\u003Cbr\u003EНаука \u003Cbr\u003EБизнес\u003Cbr\u003E\u003Cp\u003Eочистка\u003Cbr\u003E","\u003Cp\u003EМеню с раскрывающемся списком\u003Cbr\u003E\u003Cp\u003E\u003CP ALIGN=CENTER\u003E\u003Cbr\u003E\u003CFORM NAME=“form”\u003E\u003Cbr\u003E\u003CSELECT NAME=“site”SIZE=1\u003E\u003Cbr\u003E\u003COPTION VALUE=“”\u003E Go to…\u003Cbr\u003E\u003COPTION VALUE=“STR2.HTM” \u003E Вторая страница\u003Cbr\u003E\u003COPTION VALUE=“STR3.HTM” \u003E Третья страница\u003Cbr\u003E\u003COPTION VALUE=“http:\u002F\u002Fwww.yaho.com” \u003E \u003COPTION \u003COPTION VALUE=“http:\u002F\u002Fjavascript.internet.com \u003EJavascript Sours\u003Cbr\u003E\u003C\u002FSELECT\u003E\u003Cbr\u003E\u003CINPUT TYPE=button VALUE=“Go!” onClick=javascript:formHandler()”\u003E\u003Cbr\u003E\u003C\u002FFORM\u003E\u003Cbr\u003E\u003C\u002FP\u003E\u003Cbr\u003E \u003Cbr\u003E","\u003Cp\u003EСчетчик посещений\u003Cbr\u003E\u003Cp\u003E\u003CP\u003E Посетителей странички - \u003C?php\u003Cbr\u003E$filename=“counter.dat”;\u003Cbr\u003E$fp=@fopen($filename,”r”);\u003Cbr\u003EIf($fp) {$counter=fgets($fp,10);fclose($fp);}\u003Cbr\u003E\telse {$counter=0;}\u003Cbr\u003E$counter++;\u003Cbr\u003E$fp=$fopen($filename,”w”);\u003Cbr\u003EIf ($fp) { $counter=fputs ($fp,$counter); fclose ($fp);}\u003Cbr\u003E?\u003E\u003Cbr\u003E\u003C\u002FP\u003E\u003Cbr\u003E\u003Cp\u003EПеременные данного счетчика:\u003Cbr\u003EFilename-хранит имя файла с количеством посещений\u003Cbr\u003ECounter - количественное значение посетивших сайт \u003Cbr\u003E","\u003Cp\u003EСпасибо за внимание\u003Cbr\u003E"],href:"\u002Finformatika\u002Ftablitsy-10",href_category:"\u002Finformatika",date:1659495188,related:[{id:215045,name:"Дослідження системи автентифікації людини в інформаційних системах",href:"\u002Finformatika\u002Fdosldzhennya-sistemi-avtentifkats-lyudini-v-nformatsynih",jpg:"jpg\u002F215045"},{id:239723,name:"Индивидуальный проект. Создание сайта",href:"\u002Finformatika\u002Findividualnyy-proekt-sozdanie-sayta",jpg:"jpg\u002F239723"},{id:395980,name:"Словарь компьютерных терминов",href:"\u002Finformatika\u002Fslovar-kompyuternyh-terminov",jpg:"jpg\u002F395980"},{id:221943,name:"1С:Предприятие 8. Кадровое агентство",href:"\u002Finformatika\u002F1spredpriyatie-8-kadrovoe-agentstvo",jpg:"jpg\u002F221943"},{id:164279,name:"Создание комплексной системы непрерывного информационного обеспечения для повышение производительности качества сельхозпродукции",href:"\u002Finformatika\u002Fsozdanie-kompleksnoy-sistemy-nepreryvnogo-informatsionnogo-obespecheniya",jpg:"jpg\u002F164279"},{id:174494,name:"Комп’ютерні презентації та публікації",href:"\u002Finformatika\u002Fkompyutern-prezentats-ta-publkats",jpg:"jpg\u002F174494"},{id:581193,name:"3D моделирование",href:"\u002Finformatika\u002F3d-modelirovanie-13",jpg:"jpg\u002F581193"},{id:412669,name:"3D технологии",href:"\u002Finformatika\u002F3d-tehnologii-1",jpg:"jpg\u002F412669"},{id:89667,name:"Современные ОС. ОС Windows",href:"\u002Finformatika\u002Fsovremennye-os-os-windows",jpg:"jpg\u002F89667"},{id:207067,name:"Работа с внешними устройствами Linux",href:"\u002Finformatika\u002Frabota-s-vneshnimi-ustroystvami-linux",jpg:"jpg\u002F207067"},{id:223417,name:"Поиск истины в пространстве современной культуры с помощью искуственного интеллекта",href:"\u002Finformatika\u002Fpoisk-istiny-v-prostranstve-sovremennoy-kultury",jpg:"jpg\u002F223417"},{id:101571,name:"Как собирать средства в ВКонтакте. Инструкция для мам",href:"\u002Finformatika\u002Fkak-sobirat-sredstva-v-vkontakte-instruktsiya",jpg:"jpg\u002F101571"},{id:17081,name:"Жүйелік және қолданбалы программалау. Системное и прикладное программирование",href:"\u002Finformatika\u002Fzhyelk-zhne-oldanbaly-programmalau-sistemnoe-i",jpg:"jpg\u002F17081"},{id:543348,name:"презентация к уроку информатики Классификация машинных команд",href:"\u002Finformatika\u002Fprezentatsiya-k-uroku-informatiki-klassifikatsiya-mashinnyh",jpg:"jpg\u002F543348"},{id:111325,name:"Analyzing Semi-structured Decision Support Systems",href:"\u002Finformatika\u002Fanalyzing-semi-structured-decision-support-systems",jpg:"jpg\u002F111325"},{id:604954,name:"Работа с базами данных PostgreSQL",href:"\u002Finformatika\u002Frabota-s-bazami-dannyh-postgresql",jpg:"jpg\u002F604954"},{id:101744,name:"Методика подготовки учащихся к выполнению заданий с развернутым ответом КИМ ЕГЭ по информатике и ИКТ",href:"\u002Finformatika\u002Fmetodika-podgotovki-uchashchihsya-k-vypolneniyu-zadaniy",jpg:"jpg\u002F101744"},{id:582194,name:"Основные понятия и определения информатики",href:"\u002Finformatika\u002Fosnovnye-ponyatiya-i-opredeleniya-informatiki-2",jpg:"jpg\u002F582194"},{id:347578,name:"Vector graphics. Bitmap graphics. Familiarity with Inkscape",href:"\u002Finformatika\u002Fvector-graphics-bitmap-graphics-familiarity-with",jpg:"jpg\u002F347578"},{id:159609,name:"Безопасность в сети Интернет",href:"\u002Finformatika\u002Fbezopasnost-v-seti-internet-11",jpg:"jpg\u002F159609"},{id:203099,name:"Grip The software upgrade operation",href:"\u002Finformatika\u002Fgrip-the-software-upgrade-operation",jpg:"jpg\u002F203099"},{id:574156,name:"Циклический алгоритм (для 6 класса)",href:"\u002Finformatika\u002Ftsiklicheskiy-algoritm-dlya-6-klassa",jpg:"jpg\u002F574156"},{id:212737,name:"Abstract Blue Cube PowerPoint Templates",href:"\u002Finformatika\u002Fabstract-blue-cube-powerpoint-templates",jpg:"jpg\u002F212737"},{id:355006,name:"Временные таблицы Oracle",href:"\u002Finformatika\u002Fvremennye-tablitsy-oracle",jpg:"jpg\u002F355006"},{id:212988,name:"Обработка информации и алгоритмы",href:"\u002Finformatika\u002Fobrabotka-informatsii-i-algoritmy-2",jpg:"jpg\u002F212988"},{id:107820,name:"Определение и свойства алгоритма",href:"\u002Finformatika\u002Fopredelenie-i-svoystva-algoritma-1",jpg:"jpg\u002F107820"},{id:178208,name:"ООП проектирование. Диаграммы UML",href:"\u002Finformatika\u002Foop-proektirovanie-diagrammy-uml",jpg:"jpg\u002F178208"},{id:230916,name:"Соревнование Следование по линии",href:"\u002Finformatika\u002Fsorevnovanie-sledovanie-po-linii",jpg:"jpg\u002F230916"}],navigation:{next:"\u002Fobzh\u002Fterrorizm-va-aoli-muofazasi-tema-6",next_name:"Терроризм ва аҳоли муҳофазаси. Тема 6",prev:"\u002Ffinansy\u002Ftema-6-uchet-raschetnyh-operatsiy",prev_name:"Тема 6. Учет расчетных операций"}}},categories:{result:[{id:H,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:H,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:14,name:"Менеджмент",pseudoname:"menedzhment"},{id:137,ordering:15,name:"Музыка",pseudoname:"muzyka"},{id:136,ordering:16,name:"МХК",pseudoname:"mhk"},{id:130,ordering:17,name:"Немецкий язык",pseudoname:"nemetskiy-yazyk"},{id:105,ordering:18,name:"ОБЖ",pseudoname:"obzh"},{id:133,ordering:19,name:"Обществознание ",pseudoname:"obshchestvoznanie"},{id:132,ordering:20,name:"Окружающий мир ",pseudoname:"okruzhayushchiy-mir"},{id:131,ordering:21,name:"Педагогика ",pseudoname:"pedagogika"},{id:129,ordering:22,name:"Русский язык",pseudoname:"russkiy-yazyk"},{id:128,ordering:24,name:"Технология",pseudoname:"tehnologiya"},{id:127,ordering:25,name:"Физика",pseudoname:"fizika"},{id:126,ordering:26,name:"Философия",pseudoname:"filosofiya"},{id:125,ordering:27,name:"Химия",pseudoname:"himiya"},{id:124,ordering:29,name:"Экология",pseudoname:"ekologiya"},{id:121,ordering:30,name:"Экономика",pseudoname:"ekonomika"},{id:120,ordering:31,name:"Юриспруденция",pseudoname:"yurisprudentsiya"}]}},state:{},_errors:{},serverRendered:d,config:{public:{SITE_NAME:I,SITE_HOST:"mypreza.com",SITE_LANG:J,API_BASE_URL:"https:\u002F\u002Fmypreza.com\u002Fapi\u002F",pwaManifest:{name:I,short_name:a,description:a,lang:J,start_url:"\u002F?standalone=true",display:"standalone",background_color:l,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:c,sizes:K,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:c,sizes:K,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:c,sizes:L,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:c,sizes:L,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:c,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:c,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:c,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:c,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:c,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:c,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:c,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:c,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:c,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:c,sizes:Q,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","[e-mail]","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","Информатика",1,"Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))</script><script type="module" src="/_nuxt/entry.0d6add34.js" crossorigin></script></body>
</html>

Пример
Таблица шириной 500 пикселей
Ширина этой таблицы 500 пикселей
и она состоит из одной строки и одного столбца и она состоит из одной строки и одного столбца

Пример
Для задания таблицы не зависимой от разрешения монитора, ее следует задавать в процентном отношении к экрану и задавать цвет каждой ячейки:

1 столбец
2 столбец
Пример:
Можно сделать грани таблицы невидимыми,
для чего толщину рамки таблицы надо задать равной нулю border="0"

Существует набор атрибутов предназначенных для выравнивания данных в ячейках таблицы:
align - позволяет выравнивать данные по горизонтали и может принимать следующие значения:
left - выравнивание влево
right - выравнивание вправо
center -выравнивание по центру
valign -позволяет выравнивать текст по вертикали и может принимать следующие значения:
top - выравнивание по верхнему краю ячейки
middle- выравнивание по центру
baseline- выравнивание по первой строке
Таблицы

Пример:

Пример:
выравнивание по гризонтали
по центру
по левому краю
по правому краю
выравнивание по вертикали
по верхнему краю
по центру
по нижнему краю

Задание 12 Создание таблиц
1. Создайте новую страницу в редакторе БЛОКНОТ
2. В элементе
укажите "Практическая работа №12<br>3. Создайте таблицу из двух строк и трех столбцов<br>4. Задайте фон таблицы зеленого цвета, толщину линии равную 3 пикселам, ширину таблицы равную ширине экране, шрифт внутри таблицы белый.<br>5. Текст первой строки выровняйте по цетру по <br>горизонтали и по вертикали<br>6. Текст второй строки выделите жирным шрифтом.<br>7. В первую ячейку первой строки вставьте рисунок <br>children.jpg<br>8. Во второй ячейке второй строки напишите любое четверостишие.<br>9. Задайте фон третьей ячеки второй строки красный. <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/395248/slide-9.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Задание 13 Создание таблиц 1. Создайте новую страницу в редакторе" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/395248/slide-9.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-9.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-9.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-9.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Задание 13 Создание таблиц<br><p>1. Создайте новую страницу в редакторе БЛОКНОТ<br>2. В</div></h2><div class="slides-content">элементе <TITLE>укажите "Практическая работа №13"<br>3. Создайте таблицу для расписания ваших уроков из восьми столбцов и девяти строк. Ширина таблицы 100%.<br>4. В первом столбце укажите время начала и конца ваших<br>уроков с выравнивание по левому краю.<br>5. В остальных ячейках -школьные предметы по дням недели.<br>6. Выравнивание названий предметов - по левому краю.<br>7. Выравнивание дней недели - по центру ячейки и жирным шрифтом.<br>8. У всех столбцов фон задайте разным цветом.<br>9. Перед таблицей поместите заголовок первого уровня красного цвета "Расписание уроков".<br> 10. Между заголовком и таблицей поместите рисунок.<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/395248/slide-10.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="1. Создайте новую страницу в редакторе БЛОКНОТ 2. В элементе" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/395248/slide-10.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-10.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-10.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-10.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>1. Создайте новую страницу в редакторе БЛОКНОТ<br>2. В элементе <TITLE>укажите "Практическая</div></h2><div class="slides-content">работа № 14<br>3. Разметку производить с использованием таблицы шириной на весь экран (100%)<br><p>Задание 14 РазметкаWEB- страницы при помощи таблицы (вариант1)<br><p>Недостатком такой разметки является “плавучесть” содержимого страницы при уменьшении разрешения экрана (текст должен будет разместиться в более узкие рамки) <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/395248/slide-11.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Задание 15 РазметкаWEB- страницы при помощи таблицы (вариант2) Чтобы таблица" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/395248/slide-11.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-11.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-11.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-11.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Задание 15 РазметкаWEB- страницы при помощи таблицы (вариант2)<br><p>Чтобы таблица выглядела неизменной</div></h2><div class="slides-content">при любом разрешении экрана, надо задавать ее фиксированного размера<br>Создайте страницу, которая производится разметкой таблицы шириной 760 пикселей, выровненой по центру экрана.<br>В таблице задайте три строки и и один столбец.<br>В верхнюю строку поместите заголовок, во второую - меню, а в третьей содержание страницы.<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/395248/slide-12.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/395248/slide-12.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-12.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-12.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-12.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Пример таблицы с объединенными ячейками<br>Для создания таблицы с объединенными ячейками необходимо</div></h2><div class="slides-content"><br>указать в качестве значения параметров COLSPAN или ROWSPAN<br> число объединяемых ячеек для данной ячейки<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide14" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 14</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-13.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/395248/slide-13.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-13.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-13.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-13.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p> <P ALIGN=CENTER><br><TABLE border="3"> <br> <TR ALIGN=CENTER ><br> <TD COLSPAN=4><B>вся строка как одна ячейка</B></div></h2><div class="slides-content"></TR><br> <TR ALIGN=CENTER ><br> <TD > одна ячейка</TD><br> <TD >одна ячейка </TD><br> <TD >одна ячейка</TD><br><TD >одна ячейка</TD><br> </TR><br> <TR ALIGN=CENTER ><br> <TD СОLSPAN=2 ROWSPAN=2><B>ячейка 2х2</B> </TD><br> <TD СОLSPAN=2 >2 ячейки по ширине </TD><br> </TR><br> <TR ALIGN=CENTER ><br> <TD><B>отдельная ячейка</B> </TD><br> <TD ROWSPAN=2>две ячейки по высоте </TD><br> </TR><br> <TR ALIGN=CENTER ><br> <TD><B>отдельная ячейка</B> </TD><br> <TD ><B>отдельная ячейка</B> </TD><br> <TD ><B>отдельная ячейка</B> </TD><br> <TD><B>отдельная ячейка</B> </TD><br> </TR><br> </TABLE><br></P><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide15" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 15</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-14.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Метатеги page-enter и page-exit содержащие в себе вызов функции revealTrans," loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/395248/slide-14.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-14.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-14.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-14.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p> <br> Метатеги page-enter и page-exit содержащие в себе <br>вызов функции revealTrans, позволяют</div></h2><div class="slides-content">реализовать красивые <br>видеэффекты при открытии и закрытии страниц.<br><META HTTP-EQUIV= ″page-enter″ CONTENT=″revealTrans (Duration=6.0, Transition=….)″><br><META HTTP-EQUIV= ″page-exit″ CONTENT=″revealTrans (Duration=6.0, Transition=….)″><br> Вместо многоточия код эффекта:<br><p>Видеоэффекты при открытии и закрытие страницы<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide16" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 16</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-15.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="коды эффектов открытия-закрытия страниц: 0- квадрат снаружи внутрь 1- квадрат" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/395248/slide-15.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-15.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-15.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-15.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>коды эффектов открытия-закрытия страниц:<br>0- квадрат снаружи внутрь<br>1- квадрат изнутри наружу<br>2- круг снаружи внутрь<br>3- круг изнутри</div></h2><div class="slides-content">наружу<br>4- шторка снизу вверх<br>5- шторка сверху вниз<br>6- шторка слева направо<br>7- шторка справа налево<br>8- вертикальные жалюзи (слева направо)<br>9- горизонтальные жалюзи (сверху вниз)<br>10- квадратная мозаика (слева направо)<br>11- квадратная мозаика (сверху вниз)<br>12- рассыпание по отдельным пикселям<br>13- занавес по горизонтали от краев к центру (слева и справа)<br>14- занавес по горизонтали от центра к краям<br>15- занавес по вертикали от краев к центру (сверху и снизу)<br>16- занавес по вертикали от центра<br>17- шторка по диагонали (из правого верхнего в левый нижний)<br>18- шторка по диагонали ( из правого нижнего в левый верхний)<br>19- шторка по диагонали (из левого верхнего в правый нижний)<br>20- штока по диагонали (из левого нижнего в правый верхний)<br>21- рассыпание по строкам<br>22- рассыпание по столбцам<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide17" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 17</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-16.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/395248/slide-16.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-16.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-16.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-16.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>создание форм <br></div></h2><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide18" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 18</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-17.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Создание форм Отправка содержимого формы по Е- mail для дальнейшей расшифровки данных владельцем сайта: или или" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/395248/slide-17.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-17.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-17.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-17.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Создание форм<br><p>Отправка содержимого формы по Е- mail для дальнейшей расшифровки данных</div></h2><div class="slides-content">владельцем сайта:<br><FORM ACTION=“mailto:[e-mail]” ENCTYPE=application/x-www-form-urlencoded METHOD=post><br> или<br><FORM ACTION=“mailto:[e-mail]” ENCTYPE=multipart/form-data METHOD=post><br> или<br><FORM ACTION=“mailto:[e-mail]” ENCTYPE=text/plain METHOD=post><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide19" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 19</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-18.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Поля ввода текста INPUT TYPE=text Представляет собой прямоугольное поле для" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/395248/slide-18.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-18.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-18.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-18.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Поля ввода текста INPUT TYPE=text<br><p>Представляет собой прямоугольное поле для ввода одной</div></h2><div class="slides-content">строки текста<br><p>Параметры:<br>NAME - уникальное имя поля <br>SIZE - ширина поля в символах<br>MAXLENGHT- максимально допустимое количество вводимых символов<br>VALUE - строка изначально выводимая в данном текстовом поле<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide20" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 20</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-19.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/395248/slide-19.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-19.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-19.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-19.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Пример:<br><FORM ACTION=mailto:[e-mail] METHOD=post><br><INPUT TYPE=text NAME=MyFam SIZE=20 MAXLENGHT=40 VALUE=“Введите фамилию”<br></FORM><br></div></h2><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide21" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 21</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-20.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Поле ввода пароля INPUT TYPE=password Прямоугольное однострочное поле, отличающееся от" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/395248/slide-20.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-20.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-20.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-20.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Поле ввода пароля INPUT TYPE=password<br>Прямоугольное однострочное поле, отличающееся от ранее рассмотренного</div></h2><div class="slides-content">тем, что вводимый текст отображается в виде звездочек <br><p>Пример<br><FORM ACTION=mailto:[e-mail] METHOD=post><br><INPUT TYPE=password NAME=MyFam SIZE=20 MAXLENGHT=40 VALUE=“пароль”<br></FORM><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide22" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 22</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-21.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/395248/slide-21.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-21.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-21.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-21.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Многострочная текстовая область <TEXTAREA>….</TEXTAREA><br><p>Прямоугольное поле с заданными шириной и высотой, при</div></h2><div class="slides-content">необходимости генерируется вертикальная линейка прокрутки.<br>Параметры:<br>NAME - имя области<br>COLS и ROWS - ширина области в символах и высота в строках<br>WRAP- управляет автоматическим переносом строк внутри окна<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide23" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 23</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-22.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/395248/slide-22.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-22.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-22.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-22.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Пример:<br><FORM ACTION=mailto:[e-mail] METHOD=post><br><TEXTAREA NAME MyFam COLS=20 ROWS=7 WRAP=virtual> Для прокручивания содержимого</div></h2><div class="slides-content">в этом поле ввода используйте линейку проерутки или клавиши PgUp, PgDn, дибо клавиши управления курсором<br></TEXTAREA><br> </FORM><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide24" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 24</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-23.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Флажки INPUT TYPE=checkbox Служат для ответа пользователя “да-нет” или выбора" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/395248/slide-23.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-23.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-23.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-23.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Флажки INPUT TYPE=checkbox<br><p>Служат для ответа пользователя “да-нет” или выбора из нескольких</div></h2><div class="slides-content">предложенных вариантов<br>Параметры:<br>NAME - имя флажка<br>VALUE - произвольная комбинация букв и цифр, передаваемая на сервер, если данный флажок будет помечен пользоввателем<br>CHECKED - при наличии данного параметра соответствующий флажок изначально будет выводится как помеченный<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide25" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 25</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-24.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/395248/slide-24.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-24.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-24.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-24.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Пример:<br><FORM ACTION=mailto:[e-mail] METHOD=post>Что заказываем?<br><INPUT TYPE=checkbox NAME=Pirog VALUE=“с капустой”>с капустой<BR><br><INPUT TYPE=checkbox NAME=Pirog</div></h2><div class="slides-content">VALUE=“с мясом”>с мясом<BR><br><INPUT TYPE=checkbox NAME=Pirog VALUE=“с яблоками”>с яблоками<BR><br><INPUT TYPE=checkbox NAME=Pirog VALUE=“с курагой”>курагой<BR><br></FORM><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide26" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 26</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-25.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Радиокнопки INPUT TYPE=radio Позволяют выбрать только один из представленных вариантов" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/395248/slide-25.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-25.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-25.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-25.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Радиокнопки INPUT TYPE=radio<br><p>Позволяют выбрать только один из представленных<br> вариантов<br>Параметры:<br>NAME - имя</div></h2><div class="slides-content">радиокнопки<br>VALUE - произвольная комбинация букв и цифр,<br>передаваемая на сервер, если данный флажок <br>будет помечен пользоввателем<br>CHECKED - при наличии данного параметра <br> соответствующий флажок изначально будет<br> выводится как помеченный<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide27" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 27</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-26.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/395248/slide-26.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-26.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-26.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-26.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Пример:<br><FORM ACTION=mailto:[e-mail] METHOD=post>Что заказываем?<br><INPUT TYPE=radio NAME=Pirog VALUE=“с капустой”>с капустой<BR><br><INPUT TYPE=radio NAME=Pirog</div></h2><div class="slides-content">VALUE=“с мясом”>с мясом<BR><br><INPUT TYPE=radio NAME=Pirog VALUE=“с яблоками”>с яблоками<BR><br><INPUT TYPE=radio NAME=Pirog VALUE=“с курагой”>курагой<BR><br></FORM><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide28" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 28</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-27.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/395248/slide-27.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-27.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-27.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-27.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Раскрывающиеся списки <SELECT>…</SELECT><br><p>Предназначены для предоставления возможности выбора или раскрывающегося меню.<br>Параметры:<br>NAME -</div></h2><div class="slides-content">имя списка<br>SIZE - количество отображаемых пунктов<br>MULTIPLE - разрешение помечать сразу несколько пунктов <br>списка (при одновременно нажатых клавишах Ctrl или Shift) <br>SELECTED - пункт, помеченный по умолчанию<br> Самый первый пункт обычно является фиктивным и содержит текст подсказки <br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide29" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 29</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-28.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Пример: Назовите Ваш любимый браузер Выберите название Internet Explorer Netscape Navigator Netscape Communicator Mosaic" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/395248/slide-28.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-28.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-28.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-28.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Пример:<br><FORM ACTION=mailto:[e-mail] METHOD=post><br>Назовите Ваш любимый браузер <br><SELECT NAME=Browser SIZE=1><br><OPTION VALUE=“”>Выберите название<br><OPTION</div></h2><div class="slides-content">VALUE=IE>Internet Explorer<br><OPTION VALUE=NN>Netscape Navigator<br><OPTION VALUE=NC> Netscape Communicator<br><OPTION VALUE=VZ> Mosaic<br></SELTCT><br><BR><br><INPUT TYPE=checkbox NAME=Not VALUE=“Ни один из перечисленных”<br><BR><br></FORM><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide30" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 30</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-29.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Командные кнопки Кнопка очистки формы INPUT TYPE=reset щелчок мыши по" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/395248/slide-29.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-29.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-29.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-29.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Командные кнопки<br><p>Кнопка очистки формы INPUT TYPE=reset<br> щелчок мыши по этой кнопке</div></h2><div class="slides-content">восстанавливает начальное значение всех элементов формы<br>2. Кнопка отправки формы INPUT TYPE=submit<br>Щелчок ьыши по этой кнопке отправляет информацию формы на сервер<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide31" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 31</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-30.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Задание 15 Создание форм Созайте форму следующего образца Ваша фамилия" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/395248/slide-30.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-30.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-30.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-30.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Задание 15 Создание форм<br><p>Созайте форму следующего образца<br><p>Ваша фамилия<br><p>Ваш возраст<br><p>Ваши занятия<br><p>отправка<br><p>10-16<br><p>17-25<br><p>26-50<br><p>51-100<br><p>Искусство<br>Наука <br>Бизнес<br><p>очистка<br></div></h2><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide32" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 32</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-31.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Меню с раскрывающемся списком Go to… Вторая страница Третья страница Javascript Sours" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/395248/slide-31.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-31.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-31.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-31.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Меню с раскрывающемся списком<br><p><P ALIGN=CENTER><br><FORM NAME=“form”><br><SELECT NAME=“site”SIZE=1><br><OPTION VALUE=“”> Go to…<br><OPTION VALUE=“STR2.HTM”</div></h2><div class="slides-content">> Вторая страница<br><OPTION VALUE=“STR3.HTM” > Третья страница<br><OPTION VALUE=“http://www.yaho.com” > <OPTION <OPTION VALUE=“http://javascript.internet.com >Javascript Sours<br></SELECT><br><INPUT TYPE=button VALUE=“Go!” onClick=javascript:formHandler()”><br></FORM><br></P><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide33" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 33</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-32.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Счетчик посещений Посетителей странички - $filename=“counter.dat”; $fp=@fopen($filename,”r”); If($fp) {$counter=fgets($fp,10);fclose($fp);} else" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/395248/slide-32.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395248/slide-32.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395248/slide-32.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395248/slide-32.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Счетчик посещений<br><p><P> Посетителей странички - <?php<br>$filename=“counter.dat”;<br>$fp=@fopen($filename,”r”);<br>If($fp) {$counter=fgets($fp,10);fclose($fp);}<br> else {$counter=0;}<br>$counter++;<br>$fp=$fopen($filename,”w”);<br>If ($fp) { $counter=fputs</div></h2><div class="slides-content">($fp,$counter); fclose ($fp);}<br>?><br></P><br><p>Переменные данного счетчика:<br>Filename-хранит имя файла с количеством посещений<br>Counter - количественное значение посетивших сайт <br></div><!----><!--]--><!----></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> Количество просмотров: 23 <br> Количество скачиваний: 0</div><button class="download-btn" type="submit">Скачать</button><!----></form><div class="navigation"><div class="navigation-item"><div>- Предыдущая</div><a href="/finansy/tema-6-uchet-raschetnyh-operatsiy" class="navigation-link">Тема 6. Учет расчетных операций</a></div><div class="navigation-item"><div>Следующая -</div><a href="/obzh/terrorizm-va-aoli-muofazasi-tema-6" class="navigation-link">Терроризм ва аҳоли муҳофазаси. Тема 6</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/dosldzhennya-sistemi-avtentifkats-lyudini-v-nformatsynih" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/215045/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/215045/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/215045/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/215045/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/215045/slide-0.jpg 1440w" class="slides-image related-itemImage"> Дослідження системи автентифікації людини в інформаційних системах</a></div><div class="related-item"><a href="/informatika/individualnyy-proekt-sozdanie-sayta" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/239723/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/239723/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/239723/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/239723/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/239723/slide-0.jpg 1440w" class="slides-image related-itemImage"> Индивидуальный проект. Создание сайта</a></div><div class="related-item"><a href="/informatika/slovar-kompyuternyh-terminov" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395980/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/395980/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395980/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395980/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395980/slide-0.jpg 1440w" class="slides-image related-itemImage"> Словарь компьютерных терминов</a></div><div class="related-item"><a href="/informatika/1spredpriyatie-8-kadrovoe-agentstvo" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/221943/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/221943/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/221943/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/221943/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/221943/slide-0.jpg 1440w" class="slides-image related-itemImage"> 1С:Предприятие 8. Кадровое агентство</a></div><div class="related-item"><a href="/informatika/sozdanie-kompleksnoy-sistemy-nepreryvnogo-informatsionnogo-obespecheniya" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/164279/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/164279/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/164279/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/164279/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/164279/slide-0.jpg 1440w" class="slides-image related-itemImage"> Создание комплексной системы непрерывного информационного обеспечения для повышение производительности качества сельхозпродукции</a></div><div class="related-item"><a href="/informatika/kompyutern-prezentats-ta-publkats" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/174494/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/174494/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/174494/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/174494/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/174494/slide-0.jpg 1440w" class="slides-image related-itemImage"> Комп’ютерні презентації та публікації</a></div><div class="related-item"><a href="/informatika/3d-modelirovanie-13" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/581193/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/581193/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/581193/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/581193/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/581193/slide-0.jpg 1440w" class="slides-image related-itemImage"> 3D моделирование</a></div><div class="related-item"><a href="/informatika/3d-tehnologii-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/412669/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/412669/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/412669/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/412669/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/412669/slide-0.jpg 1440w" class="slides-image related-itemImage"> 3D технологии</a></div><div class="related-item"><a href="/informatika/sovremennye-os-os-windows" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/89667/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/89667/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/89667/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/89667/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/89667/slide-0.jpg 1440w" class="slides-image related-itemImage"> Современные ОС. ОС Windows</a></div><div class="related-item"><a href="/informatika/rabota-s-vneshnimi-ustroystvami-linux" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/207067/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/207067/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/207067/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/207067/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/207067/slide-0.jpg 1440w" class="slides-image related-itemImage"> Работа с внешними устройствами Linux</a></div><div class="related-item"><a href="/informatika/poisk-istiny-v-prostranstve-sovremennoy-kultury" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/223417/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/223417/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/223417/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/223417/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/223417/slide-0.jpg 1440w" class="slides-image related-itemImage"> Поиск истины в пространстве современной культуры с помощью искуственного интеллекта</a></div><div class="related-item"><a href="/informatika/kak-sobirat-sredstva-v-vkontakte-instruktsiya" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/101571/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/101571/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/101571/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/101571/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/101571/slide-0.jpg 1440w" class="slides-image related-itemImage"> Как собирать средства в ВКонтакте. Инструкция для мам</a></div><div class="related-item"><a href="/informatika/zhyelk-zhne-oldanbaly-programmalau-sistemnoe-i" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/17081/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/17081/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/17081/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/17081/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/17081/slide-0.jpg 1440w" class="slides-image related-itemImage"> Жүйелік және қолданбалы программалау. Системное и прикладное программирование</a></div><div class="related-item"><a href="/informatika/prezentatsiya-k-uroku-informatiki-klassifikatsiya-mashinnyh" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/543348/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/543348/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/543348/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/543348/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/543348/slide-0.jpg 1440w" class="slides-image related-itemImage"> презентация к уроку информатики Классификация машинных команд</a></div><div class="related-item"><a href="/informatika/analyzing-semi-structured-decision-support-systems" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/111325/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/111325/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/111325/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/111325/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/111325/slide-0.jpg 1440w" class="slides-image related-itemImage"> Analyzing Semi-structured Decision Support Systems</a></div><div class="related-item"><a href="/informatika/rabota-s-bazami-dannyh-postgresql" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/604954/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/604954/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/604954/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/604954/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/604954/slide-0.jpg 1440w" class="slides-image related-itemImage"> Работа с базами данных PostgreSQL</a></div><div class="related-item"><a href="/informatika/metodika-podgotovki-uchashchihsya-k-vypolneniyu-zadaniy" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/101744/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/101744/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/101744/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/101744/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/101744/slide-0.jpg 1440w" class="slides-image related-itemImage"> Методика подготовки учащихся к выполнению заданий с развернутым ответом КИМ ЕГЭ по информатике и ИКТ</a></div><div class="related-item"><a href="/informatika/osnovnye-ponyatiya-i-opredeleniya-informatiki-2" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/582194/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/582194/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/582194/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/582194/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/582194/slide-0.jpg 1440w" class="slides-image related-itemImage"> Основные понятия и определения информатики</a></div><div class="related-item"><a href="/informatika/vector-graphics-bitmap-graphics-familiarity-with" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/347578/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/347578/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/347578/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/347578/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/347578/slide-0.jpg 1440w" class="slides-image related-itemImage"> Vector graphics. Bitmap graphics. Familiarity with Inkscape</a></div><div class="related-item"><a href="/informatika/bezopasnost-v-seti-internet-11" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/159609/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/159609/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/159609/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/159609/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/159609/slide-0.jpg 1440w" class="slides-image related-itemImage"> Безопасность в сети Интернет</a></div><div class="related-item"><a href="/informatika/grip-the-software-upgrade-operation" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/203099/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/203099/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/203099/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/203099/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/203099/slide-0.jpg 1440w" class="slides-image related-itemImage"> Grip The software upgrade operation</a></div><div class="related-item"><a href="/informatika/tsiklicheskiy-algoritm-dlya-6-klassa" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/574156/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/574156/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/574156/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/574156/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/574156/slide-0.jpg 1440w" class="slides-image related-itemImage"> Циклический алгоритм (для 6 класса)</a></div><div class="related-item"><a href="/informatika/abstract-blue-cube-powerpoint-templates" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/212737/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/212737/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/212737/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/212737/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/212737/slide-0.jpg 1440w" class="slides-image related-itemImage"> Abstract Blue Cube PowerPoint Templates</a></div><div class="related-item"><a href="/informatika/vremennye-tablitsy-oracle" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/355006/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/355006/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/355006/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/355006/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/355006/slide-0.jpg 1440w" class="slides-image related-itemImage"> Временные таблицы Oracle</a></div><div class="related-item"><a href="/informatika/obrabotka-informatsii-i-algoritmy-2" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/212988/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/212988/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/212988/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/212988/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/212988/slide-0.jpg 1440w" class="slides-image related-itemImage"> Обработка информации и алгоритмы</a></div><div class="related-item"><a href="/informatika/opredelenie-i-svoystva-algoritma-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/107820/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/107820/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/107820/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/107820/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/107820/slide-0.jpg 1440w" class="slides-image related-itemImage"> Определение и свойства алгоритма</a></div><div class="related-item"><a href="/informatika/oop-proektirovanie-diagrammy-uml" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/178208/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/178208/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/178208/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/178208/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/178208/slide-0.jpg 1440w" class="slides-image related-itemImage"> ООП проектирование. Диаграммы UML</a></div><div class="related-item"><a href="/informatika/sorevnovanie-sledovanie-po-linii" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/230916/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/230916/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/230916/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/230916/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/230916/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){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:395248,name:m,category:G,count:34,jpg:"jpg\u002F395248",hits:23,download:b,h1:"Таблицы презентация",meta:{h1:m,title:m,description:"Таблицы презентация на тему, доклад, Информатика",keywords:"Таблицы, презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Информатика",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему Таблицы из раздела Информатика. Презентация на заданную тему содержит 34 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",seo_text:"\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003EТаблицы\u003Cbr\u003E\u003Cp\u003E\u003CTABLE\u003E ... \u003C\u002FTABLE\u003E -внешний элемент таблицы\u003Cbr\u003E \u003Cbr\u003E\u003CTR\u003E... \u003C\u002FTR\u003E -элемент, задающий строку таблицы\u003Cbr\u003E \u003CTD\u003E ...\u003C\u002FTD\u003E- элемент, задающий ячейку таблицы\u003Cbr\u003E Атрибут width задают ширину таблицы\u003Cbr\u003EАтрибут height -задают высоту таблицы\u003Cbr\u003EАтрибут bgcolor-для задания цвета всей таблицы надо поместить внутри элемента \u003CTABLE\u003E\u003Cbr\u003EДля задания цвета ячеек этот атрибут надо поместить внутрь элемента \u003CTD\u003E\u003Cbr\u003EАтрибут border - задает толщину рамки таблицы\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E \u003Cp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003EПример\u003Cbr\u003E\u003Cp\u003EТаблица шириной 500 пикселей\u003Cbr\u003E\u003CTABLE width =\"500\"bgcolor=\"#00CC99\"\u003E \u003Cbr\u003E\t\u003CTR\u003E\u003Cbr\u003E\t\t\u003CTD\u003E\u003Cbr\u003E\t\t\tШирина этой таблицы 500 пикселей и она \t\t\tсостоит из одной строки и одного столбца \u003Cbr\u003E\t\t\u003C\u002FTD\u003E\u003Cbr\u003E \t\u003C\u002FTR\u003E\u003Cbr\u003E \u003C\u002FTABLE\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E",file:"Таблицы.pptx",texts:["\u003Cp\u003Eтаблицы \u003Cbr\u003E\u003Cp\u003E75\u003Cbr\u003E","\u003Cp\u003EТаблицы\u003Cbr\u003E\u003Cp\u003E\u003CTABLE\u003E ... \u003C\u002FTABLE\u003E -внешний элемент таблицы\u003Cbr\u003E \u003Cbr\u003E\u003CTR\u003E... \u003C\u002FTR\u003E -элемент, задающий строку таблицы\u003Cbr\u003E \u003CTD\u003E ...\u003C\u002FTD\u003E- элемент, задающий ячейку таблицы\u003Cbr\u003E Атрибут width задают ширину таблицы\u003Cbr\u003EАтрибут height -задают высоту таблицы\u003Cbr\u003EАтрибут bgcolor-для задания цвета всей таблицы надо поместить внутри элемента \u003CTABLE\u003E\u003Cbr\u003EДля задания цвета ячеек этот атрибут надо поместить внутрь элемента \u003CTD\u003E\u003Cbr\u003EАтрибут border - задает толщину рамки таблицы\u003Cbr\u003E","\u003Cp\u003EПример\u003Cbr\u003E\u003Cp\u003EТаблица шириной 500 пикселей\u003Cbr\u003E\u003CTABLE width =\"500\"bgcolor=\"#00CC99\"\u003E \u003Cbr\u003E\t\u003CTR\u003E\u003Cbr\u003E\t\t\u003CTD\u003E\u003Cbr\u003E\t\t\tШирина этой таблицы 500 пикселей и она \t\t\tсостоит из одной строки и одного столбца \u003Cbr\u003E\t\t\u003C\u002FTD\u003E\u003Cbr\u003E \t\u003C\u002FTR\u003E\u003Cbr\u003E \u003C\u002FTABLE\u003E\u003Cbr\u003E","\u003Cp\u003EПример\u003Cbr\u003E Для задания таблицы не зависимой от разрешения монитора, ее следует задавать в процентном отношении к экрану и задавать цвет каждой ячейки:\u003Cbr\u003E\u003Cp\u003E\u003CTABLE width =\"60%\" border=\"1\" align=\"center\"\u003E \u003Cbr\u003E\t\u003CTR\u003E\u003Cbr\u003E\t\t\u003CTD bdcolor=\"#00FFFF\"\u003E \u003C\u002FTD\u003E\u003Cbr\u003E\t\t\u003CTD bdcolor=\"#00FFFF\"\u003E \u003C\u002FTD\u003E\u003Cbr\u003E\t\t\u003CTD bdcolor=\"#00FFFF\"\u003E \u003C\u002FTD\u003E\u003Cbr\u003E\t\u003C\u002FTR\u003E\u003Cbr\u003E\t\u003CTR\u003E\u003Cbr\u003E\t\t\u003CTD bdcolor=\"#00FFFF\"\u003E \u003C\u002FTD\u003E\u003Cbr\u003E\t\t\u003CTD bdcolor=\"#00FFFF\"\u003E \u003C\u002FTD\u003E\u003Cbr\u003E\t\t\u003CTD bdcolor=\"#00FFFF\"\u003E \u003C\u002FTD\u003E\u003Cbr\u003E\t\u003C\u002FTR\u003E\u003Cbr\u003E \u003C\u002FTABLE\u003E\u003Cbr\u003E \u003Cbr\u003E","\u003Cp\u003E\u003CTABLE width =\"100%\" bgcolor=\"#00CC99\" border=\"0\"\u003E \u003Cbr\u003E\t\u003CTR\u003E\u003Cbr\u003E\t\t\u003CTD\u003E 1 столбец\u003C\u002FTD\u003E\u003Cbr\u003E\t\t\u003CTD\u003E2 столбец \u003C\u002FTD\u003E\u003Cbr\u003E\t\u003C\u002FTR\u003E\u003Cbr\u003E \u003Cbr\u003E\u003C\u002FTABLE\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003EПример:\u003Cbr\u003EМожно сделать грани таблицы невидимыми,\u003Cbr\u003E для чего толщину рамки таблицы надо задать равной нулю border=\"0\"\u003Cbr\u003E","\u003Cp\u003EСуществует набор атрибутов предназначенных для выравнивания данных в ячейках таблицы:\u003Cbr\u003Ealign - позволяет выравнивать данные по горизонтали и может принимать следующие значения: \t \u003Cbr\u003E\t\t\t\tleft - выравнивание влево\u003Cbr\u003E\t\t\t\tright - выравнивание вправо\u003Cbr\u003E\t\t\t\tcenter -выравнивание по центру\u003Cbr\u003Evalign -позволяет выравнивать текст по вертикали и может принимать следующие значения: \t\u003Cbr\u003E\t\ttop - выравнивание по верхнему краю ячейки\u003Cbr\u003E\t\tmiddle- выравнивание по центру\u003Cbr\u003E\t\tbaseline- выравнивание по первой строке \u003Cbr\u003E\u003Cp\u003EТаблицы\u003Cbr\u003E","\u003Cp\u003EПример:\u003Cbr\u003E","\u003Cp\u003EПример:\u003Cbr\u003E\u003Cp\u003E\u003CTABLE width =\"100%\" border=\"1\" align=\"center\"\u003E \u003Cbr\u003E\t\u003CTR\u003E\u003Cbr\u003E\t\t\u003CTD\u003E\u003CB\u003Eвыравнивание по гризонтали\u003C\u002FB\u003E \u003C\u002FTD\u003E\u003Cbr\u003E\t\t\u003CTD align=\"center\"\u003Eпо центру \u003C\u002FTD\u003E\u003Cbr\u003E\t\t\u003CTD align=\"left\"\u003Eпо левому краю\u003C\u002FTD\u003E\u003Cbr\u003E\t\t\u003CTD align=\"rign\"\u003Eпо правому краю\u003C\u002FTD\u003E\u003Cbr\u003E\t\u003C\u002FTR\u003E\u003Cbr\u003E\t\u003CTR\u003E\u003Cbr\u003E\t\t\u003CTD\u003E\u003CB\u003Eвыравнивание по вертикали\u003C\u002FB\u003E \u003C\u002FTD\u003E\u003Cbr\u003E\t\t\u003CTD valign=\"top\"\u003Eпо верхнему краю \u003C\u002FTD\u003E\u003Cbr\u003E\t\t\u003CTD valign=\"middle\"\u003Eпо центру\u003C\u002FTD\u003E\u003Cbr\u003E\t\t\u003CTD valign=\"baseline\"\u003Eпо нижнему краю\u003C\u002FTD\u003E\u003Cbr\u003E\t\u003C\u002FTR\u003E\u003Cbr\u003E\u003C\u002FTABLE\u003E\u003Cbr\u003E","\u003Cp\u003EЗадание 12 Создание таблиц\u003Cbr\u003E \u003Cbr\u003E1. Создайте новую страницу в редакторе БЛОКНОТ\u003Cbr\u003E2. В элементе \u003CTITLE\u003Eукажите \"Практическая работа №12\u003Cbr\u003E3. Создайте таблицу из двух строк и трех столбцов\u003Cbr\u003E4. Задайте фон таблицы зеленого цвета, толщину линии равную 3 пикселам, ширину таблицы равную ширине экране, шрифт внутри таблицы белый.\u003Cbr\u003E5. Текст первой строки выровняйте по цетру по \u003Cbr\u003Eгоризонтали и по вертикали\u003Cbr\u003E6. Текст второй строки выделите жирным шрифтом.\u003Cbr\u003E7. В первую ячейку первой строки вставьте рисунок \u003Cbr\u003Echildren.jpg\u003Cbr\u003E8. Во второй ячейке второй строки напишите любое четверостишие.\u003Cbr\u003E9. Задайте фон третьей ячеки второй строки красный. \u003Cbr\u003E","\u003Cp\u003EЗадание 13 Создание таблиц\u003Cbr\u003E\u003Cp\u003E1. Создайте новую страницу в редакторе БЛОКНОТ\u003Cbr\u003E2. В элементе \u003CTITLE\u003Eукажите \"Практическая работа №13\"\u003Cbr\u003E3. Создайте таблицу для расписания ваших уроков из восьми столбцов и девяти строк. Ширина таблицы 100%.\u003Cbr\u003E4. В первом столбце укажите время начала и конца ваших\u003Cbr\u003Eуроков с выравнивание по левому краю.\u003Cbr\u003E5. В остальных ячейках -школьные предметы по дням недели.\u003Cbr\u003E6. Выравнивание названий предметов - по левому краю.\u003Cbr\u003E7. Выравнивание дней недели - по центру ячейки и жирным шрифтом.\u003Cbr\u003E8. У всех столбцов фон задайте разным цветом.\u003Cbr\u003E9. Перед таблицей поместите заголовок первого уровня красного цвета \"Расписание уроков\".\u003Cbr\u003E\t10. Между заголовком и таблицей поместите рисунок.\u003Cbr\u003E","\u003Cp\u003E1. Создайте новую страницу в редакторе БЛОКНОТ\u003Cbr\u003E2. В элементе \u003CTITLE\u003Eукажите \"Практическая работа № 14\u003Cbr\u003E3. Разметку производить с использованием таблицы шириной на весь экран (100%)\u003Cbr\u003E\u003Cp\u003EЗадание 14 РазметкаWEB- страницы при помощи таблицы (вариант1)\u003Cbr\u003E\u003Cp\u003EНедостатком такой разметки является “плавучесть” содержимого страницы при уменьшении разрешения экрана (текст должен будет разместиться в более узкие рамки) \u003Cbr\u003E","\u003Cp\u003EЗадание 15 РазметкаWEB- страницы при помощи таблицы (вариант2)\u003Cbr\u003E\u003Cp\u003EЧтобы таблица выглядела неизменной при любом разрешении экрана, надо задавать ее фиксированного размера\u003Cbr\u003EСоздайте страницу, которая производится разметкой таблицы шириной 760 пикселей, выровненой по центру экрана.\u003Cbr\u003EВ таблице задайте три строки и и один столбец.\u003Cbr\u003EВ верхнюю строку поместите заголовок, во второую - меню, а в третьей содержание страницы.\u003Cbr\u003E","\u003Cp\u003EПример таблицы с объединенными ячейками\u003Cbr\u003EДля создания таблицы с объединенными ячейками необходимо \u003Cbr\u003Eуказать в качестве значения параметров COLSPAN или ROWSPAN\u003Cbr\u003E число объединяемых ячеек для данной ячейки\u003Cbr\u003E","\u003Cp\u003E\t\u003CP ALIGN=CENTER\u003E\u003Cbr\u003E\u003CTABLE border=\"3\"\u003E \u003Cbr\u003E\t\t\u003CTR ALIGN=CENTER \u003E\u003Cbr\u003E\t\t\t\u003CTD COLSPAN=4\u003E\u003CB\u003Eвся строка как одна ячейка\u003C\u002FB\u003E \u003C\u002FTR\u003E\u003Cbr\u003E\t\u003CTR ALIGN=CENTER \u003E\u003Cbr\u003E\t\t\t\u003CTD \u003E одна ячейка\u003C\u002FTD\u003E\u003Cbr\u003E\t\t\t\u003CTD \u003Eодна ячейка \u003C\u002FTD\u003E\u003Cbr\u003E\t\t\t\u003CTD \u003Eодна ячейка\u003C\u002FTD\u003E\u003Cbr\u003E\u003CTD \u003Eодна ячейка\u003C\u002FTD\u003E\u003Cbr\u003E\t\t\u003C\u002FTR\u003E\u003Cbr\u003E\t\t\u003CTR ALIGN=CENTER \u003E\u003Cbr\u003E\t\t\t\u003CTD СОLSPAN=2 ROWSPAN=2\u003E\u003CB\u003Eячейка 2х2\u003C\u002FB\u003E \u003C\u002FTD\u003E\u003Cbr\u003E\t\t\t\u003CTD СОLSPAN=2 \u003E2 ячейки по ширине \u003C\u002FTD\u003E\u003Cbr\u003E\t\t\u003C\u002FTR\u003E\u003Cbr\u003E\t\u003CTR ALIGN=CENTER \u003E\u003Cbr\u003E\t\t\t\u003CTD\u003E\u003CB\u003Eотдельная ячейка\u003C\u002FB\u003E \u003C\u002FTD\u003E\u003Cbr\u003E\t\t\t\u003CTD ROWSPAN=2\u003Eдве ячейки по высоте \u003C\u002FTD\u003E\u003Cbr\u003E\t\t\u003C\u002FTR\u003E\u003Cbr\u003E\t\u003CTR ALIGN=CENTER \u003E\u003Cbr\u003E\t\t\t\u003CTD\u003E\u003CB\u003Eотдельная ячейка\u003C\u002FB\u003E \u003C\u002FTD\u003E\u003Cbr\u003E\t\t\t\u003CTD \u003E\u003CB\u003Eотдельная ячейка\u003C\u002FB\u003E \u003C\u002FTD\u003E\u003Cbr\u003E\t\t\t\u003CTD \u003E\u003CB\u003Eотдельная ячейка\u003C\u002FB\u003E \u003C\u002FTD\u003E\u003Cbr\u003E\t\t\t\u003CTD\u003E\u003CB\u003Eотдельная ячейка\u003C\u002FB\u003E \u003C\u002FTD\u003E\u003Cbr\u003E\t\t\u003C\u002FTR\u003E\u003Cbr\u003E\t\u003C\u002FTABLE\u003E\u003Cbr\u003E\u003C\u002FP\u003E\u003Cbr\u003E","\u003Cp\u003E\t\u003Cbr\u003E\tМетатеги page-enter и page-exit содержащие в себе \u003Cbr\u003Eвызов функции revealTrans, позволяют реализовать красивые \u003Cbr\u003Eвидеэффекты при открытии и закрытии страниц.\u003Cbr\u003E\u003CMETA HTTP-EQUIV= ″page-enter″ CONTENT=″revealTrans (Duration=6.0, Transition=….)″\u003E\u003Cbr\u003E\u003CMETA HTTP-EQUIV= ″page-exit″ CONTENT=″revealTrans (Duration=6.0, Transition=….)″\u003E\u003Cbr\u003E\tВместо многоточия код эффекта:\u003Cbr\u003E\u003Cp\u003EВидеоэффекты при открытии и закрытие страницы\u003Cbr\u003E","\u003Cp\u003Eкоды эффектов открытия-закрытия страниц:\u003Cbr\u003E0-\tквадрат снаружи внутрь\u003Cbr\u003E1-\tквадрат изнутри наружу\u003Cbr\u003E2-\tкруг снаружи внутрь\u003Cbr\u003E3-\tкруг изнутри наружу\u003Cbr\u003E4-\tшторка снизу вверх\u003Cbr\u003E5-\tшторка сверху вниз\u003Cbr\u003E6-\tшторка слева направо\u003Cbr\u003E7-\tшторка справа налево\u003Cbr\u003E8-\tвертикальные жалюзи (слева направо)\u003Cbr\u003E9-\tгоризонтальные жалюзи (сверху вниз)\u003Cbr\u003E10-\tквадратная мозаика (слева направо)\u003Cbr\u003E11-\tквадратная мозаика (сверху вниз)\u003Cbr\u003E12-\tрассыпание по отдельным пикселям\u003Cbr\u003E13-\tзанавес по горизонтали от краев к центру (слева и справа)\u003Cbr\u003E14-\tзанавес по горизонтали от центра к краям\u003Cbr\u003E15-\tзанавес по вертикали от краев к центру (сверху и снизу)\u003Cbr\u003E16-\tзанавес по вертикали от центра\u003Cbr\u003E17-\tшторка по диагонали (из правого верхнего в левый нижний)\u003Cbr\u003E18-\tшторка по диагонали ( из правого нижнего в левый верхний)\u003Cbr\u003E19-\tшторка по диагонали (из левого верхнего в правый нижний)\u003Cbr\u003E20-\tштока по диагонали (из левого нижнего в правый верхний)\u003Cbr\u003E21-\tрассыпание по строкам\u003Cbr\u003E22-\tрассыпание по столбцам\u003Cbr\u003E","\u003Cp\u003Eсоздание форм \u003Cbr\u003E","\u003Cp\u003EСоздание форм\u003Cbr\u003E\u003Cp\u003EОтправка содержимого формы по Е- mail для дальнейшей расшифровки данных владельцем сайта:\u003Cbr\u003E\u003CFORM ACTION=“mailto:[e-mail]” ENCTYPE=application\u002Fx-www-form-urlencoded METHOD=post\u003E\u003Cbr\u003E\t\tили\u003Cbr\u003E\u003CFORM ACTION=“mailto:[e-mail]” ENCTYPE=multipart\u002Fform-data METHOD=post\u003E\u003Cbr\u003E\t\tили\u003Cbr\u003E\u003CFORM ACTION=“mailto:[e-mail]” ENCTYPE=text\u002Fplain METHOD=post\u003E\u003Cbr\u003E","\u003Cp\u003EПоля ввода текста INPUT TYPE=text\u003Cbr\u003E\u003Cp\u003EПредставляет собой прямоугольное поле для ввода одной строки текста\u003Cbr\u003E\u003Cp\u003EПараметры:\u003Cbr\u003ENAME - уникальное имя поля \u003Cbr\u003ESIZE - ширина поля в символах\u003Cbr\u003EMAXLENGHT- максимально допустимое количество вводимых символов\u003Cbr\u003EVALUE - строка изначально выводимая в данном текстовом поле\u003Cbr\u003E","\u003Cp\u003EПример:\u003Cbr\u003E\u003CFORM ACTION=mailto:[e-mail] METHOD=post\u003E\u003Cbr\u003E\u003CINPUT TYPE=text NAME=MyFam SIZE=20 MAXLENGHT=40 VALUE=“Введите фамилию”\u003Cbr\u003E\u003C\u002FFORM\u003E\u003Cbr\u003E","\u003Cp\u003EПоле ввода пароля INPUT TYPE=password\u003Cbr\u003EПрямоугольное однострочное поле, отличающееся от ранее рассмотренного тем, что вводимый текст отображается в виде звездочек \u003Cbr\u003E\u003Cp\u003EПример\u003Cbr\u003E\u003CFORM ACTION=mailto:[e-mail] METHOD=post\u003E\u003Cbr\u003E\u003CINPUT TYPE=password NAME=MyFam SIZE=20 MAXLENGHT=40 VALUE=“пароль”\u003Cbr\u003E\u003C\u002FFORM\u003E\u003Cbr\u003E","\u003Cp\u003EМногострочная текстовая область \u003CTEXTAREA\u003E….\u003C\u002FTEXTAREA\u003E\u003Cbr\u003E\u003Cp\u003EПрямоугольное поле с заданными шириной и высотой, при необходимости генерируется вертикальная линейка прокрутки.\u003Cbr\u003EПараметры:\u003Cbr\u003ENAME - имя области\u003Cbr\u003ECOLS и ROWS - ширина области в символах и высота в строках\u003Cbr\u003EWRAP- управляет автоматическим переносом строк внутри окна\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003EПример:\u003Cbr\u003E\u003CFORM ACTION=mailto:[e-mail] METHOD=post\u003E\u003Cbr\u003E\u003CTEXTAREA NAME MyFam COLS=20 ROWS=7 WRAP=virtual\u003E Для прокручивания содержимого в этом поле ввода используйте линейку проерутки или клавиши PgUp, PgDn, дибо клавиши управления курсором\u003Cbr\u003E\u003C\u002FTEXTAREA\u003E\u003Cbr\u003E \u003C\u002FFORM\u003E\u003Cbr\u003E","\u003Cp\u003EФлажки INPUT TYPE=checkbox\u003Cbr\u003E\u003Cp\u003EСлужат для ответа пользователя “да-нет” или выбора из нескольких предложенных вариантов\u003Cbr\u003EПараметры:\u003Cbr\u003ENAME - имя флажка\u003Cbr\u003EVALUE - произвольная комбинация букв и цифр, передаваемая на сервер, если данный флажок будет помечен пользоввателем\u003Cbr\u003ECHECKED - при наличии данного параметра \t\tсоответствующий флажок изначально будет \tвыводится как помеченный\u003Cbr\u003E","\u003Cp\u003EПример:\u003Cbr\u003E\u003CFORM ACTION=mailto:[e-mail] METHOD=post\u003EЧто заказываем?\u003Cbr\u003E\u003CINPUT TYPE=checkbox NAME=Pirog VALUE=“с капустой”\u003Eс капустой\u003CBR\u003E\u003Cbr\u003E\u003CINPUT TYPE=checkbox NAME=Pirog VALUE=“с мясом”\u003Eс мясом\u003CBR\u003E\u003Cbr\u003E\u003CINPUT TYPE=checkbox NAME=Pirog VALUE=“с яблоками”\u003Eс яблоками\u003CBR\u003E\u003Cbr\u003E\u003CINPUT TYPE=checkbox NAME=Pirog VALUE=“с курагой”\u003Eкурагой\u003CBR\u003E\u003Cbr\u003E\u003C\u002FFORM\u003E\u003Cbr\u003E","\u003Cp\u003EРадиокнопки INPUT TYPE=radio\u003Cbr\u003E\u003Cp\u003EПозволяют выбрать только один из представленных\u003Cbr\u003E вариантов\u003Cbr\u003EПараметры:\u003Cbr\u003ENAME - имя радиокнопки\u003Cbr\u003EVALUE - произвольная комбинация букв и цифр,\u003Cbr\u003Eпередаваемая на сервер, если данный флажок \u003Cbr\u003Eбудет помечен пользоввателем\u003Cbr\u003ECHECKED - при наличии данного параметра \u003Cbr\u003E\tсоответствующий флажок изначально будет\u003Cbr\u003E \tвыводится как помеченный\u003Cbr\u003E","\u003Cp\u003EПример:\u003Cbr\u003E\u003CFORM ACTION=mailto:[e-mail] METHOD=post\u003EЧто заказываем?\u003Cbr\u003E\u003CINPUT TYPE=radio NAME=Pirog VALUE=“с капустой”\u003Eс капустой\u003CBR\u003E\u003Cbr\u003E\u003CINPUT TYPE=radio NAME=Pirog VALUE=“с мясом”\u003Eс мясом\u003CBR\u003E\u003Cbr\u003E\u003CINPUT TYPE=radio NAME=Pirog VALUE=“с яблоками”\u003Eс яблоками\u003CBR\u003E\u003Cbr\u003E\u003CINPUT TYPE=radio NAME=Pirog VALUE=“с курагой”\u003Eкурагой\u003CBR\u003E\u003Cbr\u003E\u003C\u002FFORM\u003E\u003Cbr\u003E","\u003Cp\u003EРаскрывающиеся списки \u003CSELECT\u003E…\u003C\u002FSELECT\u003E\u003Cbr\u003E\u003Cp\u003EПредназначены для предоставления возможности выбора или раскрывающегося меню.\u003Cbr\u003EПараметры:\u003Cbr\u003ENAME - имя списка\u003Cbr\u003ESIZE - количество отображаемых пунктов\u003Cbr\u003EMULTIPLE - разрешение помечать сразу несколько пунктов \u003Cbr\u003Eсписка (при одновременно нажатых клавишах Ctrl или Shift) \u003Cbr\u003ESELECTED - пункт, помеченный по умолчанию\u003Cbr\u003E\tСамый первый пункт обычно является \t\tфиктивным и содержит текст подсказки \u003Cbr\u003E","\u003Cp\u003EПример:\u003Cbr\u003E\u003CFORM ACTION=mailto:[e-mail] METHOD=post\u003E\u003Cbr\u003EНазовите Ваш любимый браузер \u003Cbr\u003E\u003CSELECT NAME=Browser SIZE=1\u003E\u003Cbr\u003E\u003COPTION VALUE=“”\u003EВыберите название\u003Cbr\u003E\u003COPTION VALUE=IE\u003EInternet Explorer\u003Cbr\u003E\u003COPTION VALUE=NN\u003ENetscape Navigator\u003Cbr\u003E\u003COPTION VALUE=NC\u003E Netscape Communicator\u003Cbr\u003E\u003COPTION VALUE=VZ\u003E Mosaic\u003Cbr\u003E\u003C\u002FSELTCT\u003E\u003Cbr\u003E\u003CBR\u003E\u003Cbr\u003E\u003CINPUT TYPE=checkbox NAME=Not VALUE=“Ни один из перечисленных”\u003Cbr\u003E\u003CBR\u003E\u003Cbr\u003E\u003C\u002FFORM\u003E\u003Cbr\u003E","\u003Cp\u003EКомандные кнопки\u003Cbr\u003E\u003Cp\u003EКнопка очистки формы INPUT TYPE=reset\u003Cbr\u003E щелчок мыши по этой кнопке восстанавливает начальное значение всех элементов формы\u003Cbr\u003E\u003Cbr\u003E2. Кнопка отправки формы INPUT TYPE=submit\u003Cbr\u003EЩелчок ьыши по этой кнопке отправляет информацию формы на сервер\u003Cbr\u003E","\u003Cp\u003EЗадание 15 Создание форм\u003Cbr\u003E\u003Cp\u003EСозайте форму следующего образца\u003Cbr\u003E\u003Cp\u003EВаша фамилия\u003Cbr\u003E\u003Cp\u003EВаш возраст\u003Cbr\u003E\u003Cp\u003EВаши занятия\u003Cbr\u003E\u003Cp\u003Eотправка\u003Cbr\u003E\u003Cp\u003E10-16\u003Cbr\u003E\u003Cp\u003E17-25\u003Cbr\u003E\u003Cp\u003E26-50\u003Cbr\u003E\u003Cp\u003E51-100\u003Cbr\u003E\u003Cp\u003EИскусство\u003Cbr\u003EНаука \u003Cbr\u003EБизнес\u003Cbr\u003E\u003Cp\u003Eочистка\u003Cbr\u003E","\u003Cp\u003EМеню с раскрывающемся списком\u003Cbr\u003E\u003Cp\u003E\u003CP ALIGN=CENTER\u003E\u003Cbr\u003E\u003CFORM NAME=“form”\u003E\u003Cbr\u003E\u003CSELECT NAME=“site”SIZE=1\u003E\u003Cbr\u003E\u003COPTION VALUE=“”\u003E Go to…\u003Cbr\u003E\u003COPTION VALUE=“STR2.HTM” \u003E Вторая страница\u003Cbr\u003E\u003COPTION VALUE=“STR3.HTM” \u003E Третья страница\u003Cbr\u003E\u003COPTION VALUE=“http:\u002F\u002Fwww.yaho.com” \u003E \u003COPTION \u003COPTION VALUE=“http:\u002F\u002Fjavascript.internet.com \u003EJavascript Sours\u003Cbr\u003E\u003C\u002FSELECT\u003E\u003Cbr\u003E\u003CINPUT TYPE=button VALUE=“Go!” onClick=javascript:formHandler()”\u003E\u003Cbr\u003E\u003C\u002FFORM\u003E\u003Cbr\u003E\u003C\u002FP\u003E\u003Cbr\u003E \u003Cbr\u003E","\u003Cp\u003EСчетчик посещений\u003Cbr\u003E\u003Cp\u003E\u003CP\u003E Посетителей странички - \u003C?php\u003Cbr\u003E$filename=“counter.dat”;\u003Cbr\u003E$fp=@fopen($filename,”r”);\u003Cbr\u003EIf($fp) {$counter=fgets($fp,10);fclose($fp);}\u003Cbr\u003E\telse {$counter=0;}\u003Cbr\u003E$counter++;\u003Cbr\u003E$fp=$fopen($filename,”w”);\u003Cbr\u003EIf ($fp) { $counter=fputs ($fp,$counter); fclose ($fp);}\u003Cbr\u003E?\u003E\u003Cbr\u003E\u003C\u002FP\u003E\u003Cbr\u003E\u003Cp\u003EПеременные данного счетчика:\u003Cbr\u003EFilename-хранит имя файла с количеством посещений\u003Cbr\u003ECounter - количественное значение посетивших сайт \u003Cbr\u003E","\u003Cp\u003EСпасибо за внимание\u003Cbr\u003E"],href:"\u002Finformatika\u002Ftablitsy-10",href_category:"\u002Finformatika",date:1659495188,related:[{id:215045,name:"Дослідження системи автентифікації людини в інформаційних системах",href:"\u002Finformatika\u002Fdosldzhennya-sistemi-avtentifkats-lyudini-v-nformatsynih",jpg:"jpg\u002F215045"},{id:239723,name:"Индивидуальный проект. Создание сайта",href:"\u002Finformatika\u002Findividualnyy-proekt-sozdanie-sayta",jpg:"jpg\u002F239723"},{id:395980,name:"Словарь компьютерных терминов",href:"\u002Finformatika\u002Fslovar-kompyuternyh-terminov",jpg:"jpg\u002F395980"},{id:221943,name:"1С:Предприятие 8. Кадровое агентство",href:"\u002Finformatika\u002F1spredpriyatie-8-kadrovoe-agentstvo",jpg:"jpg\u002F221943"},{id:164279,name:"Создание комплексной системы непрерывного информационного обеспечения для повышение производительности качества сельхозпродукции",href:"\u002Finformatika\u002Fsozdanie-kompleksnoy-sistemy-nepreryvnogo-informatsionnogo-obespecheniya",jpg:"jpg\u002F164279"},{id:174494,name:"Комп’ютерні презентації та публікації",href:"\u002Finformatika\u002Fkompyutern-prezentats-ta-publkats",jpg:"jpg\u002F174494"},{id:581193,name:"3D моделирование",href:"\u002Finformatika\u002F3d-modelirovanie-13",jpg:"jpg\u002F581193"},{id:412669,name:"3D технологии",href:"\u002Finformatika\u002F3d-tehnologii-1",jpg:"jpg\u002F412669"},{id:89667,name:"Современные ОС. ОС Windows",href:"\u002Finformatika\u002Fsovremennye-os-os-windows",jpg:"jpg\u002F89667"},{id:207067,name:"Работа с внешними устройствами Linux",href:"\u002Finformatika\u002Frabota-s-vneshnimi-ustroystvami-linux",jpg:"jpg\u002F207067"},{id:223417,name:"Поиск истины в пространстве современной культуры с помощью искуственного интеллекта",href:"\u002Finformatika\u002Fpoisk-istiny-v-prostranstve-sovremennoy-kultury",jpg:"jpg\u002F223417"},{id:101571,name:"Как собирать средства в ВКонтакте. Инструкция для мам",href:"\u002Finformatika\u002Fkak-sobirat-sredstva-v-vkontakte-instruktsiya",jpg:"jpg\u002F101571"},{id:17081,name:"Жүйелік және қолданбалы программалау. Системное и прикладное программирование",href:"\u002Finformatika\u002Fzhyelk-zhne-oldanbaly-programmalau-sistemnoe-i",jpg:"jpg\u002F17081"},{id:543348,name:"презентация к уроку информатики Классификация машинных команд",href:"\u002Finformatika\u002Fprezentatsiya-k-uroku-informatiki-klassifikatsiya-mashinnyh",jpg:"jpg\u002F543348"},{id:111325,name:"Analyzing Semi-structured Decision Support Systems",href:"\u002Finformatika\u002Fanalyzing-semi-structured-decision-support-systems",jpg:"jpg\u002F111325"},{id:604954,name:"Работа с базами данных PostgreSQL",href:"\u002Finformatika\u002Frabota-s-bazami-dannyh-postgresql",jpg:"jpg\u002F604954"},{id:101744,name:"Методика подготовки учащихся к выполнению заданий с развернутым ответом КИМ ЕГЭ по информатике и ИКТ",href:"\u002Finformatika\u002Fmetodika-podgotovki-uchashchihsya-k-vypolneniyu-zadaniy",jpg:"jpg\u002F101744"},{id:582194,name:"Основные понятия и определения информатики",href:"\u002Finformatika\u002Fosnovnye-ponyatiya-i-opredeleniya-informatiki-2",jpg:"jpg\u002F582194"},{id:347578,name:"Vector graphics. Bitmap graphics. Familiarity with Inkscape",href:"\u002Finformatika\u002Fvector-graphics-bitmap-graphics-familiarity-with",jpg:"jpg\u002F347578"},{id:159609,name:"Безопасность в сети Интернет",href:"\u002Finformatika\u002Fbezopasnost-v-seti-internet-11",jpg:"jpg\u002F159609"},{id:203099,name:"Grip The software upgrade operation",href:"\u002Finformatika\u002Fgrip-the-software-upgrade-operation",jpg:"jpg\u002F203099"},{id:574156,name:"Циклический алгоритм (для 6 класса)",href:"\u002Finformatika\u002Ftsiklicheskiy-algoritm-dlya-6-klassa",jpg:"jpg\u002F574156"},{id:212737,name:"Abstract Blue Cube PowerPoint Templates",href:"\u002Finformatika\u002Fabstract-blue-cube-powerpoint-templates",jpg:"jpg\u002F212737"},{id:355006,name:"Временные таблицы Oracle",href:"\u002Finformatika\u002Fvremennye-tablitsy-oracle",jpg:"jpg\u002F355006"},{id:212988,name:"Обработка информации и алгоритмы",href:"\u002Finformatika\u002Fobrabotka-informatsii-i-algoritmy-2",jpg:"jpg\u002F212988"},{id:107820,name:"Определение и свойства алгоритма",href:"\u002Finformatika\u002Fopredelenie-i-svoystva-algoritma-1",jpg:"jpg\u002F107820"},{id:178208,name:"ООП проектирование. Диаграммы UML",href:"\u002Finformatika\u002Foop-proektirovanie-diagrammy-uml",jpg:"jpg\u002F178208"},{id:230916,name:"Соревнование Следование по линии",href:"\u002Finformatika\u002Fsorevnovanie-sledovanie-po-linii",jpg:"jpg\u002F230916"}],navigation:{next:"\u002Fobzh\u002Fterrorizm-va-aoli-muofazasi-tema-6",next_name:"Терроризм ва аҳоли муҳофазаси. Тема 6",prev:"\u002Ffinansy\u002Ftema-6-uchet-raschetnyh-operatsiy",prev_name:"Тема 6. Учет расчетных операций"}}},categories:{result:[{id:H,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:H,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:14,name:"Менеджмент",pseudoname:"menedzhment"},{id:137,ordering:15,name:"Музыка",pseudoname:"muzyka"},{id:136,ordering:16,name:"МХК",pseudoname:"mhk"},{id:130,ordering:17,name:"Немецкий язык",pseudoname:"nemetskiy-yazyk"},{id:105,ordering:18,name:"ОБЖ",pseudoname:"obzh"},{id:133,ordering:19,name:"Обществознание ",pseudoname:"obshchestvoznanie"},{id:132,ordering:20,name:"Окружающий мир ",pseudoname:"okruzhayushchiy-mir"},{id:131,ordering:21,name:"Педагогика ",pseudoname:"pedagogika"},{id:129,ordering:22,name:"Русский язык",pseudoname:"russkiy-yazyk"},{id:128,ordering:24,name:"Технология",pseudoname:"tehnologiya"},{id:127,ordering:25,name:"Физика",pseudoname:"fizika"},{id:126,ordering:26,name:"Философия",pseudoname:"filosofiya"},{id:125,ordering:27,name:"Химия",pseudoname:"himiya"},{id:124,ordering:29,name:"Экология",pseudoname:"ekologiya"},{id:121,ordering:30,name:"Экономика",pseudoname:"ekonomika"},{id:120,ordering:31,name:"Юриспруденция",pseudoname:"yurisprudentsiya"}]}},state:{},_errors:{},serverRendered:d,config:{public:{SITE_NAME:I,SITE_HOST:"mypreza.com",SITE_LANG:J,API_BASE_URL:"https:\u002F\u002Fmypreza.com\u002Fapi\u002F",pwaManifest:{name:I,short_name:a,description:a,lang:J,start_url:"\u002F?standalone=true",display:"standalone",background_color:l,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:c,sizes:K,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:c,sizes:K,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:c,sizes:L,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:c,sizes:L,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:c,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:c,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:c,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:c,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:c,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:c,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:c,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:c,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:c,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:c,sizes:Q,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","[e-mail]","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","Информатика",1,"Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))</script><script type="module" src="/_nuxt/entry.0d6add34.js" crossorigin></script></body>
</html>