Язык HTML. Начальные сведения презентация

Язык HTML
HTML (Hyper Text Markup Language) – язык разметки гипертекста, включает в себя способы оформления гипертекстовых документов.
SGML (Standard Generalized Markup Language) - стандартный язык обобщенной разметки.
XML (Extended Markup Language) - расширяемый язык разметки.
2

Основные понятия
Гипертекст – структура, позволяющая
устанавливать смысловые связки между элементами текста и другими документами.
Гиперссылка – фрагмент текста, который
является указателем на другой файл или объект.
Web-узел или Web-сайт – группа Web-страниц, принадлежащих одному автору или одному издателю, взаимосвязанных общими гиперссылками.
3

Фрейм (Frame)
Этот термин имеет два значения:
Область документа со своими полосами прокрутки
Одиночное изображение в анимационном графическом файле (кадр)
4

Апплет (Applet)
Программа, передаваемая на компьютер клиента в виде отдельного файла и запускаемая при просмотре Web-страницы
Браузер (Browser)
Программа для просмотра Web-страницы
5

Скрипт или сценарий
(Script)
Программа, включенная в состав Web-страницы, для расширения ее возможностей
CGI (Common Gateway Interface) – общее название программ, которые работая на сервере, позволяют расширить возможности Web –страничек.
6

Что могут содержать Web-страницы:
1). Тексты;
2). Таблицы;
3). Логотипы;
4). Эмблемы;
7

5). Графику
Графические файлы самые распространенные и выгодные в формате .jpg (jpig), менее распространенные gif , но могут содержать не более 256 цветов, редко .png, и .bmp т.к. они имеют большие размеры, а основное правило хорошо оформленной страницы, это быстрая загрузка!!! По этому правилу размер любого графического файла не должен превышать 70 Кбайт или 400-500 пикселей со средним качеством.
Что могут содержать Web-страницы:
8

Графические форматы
GIF - Graphic Interchange Format. При сохранении изображения в этом формате количество используемых цветов не должно превышать 256.
JPEG (JPG) - Joint Photography Experts Group.
Этот формат допускает сохранение изображений, содержащих миллионы цветов.
9

6). Банеры – анимированные и не анимированные, выполняют чаще рекламную роль и роль переключателей на другие страницы.
большие имеют размер 468 х 60 пикселей,
средние 120 х 60,
маленькие 88 х 31.
Собираются из файлов, созданных, например, в FotoShope. Это может быть текст, сменяющий другой или картинки.
Могут быть анимированные кнопки. Gif- анимация – это, например, при наведении на кнопку появляется надпись
Что могут содержать Web-страницы:
10

7). Мультимедиа –файлы (содержащие музыку (.mid), речь (.wav), видео (.avi).
avi-фрагменты это очень большие файлы, поэтому на Web-страницах они не должны превышать 100 Кбайт
wav- файлы лучше упаковывать, для чего есть специальные программы, которые сжимают в 10 раз (например, 10 секунд звучания это примерно 250 Кбайт можно упаковать до 25 Кбайт)
mid – файлы это в основном инструментальная музыка без голоса. Поддерживаются только браузером Internet Explorer.
.mp3 – файлы тоже можно использовать, но они очень большие(средний размер 5-7 Мбайт, 3 мин ≅ 3 Мбайта.
Эти файлы (avi, wav, mid, mp3) практически не сжимаются. Из 3 Мбайт получается приблизительно 2,8 Мбайт.
Gif-файлы сжимаются на 20%.
Что могут содержать Web-страницы:
11

8) Скрипты – программы, которые расширяют возможности страниц, делают ее активной с обратной связью (формы, регистрационные листы, пишутся на языке Jawa и т.п.). Можно делать самим (бегущая строка, падающие буквы и т.п.), а можно брать готовые.
9). Апплеты – программы, которые загружаются с сайта на компьютер клиента при открытии страницы, создают различные видеоэффекты (перелистывание страниц, вихревое движение, эффект пламени, деформации изображения, пишутся на языке Jawa с расширением .class).
Что могут содержать Web-страницы:
12

10). Флэш-анимации – файлы сделанные по технологии макромедиа с расширением .swf. В этих файлах происходит действие, рекламные ролики. (Они быстро открываются, но для их открытия дополнительно к браузеру должна быть установлена специальная программа, позволяющая просматривать эти файлы, если программа не установлена, то как правило выдается запрос на ее загрузку из интернет).
11). Гиперссылки – ссылки на другие станицы.
12). Таблицы стилей –то файлы с расширением .css, в которых прописаны все изменения. Такое оформление придают страницам современный, эстетический стиль.
Что могут содержать Web-страницы:
13

теги HTML
14

HTML - теги
Язык разметки гипертекстовых документов HTML представляет собой совокупность команд, называемых тегами
(от английского tag).
Тег – начальный или конечный маркер элемента записывается в угловых скобках и состоит из имени, за которым может
следовать список атрибутов (все атрибуты располагаются в начальном теге).
Большинство тегов имеют два компонента: открывающий и закрывающий. Закрывающий компонент имеет то же название, но при записи перед названием ставится символ « / ».
15

Назначение HTML-тегов
Форматирования текста;
Описания кадров и форм;
Форматирования таблиц и списков;
Организации ссылок на другие ресурсы;
Вставки изображений и расширений HTML.
16

Структура HTML-документа
….
….
Начало разметки документа
содержание страницы
Конец разметки документа
17

Между тегами
и
пишется название сайта
Тег
несет служебную информацию о сайте
и не отображается на экране браузера:
Имя автора страницы;
Информация о кодировке;
Набор ключевых слов для поиска, отображающих содержание сайта.
18

Пример Web -страницы
О братьях наших меньших content=“Ivanov Ivan”>
Здесь размещается содержимое страницы
19

школа
Сайт, посвященный школе
< META NAME=“keywords” CONTENT =“школа, класс, урок, обучение, образование, знание”>
Пример Web –страницы с метатегами
20

Задание 1 Создание структуры страницы
Откройте текстовый редактор блокнот.
Наберите структуру приведенной ранее страницы
Между элементами наберите
Моя первая страница
4. Сохраните файл с именем index.htm в папке STRANICA
5. Просмотрите страницу в браузере.
21

Форматирование текста
22

Форматирования текста
Форматировать текст можно традиционными способами: выделять курсивом, полужирным, выбирать шрифт, размер, цвет, выравнивать текстовые фрагменты. Все эти характеристики задаются при помощи соответствующих атрибутов в теге управления шрифтом
текст
Размер задается атрибутом SIZE, который может принимать значения от 1 до 7.
Пример.
тексту задан размер 3
23

COLOR – атрибут для определения цвета, название которого задается числом в шестнадцатеричной системе счисления или название на английском языке
color=“#FF0000” color=”red”
Пример.
это шрифт синего цвета
R-red 00-FF 0-255
G-green 00-FF 0-255
B - blue 00-FF 0-255
RGB
24

Названия цветов и значения RGB
25

форматирование шрифтов
26

FACE – позволяет задавать тип шрифта или несколько шрифтов (через точку с запятой)
Пример. FACE=“arial”>
Все атрибуты могут быть использованы совместно внутри тега < FONT>
Пример.
Это шрифт arial размером 3 синего цвета
27

тест
выделение шрифта полужирным шрифтом
тест
выделение шрифта курсивом
тест
подчеркнутый шрифт
x
2
верхний индекс (х2)
x
2
нижний индекс (х2)
Форматирование шрифтов
28

Примеры со шрифтами
Пример действия параметра FASE
ШРИФТ
New Romans Cyr″>РАЗНОГО
< FONT SIZE=5 FACE=″Courier New Cyr″>НАЧЕРТАНИЯ
29

Примеры со шрифтами
Пример действия параметра SIZE
Ш
Р
>И
Ф
Т
Р
А
З
Н
О
Г
О
Р
А
З
М
Е
Р>/FONT>
А
30

Примеры со шрифтами
Пример действия параметра COLOR
ШРИФТ
РАЗНОГО
<
FONT SIZE=5 COLOR=BLUE>ЦВЕТА
ЗАДАНИЕ
Написать разными по цвету буквами:
КАЖДЫЙ ОХОТНИК ЖЕЛАЕТ ЗНАТЬ ГДЕ СИДИТ ФАЗАН
31

т е с т
-сохраняет исходный вид отформатированного текста с пробелами, разбивками на строки и т.п. (т е с т )
Пример
ПУТЬ К МУДРОСТИ
К мудрости путь – по ухабам ошибок;
Иди же и носа не вешай:
Ушибы,
ушибы,
и снова ушибы
Но реже
и реже,
и реже…
Форматирование шрифтов
32

фоматирование заголовков
33

Форматирования заголовков
тест
⇔ тест
тест
⇔ тест
тест
⇔ тест
тест
⇔ тест
тест
⇔ тест
тест
⇔
тест
Существует шесть уровней заголовков
34

Пример
ОСНОВНОЙ ЗАГОЛОВОК (H1) ПО ЦЕНТРУ
ПОДЗАГОЛОВОК (Н2) ПО ПРАВОМУ КРАЮ
ПОДЗАГОЛОВОК (Н3), ВЫРАВНИВАНИЕИ ПО УМОЛЧАНИЮ
ПОДЗАГОЛОВОК (Н4) ПО ЦЕНТРУ
ПОДЗАГОЛОВОК (Н5) ПО ПРАВОМУ КРАЮ
ПОДЗАГОЛОВОК (Н6) ПО ПРАВОМУ КРАЮ
35

форматирование абзацев
36

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

Параметры тега HR
38

NOSHADE запрет выпуклости
ПРИМЕРЫ ОТЛИНОВОК
простая отлиновка толщиной 2
пикселя
толстая и короткая линия
ALIGN=CENTER>
такая же линия красного цвета
ALIGN=CENTER>
ALIGN=CENTER>черный квадрат 30х30 пикселей
Примеры отлиновок
39

Пример.
Уронили мишку на пол,
Оторвали мишке лапу,
Все равно его не
брошу,
Потому, что он хороший
На экране браузера увидим разбиение текста на четверостишие
40

Выравнивание абзацев
Вместе с элементом абзац
можно использовать атрибут выравнивания align
41

По умолчанию выравнивание по левому краю
Центрирование
всех строк абзаца,
в том числе включая принудительные разрывы
Этот абзац выровнен по правому краю
Этот абзац выровнен по левому краю, также, как и по умолчанию
Этот абзац выровнен одновременно по левому и правому краям, но в старых версиях браузеров воспринимается как выравнивание по левому краю
Пример
42

Задание 2 Форматирование текста на странице
Создайте новую страницу в редакторе блокнот.
В элемент
</div></h3></h3><!----><!----><div class="slides-content">укажите «Практическая работа 2» и вашу фамилию.<br>Отформатируйте текст по заданию:<br>Домашние животные (заголовок H1)<br>Собаки (заголовок H2, центральное выравнивание}<br>Сторожевые (выравнивание слева, полужирный шрифт)<br>Охотничьи (выравнивание справа, полужирный шрифт)<br>Дрессировка (выравнивание по центру, полужирный курсивный шрифт)<br>Клубы Выставки Площадки <br>(выравнивание по центру, размер шрифта14, цвет красный)<br>Стихотворение (выравнивание по центру, синий шрифт)<br>По жизни я скромен<br>Оваций не надо!<br>Но как же я классно (Выравнивание по левому краю, размер шрифта 10)<br>Смотрюсь у снаряда!<br><p>43<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide44" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/605321/slide-43.jpg" target="_blank" rel="noopener">Слайд 44</a><h3 class="slides-content text-center font-bold"><div><p> 1. Создайте новую страницу в редакторе блокнот.
2. В элемент <title> укажите «Практическая работа</div></h3></h3><!----><!----><div class="slides-content">3» и вашу фамилию.
3. Отформатируйте текст по заданию:
<html>
<head>
<title>Практическая работа3 Фамилия
Каждый
охотник
желает
знать,
где
сидит
фазан
Задание 3 Форматирование текста на странице
44

Практическая работа 4 Фамилия
Роман
Книга
Том
Часть
Глава
Параграф
Задание 4 Форматирование заголовков
1. Создайте новую страницу в редакторе блокнот.
2. В элемент
укажите «Практическая работа 4» и вашу фамилию.
3. Отформатируйте текст по заданию:
<br><p>45<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide46" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/605321/slide-45.jpg" target="_blank" rel="noopener">Слайд 46</a><h3 class="slides-content text-center font-bold"><div><p>Задание 5 Форматирование абзацев<br><p>Создайте новую страницу в редакторе блокнот.
2. В элемент <title> укажите</div></h3></h3><!----><!----><div class="slides-content">«Практическая работа 5» и вашу фамилию.
3. Отформатируйте текст стихотворения тремя разными способами оформления:
Уж небо осенью дышало. Все реже солнышко блистало. Короче становился день. <br>Текст шрифта красный, размером 4, курсив<br><p>46<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide47" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/605321/slide-46.jpg" target="_blank" rel="noopener">Слайд 47</a><h3 class="slides-content text-center font-bold"><div><p>html>
<head>
<title> 1 способ форматирования
Уж

