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