Uploaded by Валентина Краева

10А информатика 13.05

advertisement
Здравствуйте, ребята!
Наш урок пройдет в электронной форме. Внимательно прочитайте инструкцию к уроку и выполните
задания. Желаю успеха!
Дата урока: 13.05.2022.
Тема урока: Язык гипертекстовой разметки.
Цель урока: Изучение основ языка разметки гипертекста HTML и использование его при Webконструировании. Ознакомление с основными структурными тегами.
Срок сдачи задания: 17.05.2022.
Форма представления задания: задание выполнить в тетради.
Ход урока
1. Выполните тест «Компьютерные сети» для повторения изученного материала. Результат теста в виде
скриншота отправьте на почту bessvm@mail.ru до 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=”#$$$$$$”>
Пример оформления страницы
Фоновая картинка страницы
Цвет фона страницы
Download