html>
2 способ форматирования
Уж небо
осенью дышало.
Все реже солнышко блистало.
Короче становился день.
>
Пример 2 ответа к заданию 5
48

html>
3 способ форматирования
<
Уж небо осенью
дышало.
Все реже солнышко блистало. Короче становился день. >
Пример 3 ответа к заданию 5
49

Бегущая строка
…
Параметры:
BGCOLOR- фоновый цвет плашки
WIDTH HEIGHT -ширина и высота плашки
LOOP -количество повтороений (INFINITE
- непрерывно)
SCROOLLAMOUNT-скорость прокручивания, на котором строка смещается при каждом шаге прокрутки в пикселях
SCROOLLDELAY- задает задержку в миллисекундах между шагами прокрутки
DIRECTION-указывает напрвление прокрутки
BEHAVIOR=SCROOLL -напрвление слева направо
BEHAVIOR=SLIDE - напрвление справа налево
50

Пример бегущей строки
WIDTH=300 BORDER=1 BGCOLOR=“FFF0DE”>
НАЗВАНИЕ ФИРМЫ
ПРИХОДИТЕ ПОЖАЛУЙСТА!
Строка пять разпроплывает вправо-влево, затем останавливается возле правого края желтой плашки
51 WIDTH=300 BORDER=1 BGCOLOR=“FFF0DE”>
НАЗВАНИЕ ФИРМЫ
ПРИХОДИТЕ ПОЖАЛУЙСТА!

форматирование списков
52

Маркированные списки
первый элемент
второй элемент
Результат:
первый элемент
второй элемент
53

Нумерованные списки
первый элемент
второй элемент
1. первый элемент
2. второй элемент
54

Способы нумерации списков
Способ нумерации задается за счет атрибута type
Атрибут Вид нумерации
type=“1” 1, 2, 3, 4…
type=“i” i,
ii, iii, iv…
Type=“I” I, II, III, IV…
type=“a” a, b, c, d…
type=“A” A, B, C, D…
55

Списки определений
Термин
Определение
Результат:
Термин
Определение
56

ПРИМЕР
введение
назначение языка HTML
команды теги HTML
форматирование
текста
жирность
наклон
подчеркивание
индексы
нижние
верхние
подчеркивание
цвет
работа с абзацами
дизайн страницы
li>размещение сайта на сервере
57

Задание 6 Создание списков
Создайте новую страницу в редакторе блокнот.
В элемент
укажите «Практическая</div></h3></h3><!----><!----><div class="slides-content">работа 6» и вашу фамилию.<br>Отформатируйте текст по заданию:<br>Солнце должно быть: (шрифт размером 7, красного цвета, выравнивание по центру)<br>Теплым.<br>Круглым.<br>Желтым.<br>Снег должен быть: (выравнивание по центру, размер шрифта 7, синего цвета)<br> А. Белым<br> B. Холодным<br> C. Пушистым<br> (шрифт списков черный, размер 3)<br><p>58<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide59" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/605321/slide-58.jpg" target="_blank" rel="noopener">Слайд 59</a><h3 class="slides-content text-center font-bold"><div><p>Задание 6 -1 Создание списков<br><p>Создайте страницы со следующими списками:<br>Перечень покупок:<br>Говядина -1кг<br>Масло сливочное -500</div></h3></h3><!----><!----><div class="slides-content">г<br>Хлеб - 2 батона<br>Молоко - 1 литр<br>Алгоритм вычисления дробей:<br>очистить экран<br>ввести значения X и Y<br>если у=0, вернуться к пункту 2<br>вычислить z=x/y<br>вывести результат z <br><p>59<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide60" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/605321/slide-59.jpg" target="_blank" rel="noopener">Слайд 60</a><h3 class="slides-content text-center font-bold"><div><p>оформление фона и вставка рисунков<br><p>60<br></div></h3></h3><!----><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide61" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/605321/slide-60.jpg" target="_blank" rel="noopener">Слайд 61</a><h3 class="slides-content text-center font-bold"><div><p>Задание фона страницы<br><p>Для задания цвета фона на странице надо внутри начального элемента<BODY> указать</div></h3></h3><!----><!----><div class="slides-content">атрибут bgcolor =“цвет”. Цвет задается также как и для шрифта названием или цифровым кодом.<br><p>Пример<br><BODY BGCOLOR=“blue”>… </BODY> <br><BODY BGCOLOR=“00FF00”>… </BODY><br><BODY BACKGROUND=“FON.JPG”><br><p>61<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide62" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/605321/slide-61.jpg" target="_blank" rel="noopener">Слайд 62</a><h3 class="slides-content text-center font-bold"><div><p>Вставка рисунков<br><p>IMG – тег для создания ссылки на графический файл. С его помощью</div></h3></h3><!----><!----><div class="slides-content">также можно использовать изображение в гиперссылках, вставлять картинки в таблицы, использовать изображения для фона страницы. Не содержит конечного тега.<br>Необходимым атрибутом является src- указатель пути к графическому файлу, alt – выводит текст, поясняющий загружаемый рисунок. Высоту и ширину рисунка задают с помощью атрибутов height и width. Рамка вокруг объекта задается атрибутом border.<br><p>Пример.<br><IMG src=“boss.gif” border=2 height =121 width=76 alt=“мой портрет”><br><BODY BACKGROUND=“WOOD.JPG”><br><p>62<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide63" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/605321/slide-62.jpg" target="_blank" rel="noopener">Слайд 63</a><h3 class="slides-content text-center font-bold"><div><p> <P align=center><IMG src="pic.gif" ></p> рисунок в центре, текст сверху и снизу<br><P align=justify><IMG</div></h3></h3><!----><!----><div class="slides-content">src="pic.gif" align=left> </p> рисунок слева<br><P align=justify><IMG src="pic.gif" align=right> </p> рисунок справа<br><p>Примеры обтекания иллюстраций в документе<br><p>63<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide64" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/605321/slide-63.jpg" target="_blank" rel="noopener">Слайд 64</a><h3 class="slides-content text-center font-bold"><div><p>Задание 7 Размещение графики на Web - страницах<br><p>Создайте новую страницу в редакторе блокнот.<br>В</div></h3></h3><!----><!----><div class="slides-content">элемент <title> укажите «Практическая работа 7» и вашу фамилию.<br>В элементе <BODY> задайте атрибут, чтобы цвет фона страницы был черным.<br>Сделайте надпись «Спокойной ночи» голубым цветом, 6 шрифтом, центральным выравниванием.<br>Вставьте горизонтальную линию красного цвета.<br>Сделайте надпись желтого цвета «Приятных сновидений» 8 шрифтом, центральным выравниванием.<br>Вставьте горизонтальную линию синего цвета толщиной 10 пикселей, длиной 50%, выровните по центру.<br>Рисунок<br><p>64<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide65" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/605321/slide-64.jpg" target="_blank" rel="noopener">Слайд 65</a><h3 class="slides-content text-center font-bold"><div><p>Задание 8 Размещение графики на Web - страницах<br><p>Создайте новую страницу в редакторе блокнот.<br>В</div></h3></h3><!----><!----><div class="slides-content">элемент <title> укажите «Практическая работа 8» и вашу фамилию.<br>Разместите на странице рисунок <br>Сделайте надпись к рисунку<br>Создайте рамку вокруг рисунка шириной 2 пикселя.<br>Над рисунком поместите заголовок (например «Мир футбола») самого большого размера и выровняйте его по центру.<br>Вставьте горизонтальную линию синего цвета толщиной 8 пикселей, выровняйте по левому краю по центру.<br><p>65<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide66" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/605321/slide-65.jpg" target="_blank" rel="noopener">Слайд 66</a><h3 class="slides-content text-center font-bold"><div><p>Задание 9 изменение размеров изображения<br><p>Создайте новую страницу в редакторе блокнот.<br>В элемент <title> укажите</div></h3></h3><!----><!----><div class="slides-content">«Практическая работа 9» и вашу фамилию.<br>В элементе <BODY> задайте атрибут, чтобы цвет фона страницы зеленым.<br>Вставьте изображение. Задайте его размеры 100x100 пикселей.<br>Отредактируйте картинку в графическом редакторе так, чтобы рисунок был на прозрачном фоне и добавьте это изображение на вашу страничку.<br><p>66<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide67" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/605321/slide-66.jpg" target="_blank" rel="noopener">Слайд 67</a><h3 class="slides-content text-center font-bold"><div><p>гиперссылки<br><p>67<br></div></h3></h3><!----><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide68" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/605321/slide-67.jpg" target="_blank" rel="noopener">Слайд 68</a><h3 class="slides-content text-center font-bold"><div><p>Гиперссылки<br><p>Гиперссылки условно можно разделить на следующие виды:<br> Внутренние –связывающие документы внутри одного и</div></h3></h3><!----><!----><div class="slides-content">того же узла;<br>Внешние – связывающие Web-страницу с документами, не принадлежащими данному узлу;<br>Гиперссылка на почтовый адрес;<br>Метки-якоря – позволяющие переходить посетителю на определенные разделы документа.<br><p>68<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide69" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/605321/slide-68.jpg" target="_blank" rel="noopener">Слайд 69</a><h3 class="slides-content text-center font-bold"><div><p>Гиперссылки<br><p><A href = “адрес ссылки”> текст для щелчка мыши </A><br><A href = “адрес</div></h3></h3><!----><!----><div class="slides-content">ссылки”> <IMG src=“ссылка на рисунок”> </A><br><p>Внутри тега <BODY> используется атрибут, задающий цвет гиперссылок<br>link – задает цвет исходных ссылок<br>vlink – задает цвет посещенных ссылок<br>alink – задает цвет активных ссылок (цвет при нажатии мыши)<br><p>Для указания электронной почты и запуска электронной программы используется ссылка:<br> <A href =“mailto:[e-mail]”> Иванов Иван</A><br><p>69<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide70" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/605321/slide-69.jpg" target="_blank" rel="noopener">Слайд 70</a><h3 class="slides-content text-center font-bold"><div><p>Примеры гиперссылок<br><p><A href=“#new” > Новые поступления</A> - переход к строке той же страницы,</div></h3></h3><!----><!----><div class="slides-content">помеченной тегом <br><A name=“new”><br><A href=“pag2.htm#new1” > примечания</A> - переход на страницу сайта pag2 к строке, помеченной тегом <br><A name=“new1”><br><p> подробности читайте<A href=“pag2.htm” > вторая страница </A></p> - ссылка на другую страницу того же сайта<br><p>70<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide71" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/605321/slide-70.jpg" target="_blank" rel="noopener">Слайд 71</a><h3 class="slides-content text-center font-bold"><div><p><p> <A href=“pag2.htm” > IMG src=log.gif alt=“о нашей фирме” </A></p> - ссылка на</div></h3></h3><!----><!----><div class="slides-content">другую страницу того же сайта, но ссылкой является рисунок<br><A href=“myfile.exe” title=” файл 10 мегабайт”> Скачать программу</A> -ссылка с подсказкой title<br><A ref=“http://home.ifmo.ru/index.html”>тест</A> - внешняя ссылка<br><p>Примеры гиперссылок<br><p>71<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide72" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/605321/slide-71.jpg" target="_blank" rel="noopener">Слайд 72</a><h3 class="slides-content text-center font-bold"><div><p>Примеры гиперссылок<br><p><a href=“proba.htm”>первая страница</a>
<br> <a href=“http://www.yandex.ru”> yandex</a><br><a href=“mailto:[e-mail]”> Почта </a><br><p>72<br></div></h3></h3><!----><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide73" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/605321/slide-72.jpg" target="_blank" rel="noopener">Слайд 73</a><h3 class="slides-content text-center font-bold"><div><p>Задание 10 Создание гиперссылок<br><p>1.Создайте две страницы с именами str1.htm str2.htm <br>2.В элемениеTITLTRE укажите</div></h3></h3><!----><!----><div class="slides-content">название странички<br>3. Задайте фон первой страницы зеленого цвета, а второй <br>Синего<br>4. На первой странице задайте ссылку на вторую страницу<br> <A href=“str2.htm”> На вторую страницу</a><br>5. На второй странице задайте ссылку на 1 страницу<br> <A href=“str2.htm”> На вторую страницу</a><br>6.Поместите на страницы две разные картинки и проверьте <br>работу гиперссылок<br><p>73<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"> Имя файла: Язык-HTML.-Начальные-сведения.pptx <br> Количество просмотров: 6 <br> Количество скачиваний: 0</div><button class="download-btn" type="submit">Скачать</button><!----></form><div class="navigation"><div class="navigation-item"><div>- Предыдущая</div><a href="/matematika/distsiplina-laag-lineynaya-algebra-i-analiticheskaya" class="navigation-link">Дисциплина ЛААГ (линейная алгебра и аналитическая геометрия)</a></div><div class="navigation-item"><div>Следующая -</div><a href="/uncategorized/obshchie-voprosy-mehanizatsii-i-avtomatizatsii-proizvodstvennyh" class="navigation-link">Общие вопросы механизации и автоматизации производственных процессов</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/kompyuternye-virusy-antivirusnye-programmy-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/239602/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/239602/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/239602/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/239602/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/239602/slide-0.jpg 1440w" class="slides-image related-itemImage"> Компьютерные вирусы. Антивирусные программы</a></div><div class="related-item"><a href="/informatika/tehnolog-shtuchnogo-ntelektu-v-gotelnorestorannih-kompleksah" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/577067/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/577067/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/577067/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/577067/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/577067/slide-0.jpg 1440w" class="slides-image related-itemImage"> Технології штучного інтелекту в готельноресторанних комплексах</a></div><div class="related-item"><a href="/informatika/interfeys-os-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/262378/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/262378/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/262378/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/262378/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/262378/slide-0.jpg 1440w" class="slides-image related-itemImage"> Интерфейс ОС (1)</a></div><div class="related-item"><a href="/informatika/organizatsiya-evm-i-vychislitelnyh-sistem-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/419046/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/419046/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/419046/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/419046/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/419046/slide-0.jpg 1440w" class="slides-image related-itemImage"> Организация ЭВМ и вычислительных систем</a></div><div class="related-item"><a href="/informatika/sozdanie-web-sayta-kommunikatsionnye-tehnologii-4" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/147521/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/147521/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/147521/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/147521/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/147521/slide-0.jpg 1440w" class="slides-image related-itemImage"> Создание web-сайта. Коммуникационные технологии</a></div><div class="related-item"><a href="/informatika/obshchie-svedeniya-o-yazyke-programmirovaniya-paskal-3" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/167930/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/167930/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/167930/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/167930/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/167930/slide-0.jpg 1440w" class="slides-image related-itemImage"> Общие сведения о языке программирования Паскаль</a></div><div class="related-item"><a href="/informatika/ustroystvo-kompyutera-35" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/339025/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/339025/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/339025/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/339025/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/339025/slide-0.jpg 1440w" class="slides-image related-itemImage"> Устройство компьютера</a></div><div class="related-item"><a href="/informatika/osnovy-tehnologii-cuda-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/298041/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/298041/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/298041/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/298041/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/298041/slide-0.jpg 1440w" class="slides-image related-itemImage"> Основы технологии CUDA</a></div><div class="related-item"><a href="/informatika/etika-v-internete-2" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/358799/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/358799/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/358799/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/358799/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/358799/slide-0.jpg 1440w" class="slides-image related-itemImage"> Этика в Интернете</a></div><div class="related-item"><a href="/informatika/rabota-s-odarennymi-detmi-v-oblasti" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/545468/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/545468/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/545468/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/545468/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/545468/slide-0.jpg 1440w" class="slides-image related-itemImage"> Работа с одаренными детьми в области информационных технологий</a></div><div class="related-item"><a href="/informatika/bw-the-game" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/436336/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/436336/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/436336/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/436336/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/436336/slide-0.jpg 1440w" class="slides-image related-itemImage"> BW the game</a></div><div class="related-item"><a href="/informatika/5-lyubimyh-metodicheskih-priemov-raboty-na" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/455303/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/455303/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/455303/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/455303/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/455303/slide-0.jpg 1440w" class="slides-image related-itemImage"> 5 любимых методических приемов работы на уроке</a></div><div class="related-item"><a href="/informatika/arhtektura-operatsynih-sistem" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/99329/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/99329/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/99329/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/99329/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/99329/slide-0.jpg 1440w" class="slides-image related-itemImage"> Архітектура операційних систем</a></div><div class="related-item"><a href="/informatika/operatsionnaya-sistema-91" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/251213/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/251213/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/251213/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/251213/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/251213/slide-0.jpg 1440w" class="slides-image related-itemImage"> Операционная система</a></div><div class="related-item"><a href="/informatika/kompyuternye-virusy-i-antivirusnye-programmy-21" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/366431/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/366431/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/366431/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/366431/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/366431/slide-0.jpg 1440w" class="slides-image related-itemImage"> Компьютерные вирусы и антивирусные программы</a></div><div class="related-item"><a href="/informatika/rostovskaya-liga-yunyh-zhurnalistov" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/152734/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/152734/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/152734/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/152734/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/152734/slide-0.jpg 1440w" class="slides-image related-itemImage"> Ростовская Лига юных журналистов</a></div><div class="related-item"><a href="/informatika/ispolzovanie-metoda-intervalov-pri-reshenii-logicheskih" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/243279/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/243279/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/243279/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/243279/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/243279/slide-0.jpg 1440w" class="slides-image related-itemImage"> Использование метода интервалов при решении логических выражений</a></div><div class="related-item"><a href="/informatika/design-considerations-for-plsql-code-lecture" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/12230/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/12230/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/12230/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/12230/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/12230/slide-0.jpg 1440w" class="slides-image related-itemImage"> Design Considerations for PL/SQL Code. (Lecture 3)</a></div><div class="related-item"><a href="/informatika/ispolzovanie-vozmozhnostey-programmy-microsoft-word" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/160071/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/160071/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/160071/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/160071/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/160071/slide-0.jpg 1440w" class="slides-image related-itemImage"> Использование возможностей программы Microsoft Word</a></div><div class="related-item"><a href="/informatika/modeli-sistem-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/108162/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/108162/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/108162/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/108162/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/108162/slide-0.jpg 1440w" class="slides-image related-itemImage"> Модели систем</a></div><div class="related-item"><a href="/informatika/o-sostoyanii-i-problemah-realizatsii-zadach" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/374394/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/374394/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/374394/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/374394/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/374394/slide-0.jpg 1440w" class="slides-image related-itemImage"> О состоянии и проблемах реализации задач электронного Правительства на региональном уровне</a></div><div class="related-item"><a href="/informatika/avtomatizirovannaya-kompyuternaya-sistema-umnyy-dom" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/281052/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/281052/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/281052/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/281052/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/281052/slide-0.jpg 1440w" class="slides-image related-itemImage"> Автоматизированная компьютерная система Умный дом</a></div><div class="related-item"><a href="/informatika/didakticheskiy-material-po-informatike" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/472644/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/472644/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/472644/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/472644/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/472644/slide-0.jpg 1440w" class="slides-image related-itemImage"> Дидактический материал по информатике</a></div><div class="related-item"><a href="/informatika/bezopasnyy-internet-11" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/116765/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/116765/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/116765/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/116765/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/116765/slide-0.jpg 1440w" class="slides-image related-itemImage"> Безопасный Интернет</a></div><div class="related-item"><a href="/informatika/skripty-perezvon-obzvon-po-baze" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/279294/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/279294/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/279294/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/279294/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/279294/slide-0.jpg 1440w" class="slides-image related-itemImage"> Скрипты Перезвон, Обзвон по базе</a></div><div class="related-item"><a href="/informatika/kak-ponyat-kogda-mozhno-brosat-rabotu" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/208781/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/208781/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/208781/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/208781/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/208781/slide-0.jpg 1440w" class="slides-image related-itemImage"> Как понять когда можно бросать работу и уходить в стартап</a></div><div class="related-item"><a href="/informatika/vidy-korpusov-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/485572/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/485572/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/485572/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/485572/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/485572/slide-0.jpg 1440w" class="slides-image related-itemImage"> Виды корпусов</a></div><div class="related-item"><a href="/informatika/oquvchilar-uchun-adobe-photoshop-dasturini-orgatuvchi" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/89243/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/89243/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/89243/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/89243/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/89243/slide-0.jpg 1440w" class="slides-image related-itemImage"> O‘quvchilar uchun adobe photoshop dasturini o‘rgatuvchi video darslar yaratish texnologiyasi (camtasia studio dasturi yordamida)</a></div><!--]--></div></div></div></div><!--]--><!--]--><!--]--></div></div></main><footer class="footer"><div class="layout"><!----><div class="footer-contacts"><svg class="footer-contactsIcon" viewBox="0 0 27 26" xmlns="http://www.w3.org/2000/svg"><use xlink:href="/images/icons.svg#contacts"></use></svg> Обратная связь</div><!----><div class="footer-contactsEmail"> Email: <span class="footer-contactsShow">Нажмите что бы посмотреть</span></div></div></footer></div><!--]--></div><script>window.__NUXT__=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R){return {data:{meta:{result:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:q,logo_image_height:r,logo_text:a,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:c,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:w,footer_before:a,footer:a,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:x,item_images:y,item_images_tag:z,item_words_h3:c,item_words_tag:A,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:j,header_bg:i,accent:i}},social:F}},item:{result:{id:605321,name:k,category:G,count:74,jpg:"jpg\u002F605321",hits:H,download:b,h1:"Язык HTML. Начальные сведения презентация",meta:{h1:k,title:k,description:"Язык HTML. Начальные сведения презентация на тему, доклад, Информатика",keywords:"Язык HTML. Начальные сведения, презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Информатика",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему Язык HTML. Начальные сведения из раздела Информатика. Презентация на заданную тему содержит 74 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",seo_text:a,file:"Язык-HTML.-Начальные-сведения.pptx",texts:["\u003Cp\u003EНачальные сведения\u003Cbr\u003E\u003Cp\u003EЯзык HTML \u003Cbr\u003E\u003Cp\u003E1\u003Cbr\u003E","\u003Cp\u003EЯзык HTML\u003Cbr\u003E\u003Cp\u003EHTML (Hyper Text Markup Language) – язык разметки гипертекста, включает в себя способы оформления гипертекстовых документов.\u003Cbr\u003ESGML (Standard Generalized Markup Language) - стандартный язык обобщенной разметки.\u003Cbr\u003EXML (Extended Markup Language) - расширяемый язык разметки.\u003Cbr\u003E\u003Cp\u003E2\u003Cbr\u003E","\u003Cp\u003EОсновные понятия\u003Cbr\u003E\u003Cp\u003EГипертекст – структура, позволяющая \u003Cbr\u003Eустанавливать смысловые связки между элементами текста и другими документами.\u003Cbr\u003E\u003Cp\u003EГиперссылка – фрагмент текста, который \u003Cbr\u003Eявляется указателем на другой файл или объект.\u003Cbr\u003E\u003Cp\u003EWeb-узел или Web-сайт – группа Web-страниц, принадлежащих одному автору или одному издателю, взаимосвязанных общими гиперссылками.\u003Cbr\u003E\u003Cp\u003E3\u003Cbr\u003E","\u003Cp\u003EФрейм (Frame)\u003Cbr\u003E\u003Cp\u003EЭтот термин имеет два значения:\u003Cbr\u003E Область документа со своими полосами прокрутки\u003Cbr\u003EОдиночное изображение в анимационном графическом файле (кадр)\u003Cbr\u003E\u003Cp\u003E4\u003Cbr\u003E","\u003Cp\u003EАпплет (Applet)\u003Cbr\u003E\u003Cp\u003EПрограмма, передаваемая на компьютер клиента в виде отдельного файла и запускаемая при просмотре Web-страницы\u003Cbr\u003E\u003Cp\u003EБраузер (Browser)\u003Cbr\u003E\u003Cp\u003EПрограмма для просмотра Web-страницы \u003Cbr\u003E\u003Cp\u003E5\u003Cbr\u003E","\u003Cp\u003EСкрипт или сценарий\u003Cbr\u003E (Script)\u003Cbr\u003E\u003Cp\u003EПрограмма, включенная в состав Web-страницы, для расширения ее возможностей\u003Cbr\u003E\u003Cp\u003ECGI (Common Gateway Interface) – общее название программ, которые работая на сервере, позволяют расширить возможности Web –страничек.\u003Cbr\u003E\u003Cp\u003E6\u003Cbr\u003E","\u003Cp\u003EЧто могут содержать Web-страницы:\u003Cbr\u003E\u003Cp\u003E1). Тексты;\u003Cbr\u003E \u003Cbr\u003E2). Таблицы;\u003Cbr\u003E \u003Cbr\u003E3). Логотипы;\u003Cbr\u003E \u003Cbr\u003E4). Эмблемы;\u003Cbr\u003E\u003Cp\u003E7\u003Cbr\u003E","\u003Cp\u003E5). Графику\u003Cbr\u003EГрафические файлы самые распространенные и выгодные в формате .jpg (jpig), менее распространенные gif , но могут содержать не более 256 цветов, редко .png, и .bmp т.к. они имеют большие размеры, а основное правило хорошо оформленной страницы, это быстрая загрузка!!! По этому правилу размер любого графического файла не должен превышать 70 Кбайт или 400-500 пикселей со средним качеством. \u003Cbr\u003E\u003Cp\u003EЧто могут содержать Web-страницы:\u003Cbr\u003E\u003Cp\u003E8\u003Cbr\u003E","\u003Cp\u003EГрафические форматы\u003Cbr\u003E\u003Cp\u003EGIF - Graphic Interchange Format. При сохранении изображения в этом формате количество используемых цветов не должно превышать 256. \u003Cbr\u003EJPEG (JPG) - Joint Photography Experts Group. \u003Cbr\u003E\tЭтот формат допускает сохранение изображений, содержащих миллионы цветов.\u003Cbr\u003E\u003Cp\u003E9\u003Cbr\u003E","\u003Cp\u003E6). Банеры – анимированные и не анимированные, выполняют чаще рекламную роль и роль переключателей на другие страницы. \u003Cbr\u003Eбольшие имеют размер 468 х 60 пикселей, \u003Cbr\u003Eсредние 120 х 60, \u003Cbr\u003Eмаленькие 88 х 31. \u003Cbr\u003EСобираются из файлов, созданных, например, в FotoShope. Это может быть текст, сменяющий другой или картинки.\u003Cbr\u003EМогут быть анимированные кнопки. Gif- анимация – это, например, при наведении на кнопку появляется надпись\u003Cbr\u003E\u003Cp\u003EЧто могут содержать Web-страницы:\u003Cbr\u003E\u003Cp\u003E10\u003Cbr\u003E","\u003Cp\u003E7). Мультимедиа –файлы (содержащие музыку (.mid), речь (.wav), видео (.avi).\u003Cbr\u003Eavi-фрагменты это очень большие файлы, поэтому на Web-страницах они не должны превышать 100 Кбайт\u003Cbr\u003Ewav- файлы лучше упаковывать, для чего есть специальные программы, которые сжимают в 10 раз (например, 10 секунд звучания это примерно 250 Кбайт можно упаковать до 25 Кбайт)\u003Cbr\u003Emid – файлы это в основном инструментальная музыка без голоса. Поддерживаются только браузером Internet Explorer.\u003Cbr\u003E.mp3 – файлы тоже можно использовать, но они очень большие(средний размер 5-7 Мбайт, 3 мин ≅ 3 Мбайта. \u003Cbr\u003EЭти файлы (avi, wav, mid, mp3) практически не сжимаются. Из 3 Мбайт получается приблизительно 2,8 Мбайт.\u003Cbr\u003EGif-файлы сжимаются на 20%.\u003Cbr\u003E\u003Cp\u003EЧто могут содержать Web-страницы:\u003Cbr\u003E\u003Cp\u003E11\u003Cbr\u003E","\u003Cp\u003E8) Скрипты – программы, которые расширяют возможности страниц, делают ее активной с обратной связью (формы, регистрационные листы, пишутся на языке Jawa и т.п.). Можно делать самим (бегущая строка, падающие буквы и т.п.), а можно брать готовые.\u003Cbr\u003E 9). Апплеты – программы, которые загружаются с сайта на компьютер клиента при открытии страницы, создают различные видеоэффекты (перелистывание страниц, вихревое движение, эффект пламени, деформации изображения, пишутся на языке Jawa с расширением .class).\u003Cbr\u003E \u003Cbr\u003E\u003Cp\u003EЧто могут содержать Web-страницы:\u003Cbr\u003E\u003Cp\u003E12\u003Cbr\u003E","\u003Cp\u003E10). Флэш-анимации – файлы сделанные по технологии макромедиа с расширением .swf. В этих файлах происходит действие, рекламные ролики. (Они быстро открываются, но для их открытия дополнительно к браузеру должна быть установлена специальная программа, позволяющая просматривать эти файлы, если программа не установлена, то как правило выдается запрос на ее загрузку из интернет).\u003Cbr\u003E11). Гиперссылки – ссылки на другие станицы.\u003Cbr\u003E12). Таблицы стилей –то файлы с расширением .css, в которых прописаны все изменения. Такое оформление придают страницам современный, эстетический стиль.\u003Cbr\u003E\u003Cp\u003EЧто могут содержать Web-страницы:\u003Cbr\u003E\u003Cp\u003E13\u003Cbr\u003E","\u003Cp\u003Eтеги HTML\u003Cbr\u003E\u003Cp\u003E14\u003Cbr\u003E","\u003Cp\u003EHTML - теги\u003Cbr\u003E\u003Cp\u003EЯзык разметки гипертекстовых документов HTML представляет собой совокупность команд, называемых тегами \u003Cbr\u003E(от английского tag).\u003Cbr\u003EТег – начальный или конечный маркер элемента записывается в угловых скобках и состоит из имени, за которым может \u003Cbr\u003Eследовать список атрибутов (все атрибуты располагаются в начальном теге). \u003Cbr\u003E\u003Cp\u003EБольшинство тегов имеют два компонента: открывающий и закрывающий. Закрывающий компонент имеет то же название, но при записи перед названием ставится символ \t\t\t« \u002F ». \u003Cbr\u003E\u003Cp\u003E15\u003Cbr\u003E","\u003Cp\u003EНазначение HTML-тегов\u003Cbr\u003E\u003Cp\u003EФорматирования текста;\u003Cbr\u003EОписания кадров и форм; \u003Cbr\u003EФорматирования таблиц и списков;\u003Cbr\u003EОрганизации ссылок на другие ресурсы; \u003Cbr\u003EВставки изображений и расширений HTML.\u003Cbr\u003E\u003Cp\u003E16\u003Cbr\u003E","\u003Cp\u003E\u003CHTML\u003E\u003Cbr\u003E\u003Cp\u003E\u003C\u002FHTML\u003E\u003Cbr\u003E\u003Cp\u003E\u003CHEAD\u003E\u003Cbr\u003E\u003Cp\u003E\u003C\u002FHEAD\u003E\u003Cbr\u003E\u003Cp\u003E\u003CBODY\u003E\u003Cbr\u003E\u003Cp\u003E\u003C\u002FBODY\u003E\u003Cbr\u003E\u003Cp\u003EСтруктура HTML-документа\u003Cbr\u003E\u003Cp\u003E….\u003Cbr\u003E\u003Cp\u003E….\u003Cbr\u003E\u003Cp\u003EНачало разметки документа\u003Cbr\u003E\u003Cp\u003Eсодержание страницы\u003Cbr\u003E\u003Cp\u003EКонец разметки документа\u003Cbr\u003E\u003Cp\u003E17\u003Cbr\u003E","\u003Cp\u003E Между тегами \u003CTitle\u003E и \u003C\u002FTitle\u003E пишется название сайта\u003Cbr\u003E\u003Cp\u003EТег \u003Cmeta\u003E несет служебную информацию о сайте\u003Cbr\u003Eи не отображается на экране браузера:\u003Cbr\u003EИмя автора страницы;\u003Cbr\u003EИнформация о кодировке;\u003Cbr\u003EНабор ключевых слов для поиска, отображающих содержание сайта.\u003Cbr\u003E\u003Cp\u003E18\u003Cbr\u003E","\u003Cp\u003EПример Web -страницы\u003Cbr\u003E\u003Cp\u003E\u003CHTML\u003E\u003Cbr\u003E\t\u003CHEAD\u003E\u003Cbr\u003E \t\t\u003CTITLE\u003E О братьях наших меньших \u003C\u002FTITLE\u003E\u003Cbr\u003E\t\t\u003CMETA http-equiv=“Content-Type” content=“text\u002Fhtml; \t\tcharset=windows-1251”\u003E\u003Cbr\u003E\t\t\u003CMETA name=“Author” content=“Ivanov Ivan”\u003E\u003Cbr\u003E\t\t\u003CMETA name = “Keywords” content=“Животные, \t\tприрода, зоопарк, фауна”\u003E\u003Cbr\u003E\t\u003C\u002FHEAD\u003E\u003Cbr\u003E\t\t\u003CBODY\u003E\u003Cbr\u003E\t\tЗдесь размещается содержимое страницы\u003Cbr\u003E\t\t\u003C\u002FBODY\u003E\u003Cbr\u003E\u003C\u002FHTML\u003E\u003Cbr\u003E\u003Cp\u003E19\u003Cbr\u003E","\u003Cp\u003E\u003CHTML\u003E\u003Cbr\u003E\u003Cp\u003E\u003CTITLE\u003E школа\u003C\u002FTITLE\u003E\u003Cbr\u003E\u003Cp\u003E\u003C\u002FHTML\u003E\u003Cbr\u003E\u003Cp\u003E\u003CHEAD\u003E\u003Cbr\u003E\u003Cp\u003E\u003C\u002FHEAD\u003E\u003Cbr\u003E\u003Cp\u003E\u003CBODY\u003E\u003Cbr\u003E\u003Cp\u003E\u003C\u002FBODY\u003E\u003Cbr\u003E\u003Cp\u003EСайт, посвященный школе\u003Cbr\u003E\u003Cp\u003E\u003C META NAME=“keywords” CONTENT =“школа, класс, урок, обучение, образование, знание”\u003E \u003Cbr\u003E\u003Cp\u003EПример Web –страницы с метатегами\u003Cbr\u003E\u003Cp\u003E20\u003Cbr\u003E","\u003Cp\u003EЗадание 1 Создание структуры страницы\u003Cbr\u003E\u003Cp\u003EОткройте текстовый редактор блокнот.\u003Cbr\u003EНаберите структуру приведенной ранее страницы\u003Cbr\u003EМежду элементами \u003CBODY\u003E\t\u003C\u002FBODY\u003E наберите\u003Cbr\u003E\t\u003CP\u003E Моя первая страница\u003C\u002FP\u003E\u003Cbr\u003E4. Сохраните файл с именем index.htm в папке STRANICA\u003Cbr\u003E5. Просмотрите страницу в браузере.\u003Cbr\u003E\u003Cp\u003E21\u003Cbr\u003E","\u003Cp\u003EФорматирование текста\u003Cbr\u003E\u003Cp\u003E22\u003Cbr\u003E","\u003Cp\u003EФорматирования текста\u003Cbr\u003E\u003Cp\u003EФорматировать текст можно традиционными способами: выделять курсивом, полужирным, выбирать шрифт, размер, цвет, выравнивать текстовые фрагменты. Все эти характеристики задаются при помощи соответствующих атрибутов в теге управления шрифтом \u003Cbr\u003E\t\u003CFONT\u003E текст \u003C\u002FFONT\u003E\u003Cbr\u003E\u003Cp\u003EРазмер задается атрибутом SIZE, который может принимать значения от 1 до 7.\u003Cbr\u003E\u003Cp\u003EПример.\u003Cbr\u003E\u003CFONT SIZE=3\u003E тексту задан размер 3 \u003C\u002FFONT\u003E\u003Cbr\u003E\u003Cp\u003E23\u003Cbr\u003E","\u003Cp\u003ECOLOR – атрибут для определения цвета, название которого задается числом в шестнадцатеричной системе счисления или название на английском языке\u003Cbr\u003E color=“#FF0000” \t\tcolor=”red”\u003Cbr\u003E\u003Cp\u003EПример.\u003Cbr\u003E\u003CFONT color=“blue”\u003E это шрифт синего цвета\u003C\u002FFONT\u003E\u003Cbr\u003E\u003Cp\u003ER-red 00-FF 0-255\u003Cbr\u003E\u003Cp\u003EG-green 00-FF 0-255 \u003Cbr\u003E\u003Cp\u003EB - blue 00-FF 0-255\u003Cbr\u003E\u003Cp\u003ERGB\u003Cbr\u003E\u003Cp\u003E24\u003Cbr\u003E","\u003Cp\u003EНазвания цветов и значения RGB\u003Cbr\u003E\u003Cp\u003E25\u003Cbr\u003E","\u003Cp\u003Eформатирование шрифтов\u003Cbr\u003E\u003Cp\u003E26\u003Cbr\u003E","\u003Cp\u003EFACE – позволяет задавать тип шрифта или несколько шрифтов (через точку с запятой)\u003Cbr\u003E\u003Cp\u003EПример.\u003Cbr\u003E\u003CFONT FACE=“arial”\u003E \u003C\u002F FONT\u003E\u003Cbr\u003E\u003Cp\u003EВсе атрибуты могут быть использованы совместно внутри тега \u003C FONT\u003E\u003Cbr\u003EПример.\u003Cbr\u003E\u003Cp\u003E\u003CFONT FACE=“arial” size=3 color=“blue”\u003E Это шрифт arial размером 3 синего цвета\u003C\u002F FONT\u003E\u003Cbr\u003E\u003Cp\u003E27\u003Cbr\u003E","\u003Cp\u003E\u003CB\u003Eтест\u003C\u002FB\u003E выделение шрифта полужирным шрифтом\u003Cbr\u003E\u003CI\u003Eтест\u003C\u002FI\u003E выделение шрифта курсивом\u003Cbr\u003E\u003CU\u003Eтест\u003C\u002FU\u003E подчеркнутый шрифт\u003Cbr\u003Ex\u003Csup\u003E2\u003C\u002Fsup\u003E верхний индекс (х2) \u003Cbr\u003Ex\u003Csub\u003E2\u003C\u002Fsub\u003E нижний индекс (х2) \u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003EФорматирование шрифтов\u003Cbr\u003E\u003Cp\u003E28\u003Cbr\u003E","\u003Cp\u003EПримеры со шрифтами\u003Cbr\u003E\u003Cbr\u003EПример действия параметра FASE\u003Cbr\u003E\u003Cbr\u003E\u003CP ALIGN =CENTER\u003E\u003Cbr\u003E\u003CFONT SIZE=5 FACE=″Arial Cyr″\u003EШРИФТ\u003C\u002FFONT\u003E\u003Cbr\u003E\u003CFONT SIZE=5 FACE=″Times New Romans Cyr″\u003EРАЗНОГО\u003C\u002FFONT\u003E\u003Cbr\u003E\u003Cbr\u003E\u003C FONT SIZE=5 FACE=″Courier New Cyr″\u003EНАЧЕРТАНИЯ\u003C\u002FFONT\u003E\u003Cbr\u003E\u003C\u002FP\u003E\u003Cbr\u003E\u003Cp\u003E29\u003Cbr\u003E","\u003Cp\u003EПримеры со шрифтами\u003Cbr\u003EПример действия параметра SIZE\u003Cbr\u003E \u003Cbr\u003E\u003CP ALIGN =CENTER\u003E\u003Cbr\u003E\u003CFONT SIZE=1 \u003EШ\u003C\u002FFONT\u003E\u003CFONT SIZE=+1 \u003EР\u003C\u002FFONT\u003E\u003Cbr\u003E\u003CFONT SIZE=+2 \u003EИ\u003C\u002FFONT\u003E\u003CFONT SIZE=+1 \u003EФ\u003C\u002FFONT\u003E\u003Cbr\u003E\u003CFONT SIZE=1 \u003EТ\u003C\u002FFONT\u003E\u003Cbr\u003E\u003CFONT SIZE=2 \u003EР\u003C\u002FFONT\u003E\u003CFONT SIZE=+1 \u003EА\u003C\u002FFONT\u003E\u003Cbr\u003E\u003CFONT SIZE=+2 \u003EЗ\u003C\u002FFONT\u003E\u003CFONT SIZE=+3 \u003EН\u003C\u002FFONT\u003E\u003Cbr\u003E\u003CFONT SIZE=+2 \u003EО\u003C\u002FFONT\u003E\u003CFONT SIZE=+1 \u003EГ\u003C\u002FFONT\u003E\u003Cbr\u003E\u003CFONT SIZE=2 \u003EО\u003C\u002FFONT\u003E\u003Cbr\u003E\u003CFONT SIZE=3 \u003EР\u003C\u002FFONT\u003E\u003CFONT SIZE=+1 \u003EА\u003C\u002FFONT\u003E\u003Cbr\u003E\u003CFONT SIZE=+2 \u003EЗ\u003C\u002FFONT\u003E\u003CFONT SIZE=+3 \u003EМ\u003C\u002FFONT\u003E\u003Cbr\u003E\u003CFONT SIZE=+2 \u003EЕ\u003C\u002FFONT\u003E\u003CFONT SIZE=+1 \u003EР\u003E\u002FFONT\u003E\u003Cbr\u003E\u003CFONT SIZE=3 \u003EА\u003C\u002FFONT\u003E\u003Cbr\u003E\u003C\u002FP\u003E\u003Cbr\u003E\u003Cp\u003E30\u003Cbr\u003E","\u003Cp\u003EПримеры со шрифтами\u003Cbr\u003EПример действия параметра COLOR\u003Cbr\u003E\u003CP ALIGN =CENTER\u003E\u003Cbr\u003E\u003CFONT SIZE=5 COLOR=RED\u003EШРИФТ\u003C\u002FFONT\u003E\u003Cbr\u003E\u003CFONT SIZE=5 COLOR=GREEN\u003EРАЗНОГО \u003C\u002FFONT\u003E\u003Cbr\u003E\u003C FONT SIZE=5 COLOR=BLUE\u003EЦВЕТА \u003C\u002FFONT\u003E\u003Cbr\u003E\u003Cbr\u003E\u003C\u002FP\u003E\u003Cbr\u003EЗАДАНИЕ \u003Cbr\u003EНаписать разными по цвету буквами:\u003Cbr\u003E\tКАЖДЫЙ ОХОТНИК ЖЕЛАЕТ ЗНАТЬ ГДЕ СИДИТ ФАЗАН\u003Cbr\u003E\u003Cp\u003E31\u003Cbr\u003E","\u003Cp\u003E\u003Cpre\u003Eт е с т \u003C\u002Fpre\u003E -сохраняет исходный вид отформатированного текста с пробелами, разбивками на строки и т.п. (т е с т ) \u003Cbr\u003E\u003Cp\u003EПример\u003Cbr\u003E\u003CH3 ALIGN=CENTER\u003E ПУТЬ К МУДРОСТИ \u003C\u002FH3\u003E\u003Cbr\u003E\u003CPRE\u003E\u003CFONT SIZE=3\u003E\u003Cbr\u003E\t\tК мудрости путь – по ухабам ошибок;\u003Cbr\u003E\t\t\tИди же и носа не вешай:\u003Cbr\u003E\t\t\t\tУшибы,\u003Cbr\u003E\t\t\t\t\tушибы,\u003Cbr\u003E\t\t\t\t\tи снова ушибы\u003Cbr\u003E\t\tНо реже\u003Cbr\u003E\t\t\t\tи реже,\u003Cbr\u003E\t\t\t\t\tи реже… \u003Cbr\u003E\u003C\u002FPRE\u003E\u003Cbr\u003E\u003Cp\u003EФорматирование шрифтов\u003Cbr\u003E\u003Cp\u003E32\u003Cbr\u003E","\u003Cp\u003Eфоматирование заголовков\u003Cbr\u003E\u003Cp\u003E33\u003Cbr\u003E","\u003Cp\u003EФорматирования заголовков\u003Cbr\u003E\u003Cp\u003E\u003Ch1\u003Eтест\u003C\u002Fh1\u003E ⇔ тест\u003Cbr\u003E\u003Ch2\u003Eтест\u003C\u002Fh2\u003E ⇔ тест\u003Cbr\u003E\u003Ch3\u003Eтест\u003C\u002Fh3\u003E ⇔ тест\u003Cbr\u003E\u003Ch4\u003Eтест\u003C\u002Fh4\u003E ⇔ тест\u003Cbr\u003E\u003Ch5\u003Eтест\u003C\u002Fh5\u003E ⇔ тест\u003Cbr\u003E\u003Ch6\u003Eтест\u003C\u002Fh6\u003E ⇔ тест\u003Cbr\u003E\u003Cp\u003EСуществует шесть уровней заголовков\u003Cbr\u003E\u003Cp\u003E34\u003Cbr\u003E","\u003Cp\u003EПример\t\u003Cbr\u003E\u003Cbr\u003E\u003CH1 ALIGN=CENTER\u003E ОСНОВНОЙ ЗАГОЛОВОК (H1) ПО ЦЕНТРУ\u003C\u002FH1\u003E\u003Cbr\u003E\u003CH2 ALIGN=RIGHT\u003E ПОДЗАГОЛОВОК (Н2) ПО ПРАВОМУ КРАЮ \u003C\u002FH2\u003E\u003Cbr\u003E\u003CH3 ALIGN=CENTER\u003E ПОДЗАГОЛОВОК (Н3), ВЫРАВНИВАНИЕИ ПО УМОЛЧАНИЮ \u003C\u002FH3\u003E\u003Cbr\u003E\u003CH4 ALIGN=CENTER\u003E ПОДЗАГОЛОВОК (Н4) ПО ЦЕНТРУ\u003C\u002FH4\u003E\u003Cbr\u003E\u003CH5 ALIGN=LEFT\u003E ПОДЗАГОЛОВОК (Н5) ПО ПРАВОМУ КРАЮ\u003C\u002FH5\u003E\u003Cbr\u003E\u003CH6 ALIGN=RIGHT\u003E ПОДЗАГОЛОВОК (Н6) ПО ПРАВОМУ КРАЮ\u003C\u002FH6\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003E35\u003Cbr\u003E","\u003Cp\u003Eформатирование абзацев\u003Cbr\u003E\u003Cp\u003E36\u003Cbr\u003E","\u003Cp\u003EРазбивка на абзацы\u003Cbr\u003E\u003Cp\u003E\u003CP\u003Eтекст \u003C\u002FP\u003E - новый абзац, можно использовать только начальный тег, т.к. следующий элемент \u003Cp\u003E обозначает не только начало следующего абзаца, но и конец предыдущего\u003Cbr\u003Eтест\u003CBR\u003Eтест -\tперенос текста на новую строку без абзацного отступа\t\t\t\u003Cbr\u003Eтест\t\t\t\t\u003Cbr\u003Eтест\u003Cbr\u003Eтест\u003CHR\u003Eтест \tразделительная линия\u003Cbr\u003E\t\t\t\t\u003Cbr\u003E\t\t\t\tтест\t\t\t\t\t\t\t\t\t \t\t\t\t\t\t\t\t\t\u003Cbr\u003E\t\t\t\tтест\u003Cbr\u003E\u003Cp\u003E37\u003Cbr\u003E","\u003Cp\u003EПараметры тега HR\u003Cbr\u003E\u003Cp\u003E38\u003Cbr\u003E","\u003Cp\u003ENOSHADE запрет выпуклости\u003Cbr\u003E\u003CH2 ALIGN=CENTER\u003E ПРИМЕРЫ ОТЛИНОВОК\u003C\u002FH2\u003E\u003Cbr\u003E\u003CHR SIZE=2 WIDTH=80% ALIGN=CENTER\u003E\u003Cbr\u003E\u003CP ALIGN=CЕNTER\u003Eпростая отлиновка толщиной 2 пикселя \u003C\u002FP\u003E\u003Cbr\u003E\u003CHR SIZE=20 WIDTH=20% ALIGN=CENTER\u003E\u003Cbr\u003E\u003CP ALIGN=CЕNTER\u003Eтолстая и короткая линия \u003C\u002FP\u003E\u003Cbr\u003E\u003CHR SIZE=20 WIDTH=20% COLOR=RED NOSHADE \u003Cbr\u003EALIGN=CENTER\u003E\u003Cbr\u003E\u003CP ALIGN=CЕNTER\u003Eтакая же линия красного цвета \u003C\u002FP\u003E\u003Cbr\u003E \u003CP\u003E\u003Cbr\u003E\u003CHR SIZE=30 WIDTH=30 COLOR=BLACK NOSHADE \u003Cbr\u003EALIGN=CENTER\u003E\u003Cbr\u003EALIGN=CENTER\u003Eчерный квадрат 30х30 пикселей \u003C\u002FP\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003EПримеры отлиновок\u003Cbr\u003E\u003Cp\u003E39\u003Cbr\u003E","\u003Cp\u003EПример.\u003Cbr\u003EУронили мишку на пол, \u003CBR\u003E Оторвали мишке лапу, \u003CBR\u003E Все равно его не брошу, \u003CBR\u003E Потому, что он хороший\u003Cbr\u003E\u003Cp\u003EНа экране браузера увидим разбиение текста на четверостишие\u003Cbr\u003E\u003Cp\u003E40\u003Cbr\u003E","\u003Cp\u003EВыравнивание абзацев\u003Cbr\u003E\u003Cp\u003EВместе с элементом абзац \u003Cp\u003E можно использовать атрибут выравнивания align\u003Cbr\u003E\u003Cp\u003E41\u003Cbr\u003E","\u003Cp\u003E\u003CP\u003E По умолчанию выравнивание по левому краю\u003C\u002FP\u003E\u003Cbr\u003E\u003Cp ALIGN =center\u003EЦентрирование \u003CBR\u003Eвсех строк абзаца, \u003CBR\u003E в том числе включая принудительные разрывы\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp ALIGN =RIGHT\u003E Этот абзац выровнен по правому краю\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp ALIGN =LEFT\u003E Этот абзац выровнен по левому краю, также, как и по умолчанию\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp ALIGN =JUSTIFY\u003E Этот абзац выровнен одновременно по левому и правому краям, но в старых версиях браузеров воспринимается как выравнивание по левому краю\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003EПример\u003Cbr\u003E\u003Cp\u003E42\u003Cbr\u003E","\u003Cp\u003EЗадание 2 Форматирование текста на странице\u003Cbr\u003E\u003Cp\u003EСоздайте новую страницу в редакторе блокнот.\u003Cbr\u003EВ элемент \u003Ctitle\u003E укажите «Практическая работа 2» и вашу фамилию.\u003Cbr\u003EОтформатируйте текст по заданию:\u003Cbr\u003EДомашние животные (заголовок H1)\u003Cbr\u003EСобаки (заголовок H2, центральное выравнивание}\u003Cbr\u003EСторожевые (выравнивание слева, полужирный шрифт)\u003Cbr\u003EОхотничьи (выравнивание справа, полужирный шрифт)\u003Cbr\u003EДрессировка (выравнивание по центру, полужирный курсивный шрифт)\u003Cbr\u003EКлубы\t\tВыставки\t\tПлощадки \u003Cbr\u003E(выравнивание по центру, размер шрифта14, цвет красный)\u003Cbr\u003EСтихотворение (выравнивание по центру, синий шрифт)\u003Cbr\u003EПо жизни я скромен\u003Cbr\u003EОваций не надо!\u003Cbr\u003EНо как же я классно\t(Выравнивание по левому краю, размер шрифта 10)\u003Cbr\u003EСмотрюсь у снаряда!\u003Cbr\u003E\u003Cp\u003E43\u003Cbr\u003E","\u003Cp\u003E\t1. Создайте новую страницу в редакторе блокнот.\r\n2. В элемент \u003Ctitle\u003E укажите «Практическая работа 3» и вашу фамилию.\r\n3. Отформатируйте текст по заданию:\r\n\u003Chtml\u003E\r\n \u003Chead\u003E\r\n \u003Ctitle\u003EПрактическая работа3 Фамилия \u003C\u002Ftitle\u003E\r\n \u003C\u002Fhead\u003E\r\n \u003Cbody\u003E\r\n\u003Cfont size=1 color=#ff0000 \u003E Каждый \u003C\u002Ffont\u003E \r\n\u003Cfont size=2 color=#ff9900 \u003E охотник \u003C\u002Ffont\u003E \u003Cfont size=3 color=#ffff00 \u003E желает \u003C\u002Ffont\u003E \r\n\u003Cfont size=4 color=#00ff00 \u003E знать, \u003C\u002Ffont\u003E \r\n\u003Cfont size=5 color=#00ccff \u003E где \u003C\u002Ffont\u003E \r\n\u003Cfont size=6 color=#0000ff \u003E сидит \u003C\u002Ffont\u003E \r\n\u003Cfont size=7 color=#ff00ff \u003E фазан \u003C\u002Ffont\u003E \r\n \u003C\u002Fbody\u003E\r\n\u003C\u002Fhtml\u003E\u003Cbr\u003E\u003Cp\u003EЗадание 3 Форматирование текста на странице\u003Cbr\u003E\u003Cp\u003E44\u003Cbr\u003E","\u003Cp\u003E\u003Chtml\u003E\r\n \u003Chead\u003E\r\n \u003Ctitle\u003EПрактическая работа 4 Фамилия \r\n \u003C\u002Ftitle\u003E\r\n \u003C\u002Fhead\u003E\r\n \u003Cbody\u003E\r\n\u003Ch1\u003E Роман\u003C\u002Fh1\u003E\r\n\u003Ch2\u003E Книга\u003C\u002Fh2\u003E\r\n\u003Ch3\u003E Том\u003C\u002Fh3\u003E\r\n\u003Ch4\u003E Часть\u003C\u002Fh4\u003E\r\n\u003Ch5\u003E Глава\u003C\u002Fh5\u003E\r\n\u003Ch6\u003E Параграф\u003C\u002Fh6\u003E\r\n \u003C\u002Fbody\u003E\r\n\u003C\u002Fhtml\u003E\u003Cbr\u003E\u003Cp\u003EЗадание 4 Форматирование заголовков\u003Cbr\u003E\u003Cp\u003E1. Создайте новую страницу в редакторе блокнот.\r\n2. В элемент \u003Ctitle\u003E укажите «Практическая работа 4» и вашу фамилию.\r\n3. Отформатируйте текст по заданию:\r\n\u003Cbr\u003E\u003Cp\u003E45\u003Cbr\u003E","\u003Cp\u003EЗадание 5 Форматирование абзацев\u003Cbr\u003E\u003Cp\u003EСоздайте новую страницу в редакторе блокнот.\r\n2. В элемент \u003Ctitle\u003E укажите «Практическая работа 5» и вашу фамилию.\r\n3. Отформатируйте текст стихотворения тремя разными способами оформления:\r\n Уж небо осенью дышало. \r\n Все реже солнышко блистало. \r\n Короче становился день. \u003Cbr\u003EТекст шрифта красный, размером 4, курсив\u003Cbr\u003E\u003Cp\u003E46\u003Cbr\u003E","\u003Cp\u003Ehtml\u003E\r\n \u003Chead\u003E\r\n \u003Ctitle\u003E 1 способ форматирования \u003C\u002Ftitle\u003E\r\n \u003C\u002Fhead\u003E\r\n \u003Cbody\u003E\r\n\u003Cfont size=4 color=#ff0000 \u003E\r\n\u003Cb\u003E\u003CI\u003E \u003Cp\u003EУж небо осенью дышало. \u003C\u002Fp\u003E \r\n \u003Cp\u003E Все реже солнышко блистало. \u003C\u002Fp\u003E \r\n \u003Cp\u003E Короче становился день. \u003C\u002Fp\u003E \r\n \u003C\u002FI\u003E\u003C\u002Fb\u003E\u003C\u002Ffont\u003E \r\n \u003C\u002Fbody\u003E\r\n\u003C\u002Fhtml\u003E\u003Cbr\u003E\u003Cp\u003EПример 1 ответ к заданию 5\u003Cbr\u003E\u003Cp\u003E47\u003Cbr\u003E","\u003Cp\u003Ehtml\u003E\r\n \u003Chead\u003E\r\n \u003Ctitle\u003E2 способ форматирования \u003C\u002Ftitle\u003E\r\n \u003C\u002Fhead\u003E\r\n \u003Cbody\u003E\r\n\u003Cfont size=4 color=#ff0000 \u003E\r\n\u003Cp align=center\u003E\u003Cb\u003E\u003CI\u003E\r\nУж небо осенью дышало. \u003Cbr\u003E \r\n Все реже солнышко блистало. \u003Cbr\u003E \r\n Короче становился день. \u003Cbr\u003E \r\n \u003C\u002FI\u003E\u003C\u002Fb\u003C\u002Fp\u003E\r\n \u003E\u003C\u002Ffont\u003E \u003C\u002Fbody\u003E\r\n\u003C\u002Fhtml\u003E\u003Cbr\u003E\u003Cp\u003EПример 2 ответа к заданию 5\u003Cbr\u003E\u003Cp\u003E48\u003Cbr\u003E","\u003Cp\u003Ehtml\u003E\r\n \u003Chead\u003E\r\n \u003Ctitle\u003E3 способ форматирования \u003C\u002Ftitle\u003E\r\n \u003C\u002Fhead\u003E\r\n \u003Cbody\u003E\r\n \u003Cpre\u003E\u003C \u003Cfont size=4\u003E\r\nУж небо осенью дышало. \r\nВсе реже солнышко блистало. \r\n Короче становился день. \r\n \u003E\u003C\u002Ffont\u003E \u003C\u002Fpre\u003E\r\n\u003C\u002Fbody\u003E\r\n\u003C\u002Fhtml\u003E\u003Cbr\u003E\u003Cp\u003EПример 3 ответа к заданию 5\u003Cbr\u003E\u003Cp\u003E49\u003Cbr\u003E","\u003Cp\u003EБегущая строка\r\n\u003CMARQUEE\u003E…\u003C\u002FMARQUEE\u003E\u003Cbr\u003E\u003Cp\u003EПараметры:\u003Cbr\u003EBGCOLOR- фоновый цвет плашки\u003Cbr\u003EWIDTH HEIGHT -ширина и высота плашки\u003Cbr\u003ELOOP -количество повтороений (INFINITE - непрерывно)\u003Cbr\u003ESCROOLLAMOUNT-скорость прокручивания, на котором строка смещается при каждом шаге прокрутки в пикселях\u003Cbr\u003ESCROOLLDELAY- задает задержку в миллисекундах между шагами прокрутки\u003Cbr\u003EDIRECTION-указывает напрвление прокрутки\u003Cbr\u003EBEHAVIOR=SCROOLL -напрвление слева направо\u003Cbr\u003EBEHAVIOR=SLIDE - напрвление справа налево\u003Cbr\u003E\u003Cp\u003E50\u003Cbr\u003E","\u003Cp\u003EПример бегущей строки\u003Cbr\u003E\u003Cp\u003E\u003CMARQUEE BEHAVIOR=ALTERNATE DIRECTION=RIGHT LOOP=5 SCROOLLAMOUNT=3 SCROOLLDELAY=100 WIDTH=50% HEIGHT=150 BGCOLOR=“#F0F000” HSPACE=10 VSPACE=10\u003E\u003Cbr\u003E\u003CBR\u003E\u003Cbr\u003E\u003CTABLE WIDTH=300 BORDER=1 BGCOLOR=“FFF0DE”\u003E\u003Cbr\u003E\u003CTR\u003E\u003Cbr\u003E\u003CTD ALIGN=CENTER VALIGN=MIDDLE WIDTH=100\u003E\u003Cbr\u003E\u003C\u002FTD\u003E\u003Cbr\u003E\u003CTD ALIGN=CENTER VALIGN=MIDDLE\u003E\u003Cbr\u003E\u003CFONT COLOR=“RED”\u003E НАЗВАНИЕ ФИРМЫ\u003CBR\u003E ПРИХОДИТЕ ПОЖАЛУЙСТА!\u003C\u002FB\u003E\u003C\u002FFONT\u003E\u003Cbr\u003E\u003C\u002FTD\u003E\u003Cbr\u003E\u003C\u002FTR\u003E\u003Cbr\u003E\u003C\u002FTABLE\u003E\u003Cbr\u003E\u003C\u002FMARQUEE\u003E\u003Cbr\u003EСтрока пять разпроплывает вправо-влево, затем останавливается возле правого края желтой плашки \u003Cbr\u003E\u003Cp\u003E51\u003Cbr\u003E","\u003Cp\u003Eформатирование списков\u003Cbr\u003E\u003Cp\u003E52\u003Cbr\u003E","\u003Cp\u003EМаркированные списки\u003Cbr\u003E\u003Cp\u003E\u003Cul\u003E\u003Cbr\u003E\t\u003Cli\u003Eпервый элемент\u003C\u002Fli\u003E\u003Cbr\u003E\t\u003Cli\u003Eвторой элемент\u003C\u002Fli\u003E\u003Cbr\u003E\u003C\u002Ful\u003E\u003Cbr\u003EРезультат:\u003Cbr\u003Eпервый элемент \u003Cbr\u003Eвторой элемент\u003Cbr\u003E\u003Cp\u003E53\u003Cbr\u003E","\u003Cp\u003EНумерованные списки\u003Cbr\u003E\u003Cp\u003E\u003Col\u003E\u003Cbr\u003E\t\u003Cli\u003Eпервый элемент\u003C\u002Fli\u003E\u003Cbr\u003E\t\u003Cli\u003Eвторой элемент\u003C\u002Fli\u003E\u003Cbr\u003E\u003C\u002Fol\u003E\u003Cbr\u003E\t1. первый элемент \u003Cbr\u003E2. второй элемент\u003Cbr\u003E\u003Cp\u003E54\u003Cbr\u003E","\u003Cp\u003EСпособы нумерации списков\u003Cbr\u003E\u003Cp\u003EСпособ нумерации задается за счет атрибута type\u003Cbr\u003E\u003Cp\u003EАтрибут\t\tВид нумерации\u003Cbr\u003Etype=“1”\t\t1, 2, 3, 4…\u003Cbr\u003Etype=“i”\t\ti, ii, iii, iv…\u003Cbr\u003EType=“I”\t\tI, II, III, IV…\u003Cbr\u003Etype=“a”\t\ta, b, c, d…\u003Cbr\u003Etype=“A”\t\tA, B, C, D…\u003Cbr\u003E\u003Cp\u003E55\u003Cbr\u003E","\u003Cp\u003EСписки определений\u003Cbr\u003E\u003Cp\u003E\u003Cdl\u003E\u003Cbr\u003E\t\u003Cdt\u003EТермин\u003C\u002Fdt\u003E\u003Cbr\u003E\t\u003Cdd\u003EОпределение\u003C\u002Fdd\u003E\u003Cbr\u003E\u003C\u002Fdl\u003E\u003Cbr\u003EРезультат:\u003Cbr\u003EТермин \u003Cbr\u003EОпределение\u003Cbr\u003E\u003Cp\u003E56\u003Cbr\u003E","\u003Cp\u003EПРИМЕР\u003Cbr\u003E\u003Col start=1 type=I\u003E\u003Cbr\u003E\t\u003Cli\u003Eвведение \u003C\u002Fli\u003E\u003Cbr\u003E\t\u003Cli\u003Eназначение языка HTML\u003C\u002Fli\u003E\u003Cbr\u003E \u003Cli\u003Eкоманды теги HTML\u003C\u002Fli\u003E\u003Cbr\u003E \u003Col start=1 type=1\u003E\u003Cbr\u003E \t\u003Cli\u003Eформатирование текста \u003C\u002Fli\u003E\u003Cbr\u003E \u003Cul type=disc\u003E\u003Cbr\u003E \u003Cli\u003Eжирность \u003C\u002Fli\u003E\u003Cbr\u003E \u003Cli\u003Eнаклон \u003C\u002Fli\u003E\u003Cbr\u003E \u003Cli\u003Eподчеркивание \u003C\u002Fli\u003E\u003Cbr\u003E \u003Cli\u003Eиндексы \u003C\u002Fli\u003E\u003Cbr\u003E \u003Cul type=circle\u003E\u003Cbr\u003E \u003Cli\u003Eнижние \u003C\u002Fli\u003E\u003Cbr\u003E \u003Cli\u003Eверхние \u003C\u002Fli\u003E\u003Cbr\u003E \u003Cli\u003Eподчеркивание \u003C\u002Fli\u003E\u003Cbr\u003E \u003C\u002Ful\u003E\u003Cbr\u003E \u003Cli\u003E цвет \u003C\u002Fli\u003E\u003Cbr\u003E \u003C\u002Ful\u003E\u003Cbr\u003E \u003Cli\u003Eработа с абзацами\u003C\u002Fli\u003E\u003Cbr\u003E \u003C\u002Fol\u003E\u003Cbr\u003E \u003Cli\u003Eдизайн страницы\u003C\u002Fli\u003E\u003Cbr\u003E li\u003Eразмещение сайта на сервере\u003C\u002Fli\u003E\u003Cbr\u003E\u003C\u002Fol\u003E\u003Cbr\u003E\u003Cp\u003E57\u003Cbr\u003E","\u003Cp\u003EЗадание 6 Создание списков\u003Cbr\u003E\u003Cp\u003EСоздайте новую страницу в редакторе блокнот.\u003Cbr\u003EВ элемент \u003Ctitle\u003E укажите «Практическая работа 6» и вашу фамилию.\u003Cbr\u003EОтформатируйте текст по заданию:\u003Cbr\u003EСолнце должно быть: (шрифт размером 7, красного цвета, выравнивание по центру)\u003Cbr\u003EТеплым.\u003Cbr\u003EКруглым.\u003Cbr\u003EЖелтым.\u003Cbr\u003EСнег должен быть: (выравнивание по центру, размер шрифта 7, синего цвета)\u003Cbr\u003E\t\t\tА. Белым\u003Cbr\u003E\t\t\tB. Холодным\u003Cbr\u003E\t\t\tC. Пушистым\u003Cbr\u003E\t\t(шрифт списков черный, размер 3)\u003Cbr\u003E\u003Cp\u003E58\u003Cbr\u003E","\u003Cp\u003EЗадание 6 -1 Создание списков\u003Cbr\u003E\u003Cp\u003EСоздайте страницы со следующими списками:\u003Cbr\u003E\u003Cbr\u003EПеречень покупок:\u003Cbr\u003EГовядина -1кг\u003Cbr\u003EМасло сливочное -500 г\u003Cbr\u003EХлеб - 2 батона\u003Cbr\u003EМолоко - 1 литр\u003Cbr\u003E\u003Cbr\u003EАлгоритм вычисления дробей:\u003Cbr\u003Eочистить экран\u003Cbr\u003Eввести значения X и Y\u003Cbr\u003Eесли у=0, вернуться к пункту 2\u003Cbr\u003Eвычислить z=x\u002Fy\u003Cbr\u003Eвывести результат z \u003Cbr\u003E\u003Cp\u003E59\u003Cbr\u003E","\u003Cp\u003Eоформление фона и вставка рисунков\u003Cbr\u003E\u003Cp\u003E60\u003Cbr\u003E","\u003Cp\u003EЗадание фона страницы\u003Cbr\u003E\u003Cp\u003EДля задания цвета фона на странице надо внутри начального элемента\u003CBODY\u003E указать атрибут bgcolor =“цвет”. Цвет задается также как и для шрифта названием или цифровым кодом.\u003Cbr\u003E\u003Cp\u003EПример\u003Cbr\u003E\u003CBODY BGCOLOR=“blue”\u003E… \u003C\u002FBODY\u003E \u003Cbr\u003E\u003CBODY BGCOLOR=“00FF00”\u003E… \u003C\u002FBODY\u003E\u003Cbr\u003E\u003CBODY BACKGROUND=“FON.JPG”\u003E\u003Cbr\u003E\u003Cp\u003E61\u003Cbr\u003E","\u003Cp\u003EВставка рисунков\u003Cbr\u003E\u003Cp\u003EIMG – тег для создания ссылки на графический файл. С его помощью также можно использовать изображение в гиперссылках, вставлять картинки в таблицы, использовать изображения для фона страницы. Не содержит конечного тега.\u003Cbr\u003EНеобходимым атрибутом является src- указатель пути к графическому файлу, alt – выводит текст, поясняющий загружаемый рисунок. Высоту и ширину рисунка задают с помощью атрибутов height и width. Рамка вокруг объекта задается атрибутом border.\u003Cbr\u003E\u003Cp\u003EПример.\u003Cbr\u003E\u003CIMG src=“boss.gif” border=2 height =121 width=76 alt=“мой портрет”\u003E\u003Cbr\u003E\u003CBODY BACKGROUND=“WOOD.JPG”\u003E\u003Cbr\u003E\u003Cp\u003E62\u003Cbr\u003E","\u003Cp\u003E \u003CP align=center\u003E\u003CIMG src=\"pic.gif\" \u003E\u003C\u002Fp\u003E рисунок в центре, текст сверху и снизу\u003Cbr\u003E\u003CP align=justify\u003E\u003CIMG src=\"pic.gif\" align=left\u003E \u003C\u002Fp\u003E рисунок слева\u003Cbr\u003E\u003CP align=justify\u003E\u003CIMG src=\"pic.gif\" align=right\u003E \u003C\u002Fp\u003E рисунок справа\u003Cbr\u003E\u003Cp\u003EПримеры обтекания иллюстраций в документе\u003Cbr\u003E\u003Cp\u003E63\u003Cbr\u003E","\u003Cp\u003EЗадание 7 Размещение графики на Web - страницах\u003Cbr\u003E\u003Cp\u003EСоздайте новую страницу в редакторе блокнот.\u003Cbr\u003EВ элемент \u003Ctitle\u003E укажите «Практическая работа 7» и вашу фамилию.\u003Cbr\u003EВ элементе \u003CBODY\u003E задайте атрибут, чтобы цвет фона страницы был черным.\u003Cbr\u003EСделайте надпись «Спокойной ночи» голубым цветом, 6 шрифтом, центральным выравниванием.\u003Cbr\u003EВставьте горизонтальную линию красного цвета.\u003Cbr\u003EСделайте надпись желтого цвета «Приятных сновидений» 8 шрифтом, центральным выравниванием.\u003Cbr\u003EВставьте горизонтальную линию синего цвета толщиной 10 пикселей, длиной 50%, выровните по центру.\u003Cbr\u003EРисунок\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003E64\u003Cbr\u003E","\u003Cp\u003EЗадание 8 Размещение графики на Web - страницах\u003Cbr\u003E\u003Cp\u003EСоздайте новую страницу в редакторе блокнот.\u003Cbr\u003EВ элемент \u003Ctitle\u003E укажите «Практическая работа 8» и вашу фамилию.\u003Cbr\u003EРазместите на странице рисунок \u003Cbr\u003EСделайте надпись к рисунку\u003Cbr\u003EСоздайте рамку вокруг рисунка шириной 2 пикселя.\u003Cbr\u003EНад рисунком поместите заголовок (например «Мир футбола») самого большого размера и выровняйте его по центру.\u003Cbr\u003EВставьте горизонтальную линию синего цвета толщиной 8 пикселей, выровняйте по левому краю по центру.\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003E65\u003Cbr\u003E","\u003Cp\u003EЗадание 9 изменение размеров изображения\u003Cbr\u003E\u003Cp\u003EСоздайте новую страницу в редакторе блокнот.\u003Cbr\u003EВ элемент \u003Ctitle\u003E укажите «Практическая работа 9» и вашу фамилию.\u003Cbr\u003EВ элементе \u003CBODY\u003E задайте атрибут, чтобы цвет фона страницы зеленым.\u003Cbr\u003EВставьте изображение. Задайте его размеры 100x100 пикселей.\u003Cbr\u003EОтредактируйте картинку в графическом редакторе так, чтобы рисунок был на прозрачном фоне и добавьте это изображение на вашу страничку.\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003E66\u003Cbr\u003E","\u003Cp\u003Eгиперссылки\u003Cbr\u003E\u003Cp\u003E67\u003Cbr\u003E","\u003Cp\u003EГиперссылки\u003Cbr\u003E\u003Cp\u003EГиперссылки условно можно разделить на следующие виды:\u003Cbr\u003E Внутренние –связывающие документы внутри одного и того же узла;\u003Cbr\u003EВнешние – связывающие Web-страницу с документами, не принадлежащими данному узлу;\u003Cbr\u003EГиперссылка на почтовый адрес;\u003Cbr\u003EМетки-якоря – позволяющие переходить посетителю на определенные разделы документа.\u003Cbr\u003E\u003Cp\u003E68\u003Cbr\u003E","\u003Cp\u003EГиперссылки\u003Cbr\u003E\u003Cp\u003E\u003CA href = “адрес ссылки”\u003E текст для щелчка мыши \u003C\u002FA\u003E\u003Cbr\u003E\u003CA href = “адрес ссылки”\u003E \u003CIMG src=“ссылка на рисунок”\u003E \u003C\u002FA\u003E\u003Cbr\u003E\u003Cp\u003EВнутри тега \u003CBODY\u003E используется атрибут, задающий цвет гиперссылок\u003Cbr\u003Elink – задает цвет исходных ссылок\u003Cbr\u003Evlink – задает цвет посещенных ссылок\u003Cbr\u003Ealink – задает цвет активных ссылок (цвет при нажатии мыши)\u003Cbr\u003E\u003Cp\u003EДля указания электронной почты и запуска электронной программы используется ссылка:\u003Cbr\u003E \u003CA href =“mailto:[e-mail]”\u003E Иванов Иван\u003C\u002FA\u003E\u003Cbr\u003E\u003Cp\u003E69\u003Cbr\u003E","\u003Cp\u003EПримеры гиперссылок\u003Cbr\u003E\u003Cp\u003E\u003CA href=“#new” \u003E Новые поступления\u003C\u002FA\u003E - переход к строке той же страницы, помеченной тегом \u003Cbr\u003E\u003CA name=“new”\u003E\u003Cbr\u003E\u003CA href=“pag2.htm#new1” \u003E примечания\u003C\u002FA\u003E - переход на страницу сайта pag2 к строке, помеченной тегом \u003Cbr\u003E\u003CA name=“new1”\u003E\u003Cbr\u003E\u003Cp\u003E подробности читайте\u003CA href=“pag2.htm” \u003E вторая страница \u003C\u002FA\u003E\u003C\u002Fp\u003E - ссылка на другую страницу того же сайта\u003Cbr\u003E\u003Cp\u003E70\u003Cbr\u003E","\u003Cp\u003E\u003Cp\u003E \u003CA href=“pag2.htm” \u003E IMG src=log.gif alt=“о нашей фирме” \u003C\u002FA\u003E\u003C\u002Fp\u003E - ссылка на другую страницу того же сайта, но ссылкой является рисунок\u003Cbr\u003E\u003CA href=“myfile.exe” title=” файл 10 мегабайт”\u003E Скачать программу\u003C\u002FA\u003E -ссылка с подсказкой title\u003Cbr\u003E\u003CA ref=“http:\u002F\u002Fhome.ifmo.ru\u002Findex.html”\u003Eтест\u003C\u002FA\u003E - внешняя ссылка\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003EПримеры гиперссылок\u003Cbr\u003E\u003Cp\u003E71\u003Cbr\u003E","\u003Cp\u003EПримеры гиперссылок\u003Cbr\u003E\u003Cp\u003E\u003Ca href=“proba.htm”\u003Eпервая страница\u003C\u002Fa\u003E\r\n\u003Cbr\u003E \u003Ca href=“http:\u002F\u002Fwww.yandex.ru”\u003E yandex\u003C\u002Fa\u003E\u003Cbr\u003E\u003Ca href=“mailto:[e-mail]”\u003E Почта \u003C\u002Fa\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003E72\u003Cbr\u003E","\u003Cp\u003EЗадание 10 Создание гиперссылок\u003Cbr\u003E\u003Cp\u003E1.Создайте две страницы с именами str1.htm str2.htm \u003Cbr\u003E2.В элемениеTITLTRE укажите название странички\u003Cbr\u003E3. Задайте фон первой страницы зеленого цвета, а второй \u003Cbr\u003EСинего\u003Cbr\u003E4. На первой странице задайте ссылку на вторую страницу\u003Cbr\u003E\t\u003CA href=“str2.htm”\u003E На вторую страницу\u003C\u002Fa\u003E\u003Cbr\u003E5. На второй странице задайте ссылку на 1 страницу\u003Cbr\u003E\t\u003CA href=“str2.htm”\u003E На вторую страницу\u003C\u002Fa\u003E\u003Cbr\u003E6.Поместите на страницы две разные картинки и проверьте \u003Cbr\u003Eработу гиперссылок\u003Cbr\u003E\u003Cp\u003E73\u003Cbr\u003E","\u003Cp\u003EЗадание 11 Создание гиперссылок\u003Cbr\u003E\u003Cp\u003E1.Создайте к страницам прошлого задания\u003Cbr\u003E с именами str1.htm str2.htm еще одну страницу str3.htm\u003Cbr\u003E \u003Cbr\u003E2.Добавьте на первых двух страницах ссылку на 3 страницу?\u003Cbr\u003E А на третьей ссылки на две первые\u003Cbr\u003E3. В теге \u003CBODY\u003E определите текст гиперссылок:\u003Cbr\u003E\t\tвсе гиперссылки -белые\u003Cbr\u003E\t\tактивные гиперсылки - красные\u003Cbr\u003E\t\tпосещенные гиперссылки -серые \u003Cbr\u003E4. На третьей странице задайте ссылки на вторую и первую \u003Cbr\u003E страницы в виде рисунка кнопки\u003Cbr\u003E\t\u003CA href=“str2.htm”\u003E IMG src=“kn.gif”\u003E\u003C\u002Fa\u003E\u003Cbr\u003E\t\t5. Задайте бордюр для кнопок=2\u003Cbr\u003E\t\t6. Проверьте работу гиперссылок\u003Cbr\u003E\u003Cp\u003E74\u003Cbr\u003E"],href:"\u002Finformatika\u002Fyazyk-html-nachalnye-svedeniya-1",href_category:"\u002Finformatika",date:1677891080,related:[{id:239602,name:"Компьютерные вирусы. Антивирусные программы",href:"\u002Finformatika\u002Fkompyuternye-virusy-antivirusnye-programmy-1",jpg:"jpg\u002F239602"},{id:577067,name:"Технології штучного інтелекту в готельноресторанних комплексах",href:"\u002Finformatika\u002Ftehnolog-shtuchnogo-ntelektu-v-gotelnorestorannih-kompleksah",jpg:"jpg\u002F577067"},{id:262378,name:"Интерфейс ОС (1)",href:"\u002Finformatika\u002Finterfeys-os-1",jpg:"jpg\u002F262378"},{id:419046,name:"Организация ЭВМ и вычислительных систем",href:"\u002Finformatika\u002Forganizatsiya-evm-i-vychislitelnyh-sistem-1",jpg:"jpg\u002F419046"},{id:147521,name:"Создание web-сайта. Коммуникационные технологии",href:"\u002Finformatika\u002Fsozdanie-web-sayta-kommunikatsionnye-tehnologii-4",jpg:"jpg\u002F147521"},{id:167930,name:"Общие сведения о языке программирования Паскаль",href:"\u002Finformatika\u002Fobshchie-svedeniya-o-yazyke-programmirovaniya-paskal-3",jpg:"jpg\u002F167930"},{id:339025,name:"Устройство компьютера",href:"\u002Finformatika\u002Fustroystvo-kompyutera-35",jpg:"jpg\u002F339025"},{id:298041,name:"Основы технологии CUDA",href:"\u002Finformatika\u002Fosnovy-tehnologii-cuda-1",jpg:"jpg\u002F298041"},{id:358799,name:"Этика в Интернете",href:"\u002Finformatika\u002Fetika-v-internete-2",jpg:"jpg\u002F358799"},{id:545468,name:"Работа с одаренными детьми в области информационных технологий",href:"\u002Finformatika\u002Frabota-s-odarennymi-detmi-v-oblasti",jpg:"jpg\u002F545468"},{id:436336,name:"BW the game",href:"\u002Finformatika\u002Fbw-the-game",jpg:"jpg\u002F436336"},{id:455303,name:"5 любимых методических приемов работы на уроке",href:"\u002Finformatika\u002F5-lyubimyh-metodicheskih-priemov-raboty-na",jpg:"jpg\u002F455303"},{id:99329,name:"Архітектура операційних систем",href:"\u002Finformatika\u002Farhtektura-operatsynih-sistem",jpg:"jpg\u002F99329"},{id:251213,name:"Операционная система",href:"\u002Finformatika\u002Foperatsionnaya-sistema-91",jpg:"jpg\u002F251213"},{id:366431,name:"Компьютерные вирусы и антивирусные программы",href:"\u002Finformatika\u002Fkompyuternye-virusy-i-antivirusnye-programmy-21",jpg:"jpg\u002F366431"},{id:152734,name:"Ростовская Лига юных журналистов",href:"\u002Finformatika\u002Frostovskaya-liga-yunyh-zhurnalistov",jpg:"jpg\u002F152734"},{id:243279,name:"Использование метода интервалов при решении логических выражений",href:"\u002Finformatika\u002Fispolzovanie-metoda-intervalov-pri-reshenii-logicheskih",jpg:"jpg\u002F243279"},{id:12230,name:"Design Considerations for PL\u002FSQL Code. (Lecture 3)",href:"\u002Finformatika\u002Fdesign-considerations-for-plsql-code-lecture",jpg:"jpg\u002F12230"},{id:160071,name:"Использование возможностей программы Microsoft Word",href:"\u002Finformatika\u002Fispolzovanie-vozmozhnostey-programmy-microsoft-word",jpg:"jpg\u002F160071"},{id:108162,name:"Модели систем",href:"\u002Finformatika\u002Fmodeli-sistem-1",jpg:"jpg\u002F108162"},{id:374394,name:"О состоянии и проблемах реализации задач электронного Правительства на региональном уровне",href:"\u002Finformatika\u002Fo-sostoyanii-i-problemah-realizatsii-zadach",jpg:"jpg\u002F374394"},{id:281052,name:"Автоматизированная компьютерная система Умный дом",href:"\u002Finformatika\u002Favtomatizirovannaya-kompyuternaya-sistema-umnyy-dom",jpg:"jpg\u002F281052"},{id:472644,name:"Дидактический материал по информатике",href:"\u002Finformatika\u002Fdidakticheskiy-material-po-informatike",jpg:"jpg\u002F472644"},{id:116765,name:"Безопасный Интернет",href:"\u002Finformatika\u002Fbezopasnyy-internet-11",jpg:"jpg\u002F116765"},{id:279294,name:"Скрипты Перезвон, Обзвон по базе",href:"\u002Finformatika\u002Fskripty-perezvon-obzvon-po-baze",jpg:"jpg\u002F279294"},{id:208781,name:"Как понять когда можно бросать работу и уходить в стартап",href:"\u002Finformatika\u002Fkak-ponyat-kogda-mozhno-brosat-rabotu",jpg:"jpg\u002F208781"},{id:485572,name:"Виды корпусов",href:"\u002Finformatika\u002Fvidy-korpusov-1",jpg:"jpg\u002F485572"},{id:89243,name:"O‘quvchilar uchun adobe photoshop dasturini o‘rgatuvchi video darslar yaratish texnologiyasi (camtasia studio dasturi yordamida)",href:"\u002Finformatika\u002Foquvchilar-uchun-adobe-photoshop-dasturini-orgatuvchi",jpg:"jpg\u002F89243"}],navigation:{next:"\u002Funcategorized\u002Fobshchie-voprosy-mehanizatsii-i-avtomatizatsii-proizvodstvennyh",next_name:"Общие вопросы механизации и автоматизации производственных процессов",prev:"\u002Fmatematika\u002Fdistsiplina-laag-lineynaya-algebra-i-analiticheskaya",prev_name:"Дисциплина ЛААГ (линейная алгебра и аналитическая геометрия)"}}},categories:{result:[{id:I,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:I,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:H,name:"Геометрия",pseudoname:"geometria"},{id:123,ordering:7,name:"Детские презентации",pseudoname:"detskie-prezentatsii"},{id:107,ordering:8,name:G,pseudoname:"informatika"},{id:109,ordering:9,name:"История",pseudoname:"istoriya"},{id:139,ordering:10,name:"Литература",pseudoname:"literatura"},{id:119,ordering:11,name:"Маркетинг",pseudoname:"marketing"},{id:114,ordering:12,name:"Математика",pseudoname:"matematika"},{id:138,ordering:h,name:"Медицина",pseudoname:"medetsina"},{id:118,ordering:14,name:"Менеджмент",pseudoname:"menedzhment"},{id:137,ordering:15,name:"Музыка",pseudoname:"muzyka"},{id:136,ordering:16,name:"МХК",pseudoname:"mhk"},{id:130,ordering:17,name:"Немецкий язык",pseudoname:"nemetskiy-yazyk"},{id:105,ordering:18,name:"ОБЖ",pseudoname:"obzh"},{id:133,ordering:19,name:"Обществознание ",pseudoname:"obshchestvoznanie"},{id:132,ordering:20,name:"Окружающий мир ",pseudoname:"okruzhayushchiy-mir"},{id:131,ordering:21,name:"Педагогика ",pseudoname:"pedagogika"},{id:129,ordering:22,name:"Русский язык",pseudoname:"russkiy-yazyk"},{id:128,ordering:24,name:"Технология",pseudoname:"tehnologiya"},{id:127,ordering:25,name:"Физика",pseudoname:"fizika"},{id:126,ordering:26,name:"Философия",pseudoname:"filosofiya"},{id:125,ordering:27,name:"Химия",pseudoname:"himiya"},{id:124,ordering:29,name:"Экология",pseudoname:"ekologiya"},{id:121,ordering:30,name:"Экономика",pseudoname:"ekonomika"},{id:120,ordering:31,name:"Юриспруденция",pseudoname:"yurisprudentsiya"}]}},state:{},_errors:{},serverRendered:e,config:{public:{SITE_NAME:J,SITE_HOST:"mypreza.com",SITE_LANG:K,API_BASE_URL:"https:\u002F\u002Fmypreza.com\u002Fapi\u002F",pwaManifest:{name:J,short_name:a,description:a,lang:K,start_url:"\u002F?standalone=true",display:"standalone",background_color:j,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:d,sizes:L,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:d,sizes:L,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:d,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:d,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:d,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:d,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:d,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:d,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:d,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:d,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:d,sizes:R,purpose:g}]},yandexMetrika:{id:"85004146",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:e,childIframe:c,clickmap:c,defer:c,useRuntimeConfig:e,trackHash:c,trackLinks:e,type:b,webvisor:c,triggerEvent:c,consoleLog:e,partytown:c,isDev:c}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:a}},pinia:{app:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:q,logo_image_height:r,logo_text:a,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:c,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:w,footer_before:a,footer:a,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:x,item_images:y,item_images_tag:z,item_words_h3:c,item_words_tag:A,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:j,header_bg:i,accent:i}},social:F,token:a}}}}("",0,false,"image\u002Fpng",true,"any","maskable",13,"#d53032","#ffffff","Язык HTML. Начальные сведения","Учебные презентации","Презентации в PowerPoint на разные темы","Презентации, проекты, доклады в PowerPoint на разные темы для учебы","Презентация, на тему, урок, класс, PowerPoint, скачати презентацію, фон, шаблон, доклад, проект.","images\u002Fdata\u002Flogo.png",185,40,720,480,"6LeioWIpAAAAAGqMN4KqMVIkekcMW7fBKHjXCd-a","2503267","[e-mail]","h3a","text","none","h3","category","both",80,800,"\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fes5-shims\u002F0.0.2\u002Fes5-shims.min.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fshare2\u002Fshare.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cdiv class=\"ya-share2\" data-services=\"collections,gplus,vkontakte,facebook,odnoklassniki,gplus,twitter,moimir\" data-counter=\"\"\u003E\u003C\u002Fdiv\u003E","Информатика",6,1,"Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))</script><script type="module" src="/_nuxt/entry.0d6add34.js" crossorigin></script></body>
</html>