Презентация для 8 класса «HTML»

«Язык разметки гипертекста HTML» 8 класс Выполнила : учитель информатики и ИКТ Тишкина А.Н. Содержание HTMLWeb – страницаРазмещение страниц на Web-узлеОсновные теги web-страницыТеги форматирования текстаВыравнивание текста абзацаНумерованный списокМаркированный списокМногоуровневый списокЦвет текста и фона Web-страницыВставка изображенияВставка рисункаРекомендацииСоздание web-страницы HTML HTML (Hyper Text Markup Language) – стандартный язык для создания Web-страниц Описательный язык разметки HTML имеет свои команды, которые называются тегами. Содержание ТЕГ Тег - элемент HTML, представляющий из себя текст, заключенный в угловые скобки <>. Тег является активным элементом, изменяющим представление следующей за ним информации. Обычно используются два тега - открывающий и закрывающий. Содержание Web-страница Это текстовый файл с управляющими дескрипторами языка HTML. Содержание Размещение страниц на 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-страниц Содержание Основные теги web-страницы Заголовок web-страницы Название страницы Содержимое страницы Содержание Теги форматирования текста

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

: left, right, justify или center

Создает самый заголовокСоздает жирный текст Создает наклонный текст Устанавливает размер текста в пределах от 1 до 6. Содержание Вперед Теги форматирования текста Устанавливает цвет текста, используя значение цвета в виде RRGGBB. Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет. Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет. Содержание Назад Выравнивание текста абзаца <Р ALIGN="left" >Абзац выровнен влево <Р ALIGN="center" >Абзац выровнен по центру <Р ALIGN="right" >Абзац выровнен вправо <Р ALIGN="justify" >Абзац выровнен по ширине

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

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

... устанавливают начало и конец нумерованного списка,

...

отмечают отдельные пункты списка. <Н2>Типы списков

< LI >Нумерованный< /LI >< LI >Маркированный Содержание Маркированный список

... устанавливают начало и конец маркированного списка.

...

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

Многоуровневые списки
Нумерованный

Пункт 1
Пункт 2
Пункт 3

< LI >Маркированный
Первый вариант
Второй вариант
Третий вариант

Содержание Вставка изображения Добавляет изображение в HTML документВыравнивает изображение к одной из сторон документа, принимает значения: left, right,center. Содержание Вставка рисунка Ссылка на файл Выравнивание по левой стороне Содержание Рекомендации Время загрузки страницы не должно превышать 5 секунд.Время загрузки зависит от размера страницы и от скорости подключения компьютера пользователя: аналоговый модем за 5 сек – 20 Кбайт, кабельный модем или ISDN – за 5 сек – 60-80 КбайтЧем важнее страница и чем чаще она должна появляться, тем быстрее она должна загружаться. Содержание Создание web-страницы 1 2 3 Выполнить действия 1,2,3,4 4 Содержание WEB-страничка готова! Удалить Содержание Спасибо за внимание