Slaidy.com- Главная
- Информатика
- Введение в HTML. Урок 1
Содержание
- 2. Company Infographic Insert title here Ut mauris libero, vestibulum pede ante ad et, sollicitudin risus Insert
- 3. motion. Lorem Ipsum is simply dummy text HTML документ Это обычный текстовый документ, который может быть
- 4. название документа на английском языке название документа без пробела не используйте цифры в названии документа название
- 5. HTML-документ состоит из дерева HTML-элементов(тегов) и текста. Начальное дерево элементов выглядит так (см. картинку слева). С
- 6. Сайт, как и любая другая программа пишется с помощью кода, а в нашем случае кодом являются
- 7. Lorem Ipsum is simply dummy text Говорит браузеру, что начинается/заканчивается Интернет-страница Является головой Интернет-страницы. Внутри него
- 8. Процесс написания кода в обычном текстовом редакторе может оказаться очень утомительным. Постоянно приходится открывать и закрывать
- 10. Скачать презентацию
Слайд 2Company Infographic
Insert title here
Ut mauris libero, vestibulum pede ante ad et, sollicitudin
Company Infographic
Insert title here
Ut mauris libero, vestibulum pede ante ad et, sollicitudin
risus
Insert title here
Ut mauris libero, vestibulum pede ante ad et, sollicitudin risus
Язык программирования HTML содержит основные правила, такие как:
- описание структуры HTML-страницы (HTML-документа)
- HTML-элементы
Слайд 3motion.
Lorem Ipsum is simply dummy text
HTML документ
Это обычный текстовый документ, который может
motion.
Lorem Ipsum is simply dummy text
HTML документ
Это обычный текстовый документ, который может
быть создан как в обычном текстовом редакторе (Блокнот), так и в специализированном, с подсветкой кода (Notepad++, Visual Studio Code и т.п.)
Такой HTML-документ надо сохранять
с расширение .html
Слайд 4название документа на английском языке
название документа без пробела
не используйте цифры в
название документа на английском языке название документа без пробела не используйте цифры в
названии документа
название документа отображает общую суть страницы
именование документа в нижнем регистре
Первую страницу сайта (первый HTML-документ) принято называть index.html Именно такую страницу в первую очередь будет искать браузер при переходе на ваш сайт.
Для корректного отображения страниц, при их именовании следуйте следующим правилам
Наименование Интернет-страниц
Слайд 5HTML-документ состоит из дерева HTML-элементов(тегов) и текста. Начальное дерево элементов выглядит так
HTML-документ состоит из дерева HTML-элементов(тегов) и текста. Начальное дерево элементов выглядит так
(см. картинку слева).
С этих строк начинается абсолютно любой сайт.
С этих строк начинается абсолютно любой сайт.
Дерево
HTML-элементов
Слайд 6Сайт, как и любая другая программа пишется с помощью кода, а в
Сайт, как и любая другая программа пишется с помощью кода, а в
нашем случае кодом являются теги. Теги это такие зарезервированные слова, закрытые в скобках, например: , , и тд..
Дерево
HTML-элементов
Каждый элемент обозначается в исходном документе начальным (открывающим) и конечным (закрывающим) тегом.
Начальный тег показывает, где начинается элемент, конечный — где заканчивается. Закрывающий тег образуется путем добавления слэша / перед именем элемента. Между начальным и закрывающим тегами находится содержимое элемента — контент.
Слайд 7Lorem Ipsum is simply dummy text
Говорит браузеру, что начинается/заканчивается Интернет-страница
Является головой Интернет-страницы.
Lorem Ipsum is simply dummy text
Говорит браузеру, что начинается/заканчивается Интернет-страница
Является головой Интернет-страницы.
Внутри него обычно именуют страницу, подключают сторонние стили и документы
<br><p>Дает название Интернет-странице. <br><p><body><br><p>Является телом Интернет-страницы. Внутри располагают всё то, что пользователь видит на сайте, т.е. все элементы сайта.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide8" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/905229/slide-7.jpg" target="_blank" rel="noopener">Слайд 8</a><h3 class="slides-content text-center font-bold"><div><p>Процесс написания кода в обычном текстовом редакторе может оказаться очень утомительным. Постоянно</div></h3></h3><img 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/905229/slide-7.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/905229/slide-7.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/905229/slide-7.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/905229/slide-7.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/905229/slide-7.jpg" class="slides-image"><!----><div class="slides-content">приходится открывать и закрывать теги, заполняя их тем или иным контентом (текстом, ссылками, картинками).<br>Для упрощения и ускорения вёрстки в Visual Studio Code есть встроенный автокомплит. Это функция программы, которая автоматически добавляет закрывающий тег, а порой даже целые HTML конструкции. Чтобы начать пользоваться этой функцией, достаточно просто ввести название тега без кавычек и нажать клавишу Enter. <br>Конструкция автоматически допишется. <br><p>Автокомплит<br><p>Visual Studio Code <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.-Урок-1.pptx <br> Количество просмотров: 105 <br> Количество скачиваний: 0</div><button class="download-btn" type="submit">Скачать</button><!----></form><div class="navigation"><div class="navigation-item"><div>- Предыдущая</div><a href="/prezentacii-po-fizike/izmenenie-agregatnogo-sostoyaniya-veshchestva-1" class="navigation-link">Изменение агрегатного состояния вещества</a></div><div class="navigation-item"><div>Следующая -</div><a href="/prezentacii-po-medicine/profilaktika-pishchevyh-otravleniy-2" 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="/prezentacii-po-informatike/lektsiya-1oaip2020" class="related-itemLink"><img 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/953773/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/953773/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/953773/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/953773/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/953773/slide-0.jpg" class="slides-image related-itemImage"> Лекция 1_ОАИП_2020</a></div><div class="related-item"><a href="/prezentacii-po-informatike/pr-kampaniya-komanda-piarologi" class="related-itemLink"><img 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/1049329/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1049329/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1049329/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1049329/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1049329/slide-0.jpg" class="slides-image related-itemImage"> PR-кампания. Команда Пиарологи</a></div><div class="related-item"><a href="/prezentacii-po-informatike/rozrobka-programnogo-zabezpechennya-trivimrnogo-modelyuvannya-arhtekturnogo" class="related-itemLink"><img 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/1166110/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1166110/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1166110/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1166110/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1166110/slide-0.jpg" class="slides-image related-itemImage"> Розробка програмного забезпечення тривимірного моделювання архітектурного проекту будинку на базі технології Microsoft .NET</a></div><div class="related-item"><a href="/prezentacii-po-informatike/upravlenie-dostupom-v-is" class="related-itemLink"><img 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/856695/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/856695/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/856695/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/856695/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/856695/slide-0.jpg" class="slides-image related-itemImage"> Управление доступом в ИС</a></div><div class="related-item"><a href="/prezentacii-po-informatike/tsifrovaya-gigiena-1" class="related-itemLink"><img 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/877775/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/877775/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/877775/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/877775/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/877775/slide-0.jpg" class="slides-image related-itemImage"> Цифровая гигиена</a></div><div class="related-item"><a href="/prezentacii-po-informatike/realizatsiya-tipovogo-servisa-voprosov-i-otvetov" class="related-itemLink"><img 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/1079790/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1079790/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1079790/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1079790/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1079790/slide-0.jpg" class="slides-image related-itemImage"> Реализация типового сервиса вопросов и ответов</a></div><div class="related-item"><a href="/prezentacii-po-informatike/patterny-gof" class="related-itemLink"><img 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/915450/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/915450/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/915450/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/915450/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/915450/slide-0.jpg" class="slides-image related-itemImage"> Паттерны Gof</a></div><div class="related-item"><a href="/prezentacii-po-informatike/5-7-1-kodirovanie-informacii" class="related-itemLink"><img 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/908258/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/908258/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/908258/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/908258/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/908258/slide-0.jpg" class="slides-image related-itemImage"> 5-7-1-kodirovanie-informacii</a></div><div class="related-item"><a href="/prezentacii-po-informatike/intensiv-slepoy-metod-nabora" class="related-itemLink"><img 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/913625/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/913625/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/913625/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/913625/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/913625/slide-0.jpg" class="slides-image related-itemImage"> Интенсив. Слепой метод набора</a></div><div class="related-item"><a href="/prezentacii-po-informatike/obrazets-oformleniya-gruppy-v-kontakte" class="related-itemLink"><img 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/875606/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/875606/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/875606/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/875606/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/875606/slide-0.jpg" class="slides-image related-itemImage"> Образец оформления группы в Контакте</a></div><div class="related-item"><a href="/prezentacii-po-informatike/3csetcursorposition" class="related-itemLink"><img 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/1164018/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1164018/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1164018/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1164018/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1164018/slide-0.jpg" class="slides-image related-itemImage"> 3CSetCursorPosition</a></div><div class="related-item"><a href="/prezentacii-po-informatike/algebra-logiki-vilgelm-leybnits-1646-1716" class="related-itemLink"><img 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/1124333/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1124333/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1124333/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1124333/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1124333/slide-0.jpg" class="slides-image related-itemImage"> Алгебра логики. Вильгельм Лейбниц (1646-1716)</a></div><div class="related-item"><a href="/prezentacii-po-informatike/poisk-idushchih-podryad-odinakovyh-razlichnyh-simvolov" class="related-itemLink"><img 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/968518/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/968518/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/968518/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/968518/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/968518/slide-0.jpg" class="slides-image related-itemImage"> Поиск идущих подряд одинаковых / различных символов</a></div><div class="related-item"><a href="/prezentacii-po-informatike/microsoft-azure-1" class="related-itemLink"><img 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/1136984/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1136984/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1136984/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1136984/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1136984/slide-0.jpg" class="slides-image related-itemImage"> Microsoft Azure</a></div><div class="related-item"><a href="/prezentacii-po-informatike/informatsiya-eto-" class="related-itemLink"><img 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/1084806/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1084806/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1084806/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1084806/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1084806/slide-0.jpg" class="slides-image related-itemImage"> Информация - это …</a></div><div class="related-item"><a href="/prezentacii-po-informatike/otsenka-rynka-programmnyh-produktov-v-sfere" class="related-itemLink"><img 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/1135181/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1135181/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1135181/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1135181/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1135181/slide-0.jpg" class="slides-image related-itemImage"> Оценка рынка программных продуктов в сфере медицинских информационных систем Workspace Manager</a></div><div class="related-item"><a href="/prezentacii-po-informatike/informatsiya-izmerenie-informatsii-3" class="related-itemLink"><img 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/891334/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/891334/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/891334/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/891334/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/891334/slide-0.jpg" class="slides-image related-itemImage"> Информация. Измерение информации</a></div><div class="related-item"><a href="/prezentacii-po-informatike/otrabotka-tablits-istinnosti-s-obyasneniyami" class="related-itemLink"><img 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/1030080/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1030080/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1030080/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1030080/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1030080/slide-0.jpg" class="slides-image related-itemImage"> Отработка таблиц истинности с объяснениями</a></div><div class="related-item"><a href="/prezentacii-po-informatike/onlayn-kassa-rnkb" class="related-itemLink"><img 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/890083/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/890083/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/890083/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/890083/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/890083/slide-0.jpg" class="slides-image related-itemImage"> Онлайн касса РНКБ</a></div><div class="related-item"><a href="/prezentacii-po-informatike/osnovy-programmirovaniya-na-python-6" class="related-itemLink"><img 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/1102995/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1102995/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1102995/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1102995/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1102995/slide-0.jpg" class="slides-image related-itemImage"> Основы программирования на Python</a></div><div class="related-item"><a href="/prezentacii-po-informatike/formy-zapisi-algoritmov-figury-bloki-blok-4" class="related-itemLink"><img 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/1150992/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1150992/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1150992/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1150992/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1150992/slide-0.jpg" class="slides-image related-itemImage"> Формы записи алгоритмов. Фигуры (блоки) блок-схемы</a></div><div class="related-item"><a href="/prezentacii-po-informatike/povtoryayushchiesya-elementy-v-okruzhayushchem-mire-6" class="related-itemLink"><img 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/949683/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/949683/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/949683/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/949683/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/949683/slide-0.jpg" class="slides-image related-itemImage"> Повторяющиеся элементы в окружающем мире. 6 класс</a></div><div class="related-item"><a href="/prezentacii-po-informatike/algoritmy-i-sposoby-ih-opisaniya-10" class="related-itemLink"><img 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/863309/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/863309/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/863309/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/863309/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/863309/slide-0.jpg" class="slides-image related-itemImage"> Алгоритмы и способы их описания</a></div><div class="related-item"><a href="/prezentacii-po-informatike/prakticheskaya-kvalifikatsionnaya-rabota-ustroystvo-pamyati-personalnogo" class="related-itemLink"><img 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/1122217/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1122217/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1122217/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1122217/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1122217/slide-0.jpg" class="slides-image related-itemImage"> Практическая квалификационная работа Устройство памяти персонального компьютера</a></div><div class="related-item"><a href="/prezentacii-po-informatike/prezentaciya-na-temu-ms-office-v-shkole" class="related-itemLink"><img 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/263910/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/263910/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/263910/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/263910/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/263910/slide-0.jpg" class="slides-image related-itemImage"> Презентация на тему MS Office в школе </a></div><div class="related-item"><a href="/prezentacii-po-informatike/puti-izucheniya-angliyskogo-yazyka-cherez-internet" class="related-itemLink"><img 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/1053534/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1053534/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1053534/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1053534/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1053534/slide-0.jpg" class="slides-image related-itemImage"> Пути изучения английского языка через интернет</a></div><div class="related-item"><a href="/prezentacii-po-informatike/razrabotka-interaktivnyh-zadach-po-teorii-veroyatnostey" class="related-itemLink"><img 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/1144589/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1144589/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1144589/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1144589/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1144589/slide-0.jpg" class="slides-image related-itemImage"> Разработка интерактивных задач по теории вероятностей в Smart Notebook</a></div><div class="related-item"><a href="/prezentacii-po-informatike/modeli-zhiznennogo-tsikla-programmnogo-obespecheniya-kaskadnaya" class="related-itemLink"><img 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/900459/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/900459/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/900459/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/900459/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/900459/slide-0.jpg" class="slides-image related-itemImage"> Модели жизненного цикла программного обеспечения. Каскадная модель и ее модификации. Лекции 7-8</a></div><!--]--></div></div></div></div><!--]--><!--]--><!--]--></div></div></main><footer class="footer"><div class="layout"><div class="footer-text"><!--LiveInternet counter--><a href="https://www.liveinternet.ru/click"
target="_blank"><img id="licnt7D89" width="88" height="31" style="border:0"
title="LiveInternet: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня"
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAIBTAA7"
alt="LiveInternet"/></a><script>(function(d,s){d.getElementById("licnt7D89").src=
"https://counter.yadro.ru/hit?t12.1;r"+escape(d.referrer)+
((typeof(s)=="undefined")?"":";s"+s.width+"*"+s.height+"*"+
(s.colorDepth?s.colorDepth:s.pixelDepth))+";u"+escape(d.URL)+
";h"+escape(d.title.substring(0,150))+";"+Math.random()})
(document,screen)</script><!--/LiveInternet--></div><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-text"><a href="/page/pravoobladateliam">Для правообладателей</a></div><div class="footer-contactsEmail"> Email: <span class="footer-contactsShow">Нажмите что бы посмотреть</span></div></div></footer></div><!--]--></div><script>window.__NUXT__=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V){return {data:{meta:{result:{meta:{h1:l,main_text:b,main_title:m,main_description:n,main_keywords:o,main_image:b},app:{logo_image:p,logo_image_width:i,logo_image_height:q,logo_text:r,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:e,banner_1:b,banner_2:b,banner_3:b,banner_4:b,banner_5:b,banner_6:b,banner_7:b,banner_8:b,banner_9:b,banner_10:w,email:x,footer_before:y,footer:z,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:A,item_images:B,item_images_tag:C,item_words_h3:c,item_words_tag:D,item_words_1:h,routing:E,item_slide_skipping:F,item_download_timeout:G,item_slider_width:a,item_show_pdf:c,item_show_contents:c,item_show_filename:e},colors:{header_text:j,header_bg:k,accent:H}},social:I}},categories:{result:[{id:J,ordering:a,name:"Алгебра",pseudoname:"prezentacii-po-algebre"},{id:2,ordering:a,name:"Английский язык",pseudoname:"prezentacii-po-angliyskomu-yaziku"},{id:3,ordering:a,name:"Астрономия",pseudoname:"prezentacii-po-astronomii"},{id:4,ordering:a,name:"Биология",pseudoname:"prezentacii-po-biologii"},{id:5,ordering:a,name:"География",pseudoname:"prezentacii-po-geografii"},{id:6,ordering:a,name:"Геометрия",pseudoname:"prezentacii-po-geometrii"},{id:7,ordering:a,name:K,pseudoname:"prezentacii-po-informatike"},{id:8,ordering:a,name:"История",pseudoname:"prezentacii-po-istorii"},{id:L,ordering:a,name:"Литература",pseudoname:"prezentacii-po-literature"},{id:10,ordering:a,name:"Математика",pseudoname:"prezentacii-po-matematike"},{id:11,ordering:a,name:"Медицина",pseudoname:"prezentacii-po-medicine"},{id:h,ordering:a,name:"Музыка",pseudoname:"prezentacii-po-musice"},{id:13,ordering:a,name:"МХК",pseudoname:"prezentacii-po-mkhk"},{id:14,ordering:a,name:"ОБЖ",pseudoname:"prezentacii-po-obzh"},{id:15,ordering:a,name:"Обществознание",pseudoname:"prezentacii-po-obshhestvoznaniju"},{id:17,ordering:a,name:"Педагогика",pseudoname:"prezentacii-po-pedagogike"},{id:18,ordering:a,name:"Немецкий язык",pseudoname:"prezentacii-po-nemezkomy-yaziku"},{id:20,ordering:a,name:"Русский язык",pseudoname:"prezentacii-po-russkomu-yazyku"},{id:21,ordering:a,name:"Технология",pseudoname:"prezentacii-po-tehnologii"},{id:22,ordering:a,name:"Физика",pseudoname:"prezentacii-po-fizike"},{id:23,ordering:a,name:"Философия",pseudoname:"prezentacii-po-filosofii"},{id:24,ordering:a,name:"Химия",pseudoname:"prezentacii-po-himii"},{id:25,ordering:a,name:"Экология",pseudoname:"prezentacii-po-ehkologii"},{id:26,ordering:a,name:"Экономика",pseudoname:"prezentacii-po-ekonomike"},{id:27,ordering:a,name:"Детские презентации",pseudoname:"detskie-prezentacii"},{id:i,ordering:a,name:"Шаблоны презентаций",pseudoname:"shablony-dlya-prezentacii"},{id:29,ordering:a,name:"Разное",pseudoname:"prezentacii-na-razlichnye-temy"},{id:48,ordering:a,name:"Культурология",pseudoname:"kulturologiya"},{id:16,ordering:J,name:"Окружающий мир",pseudoname:"prezentacii-po-okruzhayushhemu-miru"}]},item:{result:{id:905229,name:"Введение в HTML. Урок 1",category:K,count:L,jpg:"jpg\u002F905229",hits:105,download:a,h1:M,meta:{h1:M,title:"Введение в HTML. Урок 1 презентация",description:"Введение в HTML. Урок 1 презентация, доклад, проект, Информатика ",keywords:"Введение в HTML. Урок 1, презентация, доклад, проект, скачать презентацию на тему, PowerPoint, скачати презентацію, фон, шаблон, урок, конспект, класс, школа, класс, Информатика",download_link:b},text:"\u003Cp style=\"text-align: justify;\" \u002F\u003EПрезентация на тему Введение в HTML. Урок 1, из раздела: Информатика. Презентацию в формате PowerPoint (pptx) можно скачать внизу страницы, поделившись ссылкой в социальных сетях! Презентации взяты из открытого доступа или загружены их авторами, администрация сайта не отвечает за достоверность информации в них. Все права принадлежат авторам материалов: \u003Ca href=\"politika-zashchity-avtorskih-prav\"\u003EПолитика защиты авторских прав\u003C\u002Fa\u003E",seo_text:"\u003Cp\u003ECompany Infographic\u003Cbr\u003E\u003Cp\u003EInsert title here\u003Cbr\u003E\u003Cp\u003EUt mauris libero, vestibulum pede ante ad et, sollicitudin risus\u003Cbr\u003E\u003Cp\u003EInsert title here\u003Cbr\u003E\u003Cp\u003EUt mauris libero, vestibulum pede ante ad et, sollicitudin risus\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003EЯзык программирования HTML содержит основные правила, такие как:\u003Cbr\u003E\u003Cbr\u003E- описание структуры HTML-страницы (HTML-документа)\u003Cbr\u003E- HTML-элементы\u003Cbr\u003E \u003Cbr\u003E \u003Cp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003Emotion.\u003Cbr\u003E\u003Cp\u003ELorem Ipsum is simply dummy text \u003Cbr\u003E\u003Cp\u003EHTML документ\u003Cbr\u003E\u003Cp\u003EЭто обычный текстовый документ, который может быть создан как в обычном текстовом редакторе (Блокнот), так и в специализированном, с подсветкой кода (Notepad++, Visual Studio Code и т.п.)\u003Cbr\u003E\u003Cp\u003EТакой HTML-документ надо сохранять \u003Cbr\u003Eс расширение .html\u003Cbr\u003E",file:"Введение-в-HTML.-Урок-1.pptx",texts:["\u003Cp\u003EHTML — стандартизированный язык разметки документов для просмотра веб-страниц в браузере\u003Cbr\u003E\u003Cp\u003EУрок 1\t Введение в HTML\u003Cbr\u003E\u003Cp\u003Eприступить \u003Cbr\u003E\u003Cp\u003EHTML\u003Cbr\u003E","\u003Cp\u003ECompany Infographic\u003Cbr\u003E\u003Cp\u003EInsert title here\u003Cbr\u003E\u003Cp\u003EUt mauris libero, vestibulum pede ante ad et, sollicitudin risus\u003Cbr\u003E\u003Cp\u003EInsert title here\u003Cbr\u003E\u003Cp\u003EUt mauris libero, vestibulum pede ante ad et, sollicitudin risus\u003Cbr\u003E\u003Cp\u003EЯзык программирования HTML содержит основные правила, такие как:\u003Cbr\u003E- описание структуры HTML-страницы (HTML-документа)\u003Cbr\u003E- HTML-элементы\u003Cbr\u003E \u003Cbr\u003E","\u003Cp\u003Emotion.\u003Cbr\u003E\u003Cp\u003ELorem Ipsum is simply dummy text \u003Cbr\u003E\u003Cp\u003EHTML документ\u003Cbr\u003E\u003Cp\u003EЭто обычный текстовый документ, который может быть создан как в обычном текстовом редакторе (Блокнот), так и в специализированном, с подсветкой кода (Notepad++, Visual Studio Code и т.п.)\u003Cbr\u003E\u003Cp\u003EТакой HTML-документ надо сохранять \u003Cbr\u003Eс расширение .html\u003Cbr\u003E","\u003Cp\u003Eназвание документа на английском языке \r\n\r\n\r\nназвание документа без пробела\r\n\r\n\r\nне используйте цифры в названии документа\r\n\r\n\r\nназвание документа отображает общую суть страницы\r\n\r\n\r\nименование документа в нижнем регистре\r\n\r\n\r\n\r\n\u003Cbr\u003E\u003Cp\u003EПервую страницу сайта (первый HTML-документ) принято называть index.html Именно такую страницу в первую очередь будет искать браузер при переходе на ваш сайт. \u003Cbr\u003EДля корректного отображения страниц, при их именовании следуйте следующим правилам\u003Cbr\u003E\u003Cp\u003EНаименование Интернет-страниц\u003Cbr\u003E","\u003Cp\u003EHTML-документ состоит из дерева HTML-элементов(тегов) и текста. Начальное дерево элементов выглядит так (см. картинку слева).\u003Cbr\u003EС этих строк начинается абсолютно любой сайт.\u003Cbr\u003E\u003Cp\u003EДерево \u003Cbr\u003EHTML-элементов\u003Cbr\u003E","\u003Cp\u003EСайт, как и любая другая программа пишется с помощью кода, а в нашем случае кодом являются теги. Теги это такие зарезервированные слова, закрытые в скобках, например: \u003Chtml\u003E, \u003Chead\u003E, \u003Cbody\u003E и тд..\u003Cbr\u003E\u003Cp\u003EДерево \u003Cbr\u003EHTML-элементов\u003Cbr\u003E\u003Cp\u003EКаждый элемент обозначается в исходном документе начальным (открывающим) и конечным (закрывающим) тегом. \u003Cbr\u003EНачальный тег показывает, где начинается элемент, конечный — где заканчивается. Закрывающий тег образуется путем добавления слэша \u002F перед именем элемента. Между начальным и закрывающим тегами находится содержимое элемента — контент.\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003ELorem Ipsum is simply dummy text \u003Cbr\u003E\u003Cp\u003E\u003Chtml\u003E\u003Cbr\u003E\u003Cp\u003EГоворит браузеру, что начинается\u002Fзаканчивается Интернет-страница\u003Cbr\u003E\u003Cp\u003E\u003Chead\u003E\u003Cbr\u003E\u003Cp\u003EЯвляется головой Интернет-страницы. Внутри него обычно именуют страницу, подключают сторонние стили и документы\u003Cbr\u003E\u003Cp\u003EБазовые \u003Cbr\u003Eтеги\u003Cbr\u003E\u003Cp\u003EПример базовых (начальных) тегов с их описанием представлен ниже:\u003Cbr\u003E\u003Cp\u003E\u003Ctitle\u003E\u003Cbr\u003E\u003Cp\u003EДает название Интернет-странице. \u003Cbr\u003E\u003Cp\u003E\u003Cbody\u003E\u003Cbr\u003E\u003Cp\u003EЯвляется телом Интернет-страницы. Внутри располагают всё то, что пользователь видит на сайте, т.е. все элементы сайта.\u003Cbr\u003E","\u003Cp\u003EПроцесс написания кода в обычном текстовом редакторе может оказаться очень утомительным. Постоянно приходится открывать и закрывать теги, заполняя их тем или иным контентом (текстом, ссылками, картинками).\u003Cbr\u003EДля упрощения и ускорения вёрстки в Visual Studio Code есть встроенный автокомплит. Это функция программы, которая автоматически добавляет закрывающий тег, а порой даже целые HTML конструкции. Чтобы начать пользоваться этой функцией, достаточно просто ввести название тега без кавычек и нажать клавишу Enter. \u003Cbr\u003EКонструкция автоматически допишется. \u003Cbr\u003E\u003Cp\u003EАвтокомплит\u003Cbr\u003E\u003Cp\u003EVisual Studio Code \u003Cbr\u003E","\u003Cp\u003Eweb.\u003Cbr\u003E\u003Cp\u003Ethe step is done\u003Cbr\u003E\u003Cp\u003E“Мы узнали, про язык программирования HTML, HTML-документ, его элементы и структуру. Научились тому, как пользоваться автокомплитом. \u003Cbr\u003EПора приступать к созданию своей первой Интернет-странички!“\u003Cbr\u003E"],href:"\u002Fprezentacii-po-informatike\u002Fvvedenie-v-html-urok-1",href_category:"\u002Fprezentacii-po-informatike",date:1614554874,related:[{id:953773,name:"Лекция 1_ОАИП_2020",href:"\u002Fprezentacii-po-informatike\u002Flektsiya-1oaip2020",jpg:"jpg\u002F953773"},{id:1049329,name:"PR-кампания. Команда Пиарологи",href:"\u002Fprezentacii-po-informatike\u002Fpr-kampaniya-komanda-piarologi",jpg:"jpg\u002F1049329"},{id:1166110,name:"Розробка програмного забезпечення тривимірного моделювання архітектурного проекту будинку на базі технології Microsoft .NET",href:"\u002Fprezentacii-po-informatike\u002Frozrobka-programnogo-zabezpechennya-trivimrnogo-modelyuvannya-arhtekturnogo",jpg:"jpg\u002F1166110"},{id:856695,name:"Управление доступом в ИС",href:"\u002Fprezentacii-po-informatike\u002Fupravlenie-dostupom-v-is",jpg:"jpg\u002F856695"},{id:877775,name:"Цифровая гигиена",href:"\u002Fprezentacii-po-informatike\u002Ftsifrovaya-gigiena-1",jpg:"jpg\u002F877775"},{id:1079790,name:"Реализация типового сервиса вопросов и ответов",href:"\u002Fprezentacii-po-informatike\u002Frealizatsiya-tipovogo-servisa-voprosov-i-otvetov",jpg:"jpg\u002F1079790"},{id:915450,name:"Паттерны Gof",href:"\u002Fprezentacii-po-informatike\u002Fpatterny-gof",jpg:"jpg\u002F915450"},{id:908258,name:"5-7-1-kodirovanie-informacii",href:"\u002Fprezentacii-po-informatike\u002F5-7-1-kodirovanie-informacii",jpg:"jpg\u002F908258"},{id:913625,name:"Интенсив. Слепой метод набора",href:"\u002Fprezentacii-po-informatike\u002Fintensiv-slepoy-metod-nabora",jpg:"jpg\u002F913625"},{id:875606,name:"Образец оформления группы в Контакте",href:"\u002Fprezentacii-po-informatike\u002Fobrazets-oformleniya-gruppy-v-kontakte",jpg:"jpg\u002F875606"},{id:1164018,name:"3CSetCursorPosition",href:"\u002Fprezentacii-po-informatike\u002F3csetcursorposition",jpg:"jpg\u002F1164018"},{id:1124333,name:"Алгебра логики. Вильгельм Лейбниц (1646-1716)",href:"\u002Fprezentacii-po-informatike\u002Falgebra-logiki-vilgelm-leybnits-1646-1716",jpg:"jpg\u002F1124333"},{id:968518,name:"Поиск идущих подряд одинаковых \u002F различных символов",href:"\u002Fprezentacii-po-informatike\u002Fpoisk-idushchih-podryad-odinakovyh-razlichnyh-simvolov",jpg:"jpg\u002F968518"},{id:1136984,name:"Microsoft Azure",href:"\u002Fprezentacii-po-informatike\u002Fmicrosoft-azure-1",jpg:"jpg\u002F1136984"},{id:1084806,name:"Информация - это …",href:"\u002Fprezentacii-po-informatike\u002Finformatsiya-eto-",jpg:"jpg\u002F1084806"},{id:1135181,name:"Оценка рынка программных продуктов в сфере медицинских информационных систем Workspace Manager",href:"\u002Fprezentacii-po-informatike\u002Fotsenka-rynka-programmnyh-produktov-v-sfere",jpg:"jpg\u002F1135181"},{id:891334,name:"Информация. Измерение информации",href:"\u002Fprezentacii-po-informatike\u002Finformatsiya-izmerenie-informatsii-3",jpg:"jpg\u002F891334"},{id:1030080,name:"Отработка таблиц истинности с объяснениями",href:"\u002Fprezentacii-po-informatike\u002Fotrabotka-tablits-istinnosti-s-obyasneniyami",jpg:"jpg\u002F1030080"},{id:890083,name:"Онлайн касса РНКБ",href:"\u002Fprezentacii-po-informatike\u002Fonlayn-kassa-rnkb",jpg:"jpg\u002F890083"},{id:1102995,name:"Основы программирования на Python",href:"\u002Fprezentacii-po-informatike\u002Fosnovy-programmirovaniya-na-python-6",jpg:"jpg\u002F1102995"},{id:1150992,name:"Формы записи алгоритмов. Фигуры (блоки) блок-схемы",href:"\u002Fprezentacii-po-informatike\u002Fformy-zapisi-algoritmov-figury-bloki-blok-4",jpg:"jpg\u002F1150992"},{id:949683,name:"Повторяющиеся элементы в окружающем мире. 6 класс",href:"\u002Fprezentacii-po-informatike\u002Fpovtoryayushchiesya-elementy-v-okruzhayushchem-mire-6",jpg:"jpg\u002F949683"},{id:863309,name:"Алгоритмы и способы их описания",href:"\u002Fprezentacii-po-informatike\u002Falgoritmy-i-sposoby-ih-opisaniya-10",jpg:"jpg\u002F863309"},{id:1122217,name:"Практическая квалификационная работа Устройство памяти персонального компьютера",href:"\u002Fprezentacii-po-informatike\u002Fprakticheskaya-kvalifikatsionnaya-rabota-ustroystvo-pamyati-personalnogo",jpg:"jpg\u002F1122217"},{id:263910,name:"Презентация на тему MS Office в школе ",href:"\u002Fprezentacii-po-informatike\u002Fprezentaciya-na-temu-ms-office-v-shkole",jpg:"jpg\u002F263910"},{id:1053534,name:"Пути изучения английского языка через интернет",href:"\u002Fprezentacii-po-informatike\u002Fputi-izucheniya-angliyskogo-yazyka-cherez-internet",jpg:"jpg\u002F1053534"},{id:1144589,name:"Разработка интерактивных задач по теории вероятностей в Smart Notebook",href:"\u002Fprezentacii-po-informatike\u002Frazrabotka-interaktivnyh-zadach-po-teorii-veroyatnostey",jpg:"jpg\u002F1144589"},{id:900459,name:"Модели жизненного цикла программного обеспечения. Каскадная модель и ее модификации. Лекции 7-8",href:"\u002Fprezentacii-po-informatike\u002Fmodeli-zhiznennogo-tsikla-programmnogo-obespecheniya-kaskadnaya",jpg:"jpg\u002F900459"}],navigation:{next:"\u002Fprezentacii-po-medicine\u002Fprofilaktika-pishchevyh-otravleniy-2",next_name:"Профилактика пищевых отравлений",prev:"\u002Fprezentacii-po-fizike\u002Fizmenenie-agregatnogo-sostoyaniya-veshchestva-1",prev_name:"Изменение агрегатного состояния вещества"}}}},state:{},_errors:{},serverRendered:e,config:{public:{SITE_NAME:N,SITE_HOST:"slaidy.com",SITE_LANG:O,API_BASE_URL:"https:\u002F\u002Fslaidy.com\u002Fapi\u002F",pwaManifest:{name:N,short_name:b,description:b,lang:O,start_url:"\u002F?standalone=true",display:"standalone",background_color:k,theme_color:j,icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.d7f48e96.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.d7f48e96.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.d7f48e96.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.d7f48e96.png",type:d,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.d7f48e96.png",type:d,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.d7f48e96.png",type:d,sizes:R,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.d7f48e96.png",type:d,sizes:S,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.d7f48e96.png",type:d,sizes:S,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.d7f48e96.png",type:d,sizes:T,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.d7f48e96.png",type:d,sizes:T,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.d7f48e96.png",type:d,sizes:U,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.d7f48e96.png",type:d,sizes:U,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.d7f48e96.png",type:d,sizes:V,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.d7f48e96.png",type:d,sizes:V,purpose:g}]},yandexMetrika:{id:"79446466",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:e,childIframe:c,clickmap:c,defer:c,useRuntimeConfig:e,trackHash:c,trackLinks:e,type:a,webvisor:c,triggerEvent:c,consoleLog:e,partytown:c,isDev:c}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:b}},pinia:{app:{meta:{h1:l,main_text:b,main_title:m,main_description:n,main_keywords:o,main_image:b},app:{logo_image:p,logo_image_width:i,logo_image_height:q,logo_text:r,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:e,banner_1:b,banner_2:b,banner_3:b,banner_4:b,banner_5:b,banner_6:b,banner_7:b,banner_8:b,banner_9:b,banner_10:w,email:x,footer_before:y,footer:z,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:A,item_images:B,item_images_tag:C,item_words_h3:c,item_words_tag:D,item_words_1:h,routing:E,item_slide_skipping:F,item_download_timeout:G,item_slider_width:a,item_show_pdf:c,item_show_contents:c,item_show_filename:e},colors:{header_text:j,header_bg:k,accent:H}},social:I,token:b}}}}(0,"",false,"image\u002Fpng",true,"any","maskable",12,28,"#000000","#ffffff","Презентации, проекты, доклады в PowerPoint на любую тему","Презентации и проекты в PowerPoint","Презентации на различные темы для детей, школьников, родителей, студентов, учителей и преподавателей.","Презентация, презентация на тему, скачать презентацию, урок презентация, 1 2 3 4 5 6 7 8 9 10 11 класс","images\u002Fdata\u002Flogo.jpg",32,"Slaidy.com",720,480,"6LfWmAYrAAAAAFyidHOK1ZHtYSECWR5CvAmygt5c","3190226","\u003C!-- Yandex.RTB R-A-1990700-7 --\u003E\r\n\u003Cscript\u003E\r\nwindow.yaContextCb.push(() =\u003E {\r\n Ya.Context.AdvManager.render({\r\n \"blockId\": \"R-A-1990700-7\",\r\n \"type\": \"fullscreen\",\r\n \"platform\": \"touch\"\r\n })\r\n})\r\n\u003C\u002Fscript\u003E","slaidy.com@ya.ru","\u003C!--LiveInternet counter--\u003E\u003Ca href=\"https:\u002F\u002Fwww.liveinternet.ru\u002Fclick\"\r\ntarget=\"_blank\"\u003E\u003Cimg id=\"licnt7D89\" width=\"88\" height=\"31\" style=\"border:0\" \r\ntitle=\"LiveInternet: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня\"\r\nsrc=\"data:image\u002Fgif;base64,R0lGODlhAQABAIAAAAAAAP\u002F\u002F\u002FyH5BAEAAAEALAAAAAABAAEAAAIBTAA7\"\r\nalt=\"LiveInternet\"\u002F\u003E\u003C\u002Fa\u003E\u003Cscript\u003E(function(d,s){d.getElementById(\"licnt7D89\").src=\r\n\"https:\u002F\u002Fcounter.yadro.ru\u002Fhit?t12.1;r\"+escape(d.referrer)+\r\n((typeof(s)==\"undefined\")?\"\":\";s\"+s.width+\"*\"+s.height+\"*\"+\r\n(s.colorDepth?s.colorDepth:s.pixelDepth))+\";u\"+escape(d.URL)+\r\n\";h\"+escape(d.title.substring(0,150))+\";\"+Math.random()})\r\n(document,screen)\u003C\u002Fscript\u003E\u003C!--\u002FLiveInternet--\u003E","\u003Ca href=\"\u002Fpage\u002Fpravoobladateliam\"\u003EДля правообладателей\u003C\u002Fa\u003E","h3a","images_before","none","h3","category","both",77,"#ff0d00","\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fes5-shims\u002F0.0.2\u002Fes5-shims.min.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fshare2\u002Fshare.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cdiv class=\"ya-share2\" data-services=\"collections,gplus,vkontakte,facebook,odnoklassniki,gplus,twitter,moimir\" data-counter=\"\"\u003E\u003C\u002Fdiv\u003E",1,"Информатика",9,"Введение в HTML. Урок 1 ","Slaidy","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))</script><script type="module" src="/_nuxt/entry.e6b1bc94.js" crossorigin></script></body>
</html>
Базовые
теги
Пример базовых (начальных) тегов с их описанием представлен ниже: