Язык разметки гипертекста HTML. 8 класс

Содержание

Слайд 2

Содержание

HTML
Web – Web – страница
Размещение страниц на Размещение страниц на WebРазмещение страниц

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

Слайд 3

HTML


HTML (Hyper Text Markup Language) – стандартный язык для создания

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

Содержание

Слайд 4

ТЕГ

Тег - элемент HTML, представляющий из себя текст, заключенный в угловые

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

Содержание

Слайд 5

Web-страница

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

Содержание

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

Слайд 6

Размещение страниц на Web-узле

Последовательное размещение страниц на Web-узле

Таблица Web-страниц

Содержание

Размещение страниц на Web-узле Последовательное размещение страниц на Web-узле Таблица Web-страниц Содержание

Слайд 7

Основные теги web-страницы
Заголовок web-страницы
Название страницы

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

Содержание

Слайд 8

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

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

: left, right, justify или center

Создает самый

Теги форматирования текста Создает новый абзац : left, right, justify или center
заголовок
Создает жирный текст
Создает наклонный текст
Устанавливает размер текста в
пределах от 1 до 6.

Содержание

Вперед

Слайд 9

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

Устанавливает цвет текста, используя значение цвета в виде

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

Содержание

Назад

Слайд 10

Выравнивание текста абзаца

<Р ALIGN="left" >Абзац выровнен влево
<Р ALIGN="center" >Абзац выровнен по

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

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


Содержание

Слайд 11

Цвет текста и фона Web-страницы
- цвет шрифта

Цвет текста и фона Web-страницы - цвет шрифта - цвет фона страницы
= ‘yellow’> - цвет фона страницы белый – white

белый – white
бирюзовый – teal
желтый – yellow
зеленый – green
золотой – gold
красно-коричневый – maroon
красный – red
лимонный – lime
морской волны – aqua

фуксиновый – fuchsia
черный – black
пурпурный –purple
серебряный – silver
серый- gray
синий – blue
темно-голубой - navy
оливковый – olive

Содержание

Слайд 12

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

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

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

      < LI >Нумерованный< /LI >
      < LI >Маркированный

    Содержание

    Слайд 13

    Маркированный список

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

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

    Содержание

    Слайд 14

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

    Многоуровневые списки

    1. Нумерованный


      1. Пункт 1

      2. Пункт 2

    Многоуровневый список Многоуровневые списки Нумерованный Пункт 1 Пункт 2 Пункт 3 Маркированный
    >Пункт 3

    < LI >Маркированный

    • Первый вариант

    • Второй вариант

    • Третий вариант




    Содержание

    Слайд 15

    Вставка изображения
    Добавляет изображение в HTML документ
    Выравнивает изображение к одной

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

    Содержание

    Слайд 16

    Вставка рисунка

    ALIGN=‘right’>

    Ссылка на файл

    Выравнивание по левой стороне

    Содержание

    Вставка рисунка ALIGN=‘right’> Ссылка на файл Выравнивание по левой стороне Содержание

    Слайд 17

    Рекомендации

    Время загрузки страницы не должно превышать 5 секунд.
    Время загрузки зависит от размера

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

    Содержание

    Слайд 18

    Создание web-страницы

    1

    2

    3

    Выполнить действия 1,2,3,4

    4

    Содержание

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

    Слайд 19

    WEB-страничка готова!

    Удалить

    Содержание

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