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

Содержание

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

Слайд 1«Язык разметки гипертекста HTML»
8 класс
Выполнила : учитель информатики и ИКТ


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

Слайд 2Содержание
HTML
Web – Web – страница
Размещение страниц на Размещение страниц на WebРазмещение

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

СодержаниеHTMLWeb – Web – страницаРазмещение страниц на Размещение страниц на WebРазмещение страниц на Web-узлеОсновные теги Основные теги

Слайд 3HTML

HTML (Hyper Text Markup Language)

– стандартный язык для создания Web-страниц

Описательный язык разметки HTML имеет свои команды, которые называются тегами.



Содержание

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

Слайд 4ТЕГ
Тег - элемент HTML, представляющий из себя

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

Обычно используются два тега - открывающий и закрывающий.

Содержание

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

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

Содержание

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

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

Содержание

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

Слайд 7Основные теги web-страницы

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

Название страницы

Содержимое страницы

Содержание

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

Слайд 8Теги форматирования текста
Создает новый абзац

: left, right, justify или center

Создает

самый заголовок

Создает жирный текст
Создает наклонный текст

Устанавливает размер текста в
пределах от 1 до 6.

Содержание

Вперед

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

Слайд 9Теги форматирования текста
Устанавливает цвет текста, используя значение цвета в

виде RRGGBB.

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

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

Содержание

Назад

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

Слайд 10Выравнивание текста абзаца
Абзац выровнен влево

Абзац

выровнен по центру

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

<Р ALIGN="justify" >Абзац выровнен по ширине

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



Содержание

Выравнивание текста абзацаАбзац выровнен влево Абзац выровнен по центру Абзац выровнен вправо Абзац выровнен по ширине

Слайд 11Цвет текста и фона Web-страницы

- цвет шрифта

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

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

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

Содержание

Цвет текста и фона Web-страницы - цвет шрифта - цвет фона страницы белый – whiteбелый – whiteбирюзовый

Слайд 12Нумерованный список
... устанавливают начало и конец

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


    <Н2>Типы списков

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


    Содержание

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

    Слайд 13Маркированный список

    ... устанавливают начало и конец

    маркированного списка.

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

    Содержание

    Маркированный список... устанавливают начало и конец

    Слайд 14Многоуровневый список
    Многоуровневые списки

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

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

    >
  • Пункт 3


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

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

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

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





    Содержание

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

    Слайд 15Вставка изображения

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

    Выравнивает изображение к

    одной из сторон документа, принимает значения: left, right,center.

    Содержание

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

    Слайд 16Вставка рисунка


    Ссылка на файл
    Выравнивание

    по левой стороне

    Содержание

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

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

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

    Содержание

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

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

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

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

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

    Слайд 20

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

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

    Что такое shareslide.ru?

    Это сайт презентаций, где можно хранить и обмениваться своими презентациями, докладами, проектами, шаблонами в формате PowerPoint с другими пользователями. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами.


    Для правообладателей

    Яндекс.Метрика

    Обратная связь

    Email: Нажмите что бы посмотреть