Слайд 1

«Язык разметки гипертекста HTML » 8 класс Выполнила : учитель информатики и ИКТ Тишкина А.Н. МБОУСОШ № 63

Слайд 2

Содержание HTML Web – страница Размещение страниц на Web -узле Основные теги web -страницы Теги форматирования текста Выравнивание текста абзаца Нумерованный список Маркированный список Многоуровневый список Цвет текста и фона Web- страницы Вставка изображения Вставка рисунка Рекомендации Создание web-страницы

Слайд 3

HTML HTML (Hyper Text Markup Language) – стандартный язык для создания Web -страниц Описательный язык разметки HTML имеет свои команды, которые называются тегами . Содержание

Слайд 4

ТЕГ Тег - элемент HTML, представляющий из себя текст, заключенный в угловые скобки <>. Тег является активным элементом, изменяющим представление следующей за ним информации. Обычно используются два тега - открывающий и закрывающий. Содержание

Слайд 5

Web- страница Это текстовый файл с управляющими дескрипторами языка HTML . Содержание

Слайд 6

Размещение страниц на Web -узле Index.htm Стр.1 Стр.2 Стр.3 Последовательное размещение страниц на Web -узле Index.htm Стр.1.1 Стр.1.2 Стр.1.3 Стр.2 Стр.2.1 Стр.2.2 Стр.2.3 Стр.3 Стр.3.1 Стр.3.2 Стр.3.3 Таблица Web -страниц Содержание

Слайд 7

Основные теги web -страницы < HEAD > Заголовок web -страницы < TITLE > Название страницы < BODY > Содержимое страницы Содержание

Слайд 8

Теги форматирования текста

Создает новый абзац

: left, right, justify или center

Создает самый заголовок Создает жирный текст Создает наклонный текст Устанавливает размер текста в пределах от 1 до 6. Содержание Вперед

Слайд 9

Теги форматирования текста Устанавливает цвет текста, используя значение цвета в виде RRGGBB. Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет. Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет. Содержание Назад

Слайд 10

Выравнивание текста абзаца <Р ALIGN="left" >Абзац выровнен влево <Р ALIGN="center" >Абзац выровнен по центру <Р ALIGN="right" >Абзац выровнен вправо <Р ALIGN="justify" >Абзац выровнен по ширине

Этот o т текст всегда должен оставаться в одной строке

Содержание

Слайд 11

Цвет текста и фона Web- страницы - цвет шрифта - цвет фона страницы белый – white белый – white бирюзовый – teal желтый – yellow зеленый – green золотой – gold красно-коричневый – maroon красный – red лимонный – lime морской волны – aqua фуксиновый – fuchsia черный – black пурпурный – purple серебряный – silver серый- gray синий – blue темно-голубой - navy оливковый – olive Содержание

Слайд 12

Нумерованный список < OL >... устанавливают начало и конец нумерованного списка, < LI >... отмечают отдельные пункты списка. <Н2>Типы списков < OL > < LI >Нумерованный< / LI > < LI >Маркированный Содержание

Слайд 13

Маркированный список < UL >... устанавливают начало и конец маркированного списка. < LI >... отмечают отдельные пункты списка. Содержание

Слайд 14

Многоуровневый список < H2 >Многоуровневые списки < OL > < LI >Нумерованный < OL > < LI >Пункт 1 < LI >Пункт 2 < LI >Пункт 3 < LI >Маркированный < UL > < LI >Первый вариант < LI >Второй вариант < LI >Третий вариант Содержание

Слайд 15

Вставка изображения Добавляет изображение в HTML документ Выравнивает изображение к одной из сторон документа, принимает значения: left, right,center. Содержание

Слайд 16

Вставка рисунка Ссылка на файл Выравнивание по левой стороне Содержание

Слайд 17

Рекомендации Время загрузки страницы не должно превышать 5 секунд. Время загрузки зависит от размера страницы и от скорости подключения компьютера пользователя: аналоговый модем за 5 сек – 20 Кбайт, кабельный модем или ISDN – за 5 сек – 60-80 Кбайт Чем важнее страница и чем чаще она должна появляться, тем быстрее она должна загружаться. Содержание

Слайд 18

Создание web-страницы 1 2 3 Выполнить действия 1,2,3,4 4 Содержание

Слайд 19

WEB-страничка готова! Удалить Содержание

Слайд 20

Спасибо за внимание