Здравствуйте, ребята! Наш урок пройдет в электронной форме. Внимательно прочитайте инструкцию к уроку и выполните задания. Желаю успеха! Дата урока: 13.05.2022. Тема урока: Язык гипертекстовой разметки. Цель урока: Изучение основ языка разметки гипертекста HTML и использование его при Webконструировании. Ознакомление с основными структурными тегами. Срок сдачи задания: 17.05.2022. Форма представления задания: задание выполнить в тетради. Ход урока 1. Выполните тест «Компьютерные сети» для повторения изученного материала. Результат теста в виде скриншота отправьте на почту [email protected] до 16.05.2022. https://videouroki.net/tests/6716019/ . 2. В тетради запишите дату и тему урока. Запишите конспект урока Язык разметки гипертекста HTML (Hyper Text Markup Language) - язык разметки гипертекста Web-страницы. Гипертекст – совокупность документов, содержащих текстовую, аудио и видеоинформацию, связанных между собой взаимными ссылками в единый текст. Теги – инструкции браузеру, указывающие способ отображения текста. Типы тегов: • Парные (влияет на текст с того места, где употреблѐн тег, до того места, где указан признак окончания его действия), например <HTML> </HTML> (начало и конец документа). • Непарные, например < hr> (горизонтальная линия). Виды тегов: 1. Структурные теги <HTML> <HEAD> <TITLE> <BODY> </HTML> </HEAD> </TITLE> </BODY> начало и конец документа заголовочная часть документа название страницы документа тело документа 2. Форматирование текста <H1> </H1> Заголовок (уровни от 1 до 7) <B> </B> <I> </I> <U> </U> <SUB> </SUB> <SUP> </SUP> <FONT SIZE=12></FONT> <FONT COLOR=”red”></FONT> <FONT FACE=”Arial”></FONT> Полужирный шрифт Курсив Подчеркивание Подстрочный текст Надстрочный текст Размер шрифта Цвет шрифта Тип шрифта Например <FONT FACE= «ARIAL» SIZE=12 COLOR= «Green»> здесь указываем текст </FONT> 3. Ссылки и графика <A HREF=”URL”></A> <IMG SRC=”URL”> Ссылка на другой документ Графика <A HREF=”index.htm ”> Далее</A> <IMG SRC=”картинка.jpg”> 4. Задание цвета на языке HTML • Шестнадцатеричные значения (цветовая система базируется на трѐх основных цветах – красном, зеленом и синем – обозначается RGB). Например: #000000, #0000FF, #FF0000, #FFFFFF • Мнемонические обозначения (название цвета) Например: Red, White, Blue, Green <BODY BACKGROUND=”URL”> <BODY BGCOLOR=”#$$$$$$”> Пример оформления страницы Фоновая картинка страницы Цвет фона страницы
