Введение в HTML презентация

WWW.ITEDUCATE.COM.UA
HTML & CSS
Урок 1. Введение в HTML
Колесников
Павел
Frontend developer
[e-mail]

Введение в HTML
Язык разметки гипертекста
WWW.ITEDUCATE.COM.UA
HTML (HyperText Markup Language, язык разметки гипертекста) — это система верстки, которая определяет, как и какие элементы должны располагаться на веб-странице. Является стандартным языком разметки документов во Всемирной паутине.
Язык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме.
Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1986—1991 годах в Европейском Центре ядерных исследований в Женеве (Швейцария), и создавался изначально как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки.

Введение в HTML
Развитие HTML
WWW.ITEDUCATE.COM.UA
Официальной спецификации HTML 1.0 не существует. До 1995 года существовало множество неофициальных стандартов HTML. Чтобы стандартная версия отличалась от них, ей сразу присвоили второй номер.

Введение в HTML
Принцип работы Web-ориентированных технологий
WWW.ITEDUCATE.COM.UA
Клиент
Сервер
Запрос
Ответ
(HTML, CSS, JavaScript)
WEB-приложение — клиент-серверное приложение, в котором клиентом выступает браузер, а сервером — веб-сервер. Логика приложения сосредотачивается на сервере, а функция браузера заключается, в основном, в отображении информации, загруженной по сети с сервера, и передаче данных пользователя обратно.
Одним из преимуществ такого подхода является тот факт, что клиенты не зависят от конкретной операционной системы пользователя, и веб-приложения, таким образом, являются межплатформенными сервисами.

Введение в HTML
Этапы создания WEB-сайта
WWW.ITEDUCATE.COM.UA
Идея
Дизайн-макет сайта
Верстка
Динамика сайта
Программирование сайта
Production

Введение в HTML
Структура HTML-документа
WWW.ITEDUCATE.COM.UA
Каждая web-страница содержит в себе типичные элементы, которые не меняются от вида и направленности сайта.
Test Page
Hello world!

Введение в HTML
Структура HTML-документа
WWW.ITEDUCATE.COM.UA

Введение в HTML
Понятие тега в HTML
WWW.ITEDUCATE.COM.UA
Тег — элемент разметки html-документа. Существуют 2 вида тегов: парные и одиночные. Парные теги имеют открывающий и закрывающий теги, и могут иметь в себе различное содержимое, включая другие теги. Одиночные теги не имеют закрывающего тега, и заканчиваются «/>».
Содержимое элемента.
Здесь могут храниться текст или другие теги.
Элемент разметки. Границы описываются открывающим и закрывающим тегами
Открывающий и закрывающий теги
Атрибут. Элемент разметки может хранить несколько атрибутов
Значение атрибута

