Слайд 2
![HTML Hyper Text Markup Language – язык гипертекстовой разметки. Описательный](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/185045/slide-1.jpg)
HTML
Hyper Text Markup Language – язык гипертекстовой разметки.
Описательный язык
разметки HTML имеет свои команды, которые называются тегами.
!Теги не чувствительны к регистру!
Слайд 3
![ТЕГ Тег - элемент HTML, представляющий из себя текст, заключенный](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/185045/slide-2.jpg)
ТЕГ
Тег - элемент HTML, представляющий из себя текст, заключенный в
угловые скобки <>. Тег является активным элементом, изменяющим представление следующей за ним информации.
Обычно используются два тега - открывающий и закрывающий.
Тег может иметь некоторое количество атрибутов.
Слайд 4
![АТРИБУТ Атрибут – это компонент тега, содержащий указания о том,](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/185045/slide-3.jpg)
АТРИБУТ
Атрибут – это компонент тега, содержащий указания о том, как
браузер должен воспринять и обработать тег.
Синтаксис тега с атрибутом:
<тег атрибут="значение">
Слайд 5
![ГИПЕРТЕКСТ Гипертекст (hypertext) – текст, содержащий ссылки на другие веб-страницы,](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/185045/slide-4.jpg)
ГИПЕРТЕКСТ
Гипертекст (hypertext) – текст, содержащий ссылки на другие веб-страницы, серверы
или ресурсы с возможностями выполнения переходов.
Слайд 6
![Открываем документ Задание.txt Название Web-страницы Меня зовут ____. Мне __](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/185045/slide-5.jpg)
Открываем документ Задание.txt
Название Web-страницы Меня зовут ____. Мне __
лет.
Это моя первая Web-страница.
Тут я могу писать любой текст.
Я размещу эту страницу в Интернете.
Слайд 7
![Создание web-страницы 1 2 3 Выполнить действия 1,2,3,4 4](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/185045/slide-6.jpg)
Создание web-страницы
1
2
3
Выполнить действия 1,2,3,4
4
Слайд 8
![WEB-страничка готова! Удалить](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/185045/slide-7.jpg)
WEB-страничка готова!
Удалить
Слайд 9
![Структура и управление Обновление web-страницы меню Вид ⇨ Просмотр HTML-кода](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/185045/slide-8.jpg)
Структура и управление
Обновление web-страницы
меню Вид ⇨ Просмотр HTML-кода
Слайд 10
![Цвета и атрибуты Изменим цвет фона нашей странички. Для этого](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/185045/slide-9.jpg)
Цвета и атрибуты
Изменим цвет фона нашей странички. Для этого в
тег добавим атрибут bgcolor:
Цвет текста:
Слайд 11
![Проверка кроссворда](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/185045/slide-10.jpg)