Введение в HTML
Строчные и блочные элементы
WWW.ITEDUCATE.COM.UA
Строчные элементы в общем потоке располагаются последовательно на одной строке один за другим. К строчным элементам относятся теги
,
,
,
,
и др., а также элементы, у которых свойство display установлено как inline.
Блочные элементы в общем потоке располагаются последовательно один под другим. По умолчанию два блочных элемента не могут располагаться на одной строке. К блочным элементам относятся теги
,
,
,
,
,
,...,
,
,
,
,
, ,
и некоторые устаревшие. Также блочным становится элемент, если в стиле для него свойство display задано как block, list-item или table.
Слайд 11
Введение в HTML
Основные правила разметки
WWW.ITEDUCATE.COM.UA
Элементы не должны пересекаться: если открывающий тег располагается внутри
элемента, то и соответствующий закрывающий тег должен располагаться внутри этого же элемента.
Блочные элементы могут содержать вложенные блочные и текстовые элементы.
Текстовые элементы могут содержать вложенные текстовые элементы.
Текстовые элементы не могут содержать вложенные блочные элементы.
Слайд 12
Введение в HTML
Основные элементы для работы с текстом
WWW.ITEDUCATE.COM.UA
Слайд 13
Введение в HTML
Заголовки
WWW.ITEDUCATE.COM.UA
Заголовки показывают важность раздела, к которому относятся. Чем больше заголовок и
его «вес», тем более он значимый.
Чем выше уровень заголовка, тем больше размер шрифта. Самым верхним уровнем является уровень 1 (
), а самым нижним — уровень 6 (
).
Поисковые системы добавляют рейтинг тексту, если он находится внутри тега заголовка.
Поисковыми системами рекомендуется использовать на странице: h1 — один; h2 — около 2-4; h3 — около 4-8 …
Слайд 14
Введение в HTML
Ссылки
WWW.ITEDUCATE.COM.UA
Ссылки являются основой гипертекстовых документов и позволяют переходить с одной веб-страницы
на другую, или к информации любого другого типа, если к ней имеется доступ.
link
— контейнер, который все текстовое содержимое внутри себя делает ссылкой.
Атрибуты:
href — атрибут, который содержит в себе адрес страницы, на которую ведет ссылка.
target — способ открытия ссылки:
_blank — загружает страницу в новое окно браузера.
_self — загружает страницу в текущее окно (задается умолчанию).
title — выскакивающее окошко с подсказкой.
name — имя элемента разметки (может быть практически у любого элемента разметки).
Слайд 15
Введение в HTML
Ссылки
WWW.ITEDUCATE.COM.UA
Якорь — закладка с уникальным именем на определенном месте веб-страницы, предназначенная
для создания перехода к ней по ссылке.
Для создания якоря необходимо:
сделать закладку в соответствующем месте и дать ей имя при помощи атрибута name тега
;
создать ссылку, в которой в качестве значения href для перехода к якорю используется имя закладки с символом решетки (#) впереди.
......
......
Слайд 16
Q&A
WWW.ITEDUCATE.COM.UA
Имя файла: Введение-в-HTML.pptx
Количество просмотров: 20
Количество скачиваний: 0
Скачать
- Предыдущая
Профилактика и диагностика врожденных патологий плода
Следующая -
Past continuous vs. Past simple
Похожие презентации
Файловые архивы. Общение в Интернете
Разработка мобильного приложения с технологией дополненной реальности
Системы реального времени
Информационная безопасность
Базы данных (БД) и СУБД ACCESS
MS Excel
Модульное программирование
Разработка автоматизированной информационной системы предприятия
Информация. Свойства и единицы измерения
Системы счисления. Перевод чисел
Моделирование как метод познания
Вставка объектов в документ
Поиск и работа в интернете: прикладные и теоретические аспекты
Файлы. Функции для работы с файлами
Екі өлшемді массивтер. Матрицалар
Складові інформаційно-аналітичної діяльності
Web-страницы. Язык HTML. HTML-формы
Компьютерные сети. История создания сети интернет
Сто к одному. Игра
Слагаемые телевизионного репортажа
Информационные технологии в историческом образовании
Язык программирования общего назначения Python
Создание игр в Scratch. Стрекоза. Урок 25
Алгоритмы. Что такое алгоритм?
Mobil government of Kazakhstan
Динамические структуры данных. Стеки и очереди
Запуск в эксплуатацию системы ARIA SOHO
Программирование на языке Паскаль. §54-61. 10 класс
Обратная связь
Email:
Нажмите что бы посмотреть
window.__NUXT__=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S){return {data:{meta:{result:{meta:{h1: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:420345,name:k,category:G,count:H,jpg:"jpg\u002F420345",hits:I,download:b,h1:"Введение в HTML презентация",meta:{h1:k,title:k,description:"Введение в HTML презентация на тему, доклад, Информатика",keywords:"Введение в HTML, презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Информатика",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему Введение в HTML из раздела Информатика. Презентация на заданную тему содержит 17 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",seo_text:"\u003Cp\u003EWWW.ITEDUCATE.COM.UA\u003Cbr\u003E\u003Cp\u003EHTML & CSS\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003EУрок 1. Введение в HTML\u003Cbr\u003E\u003Cp\u003EКолесников\u003Cbr\u003EПавел\u003Cbr\u003E\u003Cp\u003EFrontend developer\u003Cbr\u003E\u003Cp\[e-mail]\u003Cbr\u003E \u003Cp\u003EВведение в HTML\u003Cbr\u003E\u003Cp\u003EЯзык разметки гипертекста\u003Cbr\u003E\u003Cp\u003EWWW.ITEDUCATE.COM.UA\u003Cbr\u003E\u003Cp\u003EHTML (HyperText Markup Language, язык разметки гипертекста) — это система верстки, которая определяет, как и какие элементы должны располагаться на веб-странице. Является стандартным языком разметки документов во Всемирной паутине.\u003Cbr\u003EЯзык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме.\u003Cbr\u003E\u003Cbr\u003EЯзык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1986—1991 годах в Европейском Центре ядерных исследований в Женеве (Швейцария), и создавался изначально как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки.\u003Cbr\u003E",file:"Введение-в-HTML.pptx",texts:["\u003Cp\u003EWWW.ITEDUCATE.COM.UA\u003Cbr\u003E\u003Cp\u003EIТ Образование \u003Cbr\u003EДля специалистов всех уровней!\u003Cbr\u003E","\u003Cp\u003EWWW.ITEDUCATE.COM.UA\u003Cbr\u003E\u003Cp\u003EHTML & CSS\u003Cbr\u003E\u003Cp\u003EУрок 1. Введение в HTML\u003Cbr\u003E\u003Cp\u003EКолесников\u003Cbr\u003EПавел\u003Cbr\u003E\u003Cp\u003EFrontend developer\u003Cbr\u003E\u003Cp\[e-mail]\u003Cbr\u003E","\u003Cp\u003EВведение в HTML\u003Cbr\u003E\u003Cp\u003EЯзык разметки гипертекста\u003Cbr\u003E\u003Cp\u003EWWW.ITEDUCATE.COM.UA\u003Cbr\u003E\u003Cp\u003EHTML (HyperText Markup Language, язык разметки гипертекста) — это система верстки, которая определяет, как и какие элементы должны располагаться на веб-странице. Является стандартным языком разметки документов во Всемирной паутине.\u003Cbr\u003EЯзык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме.\u003Cbr\u003EЯзык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1986—1991 годах в Европейском Центре ядерных исследований в Женеве (Швейцария), и создавался изначально как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки.\u003Cbr\u003E","\u003Cp\u003EВведение в HTML\u003Cbr\u003E\u003Cp\u003EРазвитие HTML \u003Cbr\u003E\u003Cp\u003EWWW.ITEDUCATE.COM.UA\u003Cbr\u003E\u003Cp\u003EОфициальной спецификации HTML 1.0 не существует. До 1995 года существовало множество неофициальных стандартов HTML. Чтобы стандартная версия отличалась от них, ей сразу присвоили второй номер.\u003Cbr\u003E","\u003Cp\u003EВведение в HTML\u003Cbr\u003E\u003Cp\u003EПринцип работы Web-ориентированных технологий\u003Cbr\u003E\u003Cp\u003EWWW.ITEDUCATE.COM.UA\u003Cbr\u003E\u003Cp\u003EКлиент\u003Cbr\u003E\u003Cp\u003EСервер\u003Cbr\u003E\u003Cp\u003EЗапрос\u003Cbr\u003E\u003Cp\u003EОтвет\u003Cbr\u003E(HTML, CSS, JavaScript)\u003Cbr\u003E\u003Cp\u003EWEB-приложение — клиент-серверное приложение, в котором клиентом выступает браузер, а сервером — веб-сервер. Логика приложения сосредотачивается на сервере, а функция браузера заключается, в основном, в отображении информации, загруженной по сети с сервера, и передаче данных пользователя обратно.\u003Cbr\u003E\u003Cp\u003EОдним из преимуществ такого подхода является тот факт, что клиенты не зависят от конкретной операционной системы пользователя, и веб-приложения, таким образом, являются межплатформенными сервисами.\u003Cbr\u003E","\u003Cp\u003EВведение в HTML\u003Cbr\u003E\u003Cp\u003EЭтапы создания WEB-сайта\u003Cbr\u003E\u003Cp\u003EWWW.ITEDUCATE.COM.UA\u003Cbr\u003E\u003Cp\u003EИдея\u003Cbr\u003EДизайн-макет сайта\u003Cbr\u003EВерстка\u003Cbr\u003EДинамика сайта\u003Cbr\u003EПрограммирование сайта\u003Cbr\u003EProduction\u003Cbr\u003E","\u003Cp\u003EВведение в HTML\u003Cbr\u003E\u003Cp\u003EСтруктура HTML-документа\u003Cbr\u003E\u003Cp\u003EWWW.ITEDUCATE.COM.UA\u003Cbr\u003E\u003Cp\u003EКаждая web-страница содержит в себе типичные элементы, которые не меняются от вида и направленности сайта.\u003Cbr\u003E\u003Cp\u003E\u003C!DOCTYPE html public \"-\u002F\u002FW3C\u002F\u002FDTD HTML 4.01\u002F\u002FEN\" \"http:\u002F\u002Fwww.w3.org\u002FTR\u002Fhtml4\u002Fstrict.dtd\"\u003E\u003Cbr\u003E\u003Chtml\u003E\u003Cbr\u003E\u003Chead\u003E\u003Cbr\u003E \u003Ctitle\u003ETest Page\u003C\u002Ftitle\u003E\u003Cbr\u003E \u003Cmeta http-equiv=\"Content-Type\" content=\"text\u002Fhtml; charset=utf-8\"\u003E\u003Cbr\u003E\u003C\u002Fhead\u003E\u003Cbr\u003E\u003Cbody\u003E\u003Cbr\u003E \u003Ch1\u003EHello world!\u003C\u002Fh1\u003E\u003Cbr\u003E\u003C\u002Fbody\u003E\u003Cbr\u003E\u003C\u002Fhtml\u003E\u003Cbr\u003E","\u003Cp\u003EВведение в HTML\u003Cbr\u003E\u003Cp\u003EСтруктура HTML-документа\u003Cbr\u003E\u003Cp\u003EWWW.ITEDUCATE.COM.UA\u003Cbr\u003E","\u003Cp\u003EВведение в HTML\u003Cbr\u003E\u003Cp\u003EПонятие тега в HTML\u003Cbr\u003E\u003Cp\u003EWWW.ITEDUCATE.COM.UA\u003Cbr\u003E\u003Cp\u003EТег — элемент разметки html-документа. Существуют 2 вида тегов: парные и одиночные. Парные теги имеют открывающий и закрывающий теги, и могут иметь в себе различное содержимое, включая другие теги. Одиночные теги не имеют закрывающего тега, и заканчиваются «\u002F\u003E».\u003Cbr\u003E\u003Cp\u003E\u003Cbody id=\"container\"\u003E\u003Cbr\u003E\tСодержимое элемента.\u003Cbr\u003E\tЗдесь могут храниться \tтекст или другие теги.\u003Cbr\u003E\u003C\u002Fbody\u003E\u003Cbr\u003E\u003Cp\u003EЭлемент разметки. Границы описываются открывающим и закрывающим тегами\u003Cbr\u003E\u003Cp\u003EОткрывающий и закрывающий теги\u003Cbr\u003E\u003Cp\u003EАтрибут. Элемент разметки может хранить несколько атрибутов\u003Cbr\u003E\u003Cp\u003EЗначение атрибута\u003Cbr\u003E","\u003Cp\u003EВведение в HTML\u003Cbr\u003E\u003Cp\u003EСтрочные и блочные элементы\u003Cbr\u003E\u003Cp\u003EWWW.ITEDUCATE.COM.UA\u003Cbr\u003E\u003Cp\u003EСтрочные элементы в общем потоке располагаются последовательно на одной строке один за другим. К строчным элементам относятся теги \u003Cimg\u003E, \u003Cspan\u003E, \u003Ca\u003E, \u003Cq\u003E, \u003Ccode\u003E и др., а также элементы, у которых свойство display установлено как inline. \u003Cbr\u003EБлочные элементы в общем потоке располагаются последовательно один под другим. По умолчанию два блочных элемента не могут располагаться на одной строке. К блочным элементам относятся теги \u003Caddress\u003E, \u003Cblockquote\u003E, \u003Cdiv\u003E, \u003Cfieldset\u003E, \u003Cform\u003E, \u003Ch1\u003E,...,\u003Ch6\u003E, \u003Chr\u003E, \u003Col\u003E, \u003Cp\u003E, \u003Cpre\u003E, \u003Ctable\u003E, \u003Cul\u003E и некоторые устаревшие. Также блочным становится элемент, если в стиле для него свойство display задано как block, list-item или table.\u003Cbr\u003E","\u003Cp\u003EВведение в HTML\u003Cbr\u003E\u003Cp\u003EОсновные правила разметки\u003Cbr\u003E\u003Cp\u003EWWW.ITEDUCATE.COM.UA\u003Cbr\u003E\u003Cp\u003EЭлементы не должны пересекаться: если открывающий тег располагается внутри элемента, то и соответствующий закрывающий тег должен располагаться внутри этого же элемента. \u003Cbr\u003EБлочные элементы могут содержать вложенные блочные и текстовые элементы. \u003Cbr\u003EТекстовые элементы могут содержать вложенные текстовые элементы. \u003Cbr\u003EТекстовые элементы не могут содержать вложенные блочные элементы.\u003Cbr\u003E","\u003Cp\u003EВведение в HTML\u003Cbr\u003E\u003Cp\u003EОсновные элементы для работы с текстом\u003Cbr\u003E\u003Cp\u003EWWW.ITEDUCATE.COM.UA\u003Cbr\u003E","\u003Cp\u003EВведение в HTML\u003Cbr\u003E\u003Cp\u003EЗаголовки\u003Cbr\u003E\u003Cp\u003EWWW.ITEDUCATE.COM.UA\u003Cbr\u003E\u003Cp\u003EЗаголовки показывают важность раздела, к которому относятся. Чем больше заголовок и его «вес», тем более он значимый. \u003Cbr\u003EЧем выше уровень заголовка, тем больше размер шрифта. Самым верхним уровнем является уровень 1 (\u003Ch1\u003E), а самым нижним — уровень 6 (\u003Ch6\u003E). \u003Cbr\u003EПоисковые системы добавляют рейтинг тексту, если он находится внутри тега заголовка.\u003Cbr\u003EПоисковыми системами рекомендуется использовать на странице: h1 — один; h2 — около 2-4; h3 — около 4-8 …\u003Cbr\u003E","\u003Cp\u003EВведение в HTML\u003Cbr\u003E\u003Cp\u003EСсылки\u003Cbr\u003E\u003Cp\u003EWWW.ITEDUCATE.COM.UA\u003Cbr\u003E\u003Cp\u003EСсылки являются основой гипертекстовых документов и позволяют переходить с одной веб-страницы на другую, или к информации любого другого типа, если к ней имеется доступ.\u003Cbr\u003E\u003Ca href=\"#\"\u003Elink\u003C\u002Fa\u003E — контейнер, который все текстовое содержимое внутри себя делает ссылкой.\u003Cbr\u003EАтрибуты:\u003Cbr\u003Ehref — атрибут, который содержит в себе адрес страницы, на которую ведет ссылка.\u003Cbr\u003Etarget — способ открытия ссылки: \u003Cbr\u003E_blank — загружает страницу в новое окно браузера.\u003Cbr\u003E_self — загружает страницу в текущее окно (задается умолчанию).\u003Cbr\u003Etitle — выскакивающее окошко с подсказкой.\u003Cbr\u003Ename — имя элемента разметки (может быть практически у любого элемента разметки).\u003Cbr\u003E","\u003Cp\u003EВведение в HTML\u003Cbr\u003E\u003Cp\u003EСсылки\u003Cbr\u003E\u003Cp\u003EWWW.ITEDUCATE.COM.UA\u003Cbr\u003E\u003Cp\u003EЯкорь — закладка с уникальным именем на определенном месте веб-страницы, предназначенная для создания перехода к ней по ссылке.\u003Cbr\u003EДля создания якоря необходимо: \u003Cbr\u003Eсделать закладку в соответствующем месте и дать ей имя при помощи атрибута name тега \u003Ca\u003E;\u003Cbr\u003Eсоздать ссылку, в которой в качестве значения href для перехода к якорю используется имя закладки с символом решетки (#) впереди.\u003Cbr\u003E\u003Cp\u003E\u003Ca name=\"top\"\u003E\u003C\u002Fa\u003E \u003Cbr\u003E \u003Cbr\u003E......\u003Cbr\u003E \u003Cbr\u003E \u003Cbr\u003E\u003Ca href=\"#top\"\u003E\u003C\u002Fa\u003E\u003Cbr\u003E \u003Cbr\u003E......\u003Cbr\u003E\u003Ca href=\"#top\"\u003E\u003C\u002Fa\u003E\u003Cbr\u003E","\u003Cp\u003EQ&A\u003Cbr\u003E\u003Cp\u003EWWW.ITEDUCATE.COM.UA\u003Cbr\u003E","\u003Cp\u003EКОНТАКТНЫЕ \r\nДАННЫЕ\u003Cbr\u003E\u003Cp\u003EITEA\u003Cbr\u003Eул. Смоленская, 31-33, корп. 3\u003Cbr\u003EКиев\u003Cbr\u003E03133\u003Cbr\u003E\u003Cp\u003E+38 044 590 08 38\u003Cbr\[e-mail] \u003Cbr\u003Ewww.iteducate.com.ua \u003Cbr\u003E\u003Cp\u003Ehttps:\u002F\u002Fwww.facebook.com\u002FITeducate\u003Cbr\u003E\u003Cp\u003EWWW.ITEDUCATE.COM.UA\u003Cbr\u003E"],href:"\u002Finformatika\u002Fvvedenie-v-html-6",href_category:"\u002Finformatika",date:1659684307,related:[{id:310021,name:"Файловые архивы. Общение в Интернете",href:"\u002Finformatika\u002Ffaylovye-arhivy-obshchenie-v-internete",jpg:"jpg\u002F310021"},{id:580330,name:"Разработка мобильного приложения с технологией дополненной реальности",href:"\u002Finformatika\u002Frazrabotka-mobilnogo-prilozheniya-s-tehnologiey-dopolnennoy",jpg:"jpg\u002F580330"},{id:266863,name:"Системы реального времени",href:"\u002Finformatika\u002Fsistemy-realnogo-vremeni-2",jpg:"jpg\u002F266863"},{id:215008,name:"Информационная безопасность",href:"\u002Finformatika\u002Finformatsionnaya-bezopasnost-17",jpg:"jpg\u002F215008"},{id:303393,name:"Базы данных (БД) и СУБД ACCESS",href:"\u002Finformatika\u002Fbazy-dannyh-bd-i-subd-access",jpg:"jpg\u002F303393"},{id:430452,name:"MS Excel",href:"\u002Finformatika\u002Fms-excel-1",jpg:"jpg\u002F430452"},{id:138199,name:"Модульное программирование",href:"\u002Finformatika\u002Fmodulnoe-programmirovanie-16",jpg:"jpg\u002F138199"},{id:148847,name:"Разработка автоматизированной информационной системы предприятия",href:"\u002Finformatika\u002Frazrabotka-avtomatizirovannoy-informatsionnoy-sistemy-predpriyatiya",jpg:"jpg\u002F148847"},{id:161318,name:"Информация. Свойства и единицы измерения",href:"\u002Finformatika\u002Finformatsiya-svoystva-i-edinitsy-izmereniya",jpg:"jpg\u002F161318"},{id:186526,name:"Системы счисления. Перевод чисел",href:"\u002Finformatika\u002Fsistemy-schisleniya-perevod-chisel-1",jpg:"jpg\u002F186526"},{id:603409,name:"Моделирование как метод познания",href:"\u002Finformatika\u002Fmodelirovanie-kak-metod-poznaniya-19",jpg:"jpg\u002F603409"},{id:169150,name:"Вставка объектов в документ",href:"\u002Finformatika\u002Fvstavka-obektov-v-dokument",jpg:"jpg\u002F169150"},{id:182523,name:"Поиск и работа в интернете: прикладные и теоретические аспекты",href:"\u002Finformatika\u002Fpoisk-i-rabota-v-internete-prikladnye",jpg:"jpg\u002F182523"},{id:262095,name:"Файлы. Функции для работы с файлами",href:"\u002Finformatika\u002Ffayly-funktsii-dlya-raboty-s-faylami",jpg:"jpg\u002F262095"},{id:91811,name:"Екі өлшемді массивтер. Матрицалар",href:"\u002Finformatika\u002Fek-lshemd-massivter-matritsalar",jpg:"jpg\u002F91811"},{id:262723,name:"Складові інформаційно-аналітичної діяльності",href:"\u002Finformatika\u002Fskladov-nformatsyno-analtichno-dyalnost",jpg:"jpg\u002F262723"},{id:24229,name:"Web-страницы. Язык HTML. HTML-формы",href:"\u002Finformatika\u002Fweb-stranitsy-yazyk-html-html-formy",jpg:"jpg\u002F24229"},{id:589523,name:"Компьютерные сети. История создания сети интернет",href:"\u002Finformatika\u002Fkompyuternye-seti-istoriya-sozdaniya-seti-internet",jpg:"jpg\u002F589523"},{id:230454,name:"Сто к одному. Игра",href:"\u002Finformatika\u002Fsto-k-odnomu-igra-2",jpg:"jpg\u002F230454"},{id:334685,name:"Слагаемые телевизионного репортажа",href:"\u002Finformatika\u002Fslagaemye-televizionnogo-reportazha",jpg:"jpg\u002F334685"},{id:312961,name:"Информационные технологии в историческом образовании",href:"\u002Finformatika\u002Finformatsionnye-tehnologii-v-istoricheskom-obrazovanii",jpg:"jpg\u002F312961"},{id:91848,name:"Язык программирования общего назначения Python",href:"\u002Finformatika\u002Fyazyk-programmirovaniya-obshchego-naznacheniya-python",jpg:"jpg\u002F91848"},{id:206179,name:"Создание игр в Scratch. Стрекоза. Урок 25",href:"\u002Finformatika\u002Fsozdanie-igr-v-scratch-strekoza-urok",jpg:"jpg\u002F206179"},{id:257434,name:"Алгоритмы. Что такое алгоритм?",href:"\u002Finformatika\u002Falgoritmy-chto-takoe-algoritm",jpg:"jpg\u002F257434"},{id:93934,name:"Mobil government of Kazakhstan",href:"\u002Finformatika\u002Fmobil-government-of-kazakhstan",jpg:"jpg\u002F93934"},{id:146249,name:"Динамические структуры данных. Стеки и очереди",href:"\u002Finformatika\u002Fdinamicheskie-struktury-dannyh-steki-i-ocheredi",jpg:"jpg\u002F146249"},{id:253252,name:"Запуск в эксплуатацию системы ARIA SOHO",href:"\u002Finformatika\u002Fzapusk-v-ekspluatatsiyu-sistemy-aria-soho-1",jpg:"jpg\u002F253252"},{id:576908,name:"Программирование на языке Паскаль. §54-61. 10 класс",href:"\u002Finformatika\u002Fprogrammirovanie-na-yazyke-paskal-54-61",jpg:"jpg\u002F576908"}],navigation:{next:"\u002Fangliyskiy-yazyk\u002Fpast-continuous-vs-past-simple",next_name:"Past continuous vs. Past simple",prev:"\u002Fmedetsina\u002Fprofilaktika-i-diagnostika-vrozhdennyh-patologiy-ploda",prev_name:"Профилактика и диагностика врожденных патологий плода"}}},categories:{result:[{id:J,ordering:b,name:"Без категории",pseudoname:"uncategorized"},{id:144,ordering:b,name:"Бизнес",pseudoname:"biznes"},{id:146,ordering:b,name:"Образование",pseudoname:"obrazovanie"},{id:149,ordering:b,name:"Финансы",pseudoname:"finansy"},{id:150,ordering:b,name:"Государство",pseudoname:"gosudarstvo"},{id:152,ordering:b,name:"Спорт",pseudoname:"sport"},{id:154,ordering:b,name:"Армия",pseudoname:"armiya"},{id:156,ordering:b,name:"Культурология",pseudoname:"kulturologiya"},{id:157,ordering:b,name:"Еда и кулинария",pseudoname:"eda-i-kulinariya"},{id:158,ordering:b,name:"Лингвистика",pseudoname:"lingvistika"},{id:163,ordering:b,name:"Черчение",pseudoname:"cherchenie"},{id:164,ordering:b,name:"Физкультура",pseudoname:"fizkultura"},{id:165,ordering:b,name:"ИЗО",pseudoname:"izo"},{id:166,ordering:b,name:"Психология",pseudoname:"psihologiya"},{id:116,ordering:J,name:"Английский язык",pseudoname:"angliyskiy-yazyk"},{id:108,ordering:2,name:"Астрономия",pseudoname:"astronomiya"},{id:104,ordering:3,name:"Алгебра",pseudoname:"algebra"},{id:106,ordering:4,name:"Биология",pseudoname:"biologiya"},{id:142,ordering:5,name:"География",pseudoname:"geografiya"},{id:141,ordering:6,name:"Геометрия",pseudoname:"geometria"},{id:123,ordering:7,name:"Детские презентации",pseudoname:"detskie-prezentatsii"},{id:107,ordering:8,name:G,pseudoname:"informatika"},{id:109,ordering:9,name:"История",pseudoname:"istoriya"},{id:139,ordering: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:H,name:"Немецкий язык",pseudoname:"nemetskiy-yazyk"},{id:105,ordering:18,name:"ОБЖ",pseudoname:"obzh"},{id:133,ordering:19,name:"Обществознание ",pseudoname:"obshchestvoznanie"},{id:132,ordering:I,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:K,SITE_HOST:"mypreza.com",SITE_LANG:L,API_BASE_URL:"https:\u002F\u002Fmypreza.com\u002Fapi\u002F",pwaManifest:{name:K,short_name:a,description:a,lang:L,start_url:"\u002F?standalone=true",display:"standalone",background_color:j,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:d,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:d,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:d,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:d,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:d,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:d,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:d,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:d,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:d,sizes:R,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:d,sizes:S,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:d,sizes:S,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","Информатика",17,20,1,"Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))

Введение в HTML
Основные правила разметки
WWW.ITEDUCATE.COM.UA
Элементы не должны пересекаться: если открывающий тег располагается внутри элемента, то и соответствующий закрывающий тег должен располагаться внутри этого же элемента.
Блочные элементы могут содержать вложенные блочные и текстовые элементы.
Текстовые элементы могут содержать вложенные текстовые элементы.
Текстовые элементы не могут содержать вложенные блочные элементы.

Введение в HTML
Основные элементы для работы с текстом
WWW.ITEDUCATE.COM.UA

Введение в HTML
Заголовки
WWW.ITEDUCATE.COM.UA
Заголовки показывают важность раздела, к которому относятся. Чем больше заголовок и его «вес», тем более он значимый.
Чем выше уровень заголовка, тем больше размер шрифта. Самым верхним уровнем является уровень 1 (
), а самым нижним — уровень 6 (
).
Поисковые системы добавляют рейтинг тексту, если он находится внутри тега заголовка.
Поисковыми системами рекомендуется использовать на странице: h1 — один; h2 — около 2-4; h3 — около 4-8 …

Введение в HTML
Ссылки
WWW.ITEDUCATE.COM.UA
Ссылки являются основой гипертекстовых документов и позволяют переходить с одной веб-страницы на другую, или к информации любого другого типа, если к ней имеется доступ.
link
— контейнер, который все текстовое содержимое внутри себя делает ссылкой.
Атрибуты:
href — атрибут, который содержит в себе адрес страницы, на которую ведет ссылка.
target — способ открытия ссылки:
_blank — загружает страницу в новое окно браузера.
_self — загружает страницу в текущее окно (задается умолчанию).
title — выскакивающее окошко с подсказкой.
name — имя элемента разметки (может быть практически у любого элемента разметки).

Введение в HTML
Ссылки
WWW.ITEDUCATE.COM.UA
Якорь — закладка с уникальным именем на определенном месте веб-страницы, предназначенная для создания перехода к ней по ссылке.
Для создания якоря необходимо:
сделать закладку в соответствующем месте и дать ей имя при помощи атрибута name тега
;
создать ссылку, в которой в качестве значения href для перехода к якорю используется имя закладки с символом решетки (#) впереди.
......
......

Q&A
WWW.ITEDUCATE.COM.UA