Презентация, доклад по программированию на тему Списки и комментарии с HTML

Содержание

ТИПЫ СПИСКОВ:Маркированный список Кофе Чай Сахар Закрашенные круги (по умолчанию) Полые круги Квадраты Для LI доступен атрибут TYPEНумерованный список Кофе Чай Сахар - прописные латин. - строчные латин. - прописные рим. - строчные рим. - цифры (по умолчанию)Для LI доступен атрибут TYPEЗадать

Слайд 1СПИСКИ
В языке HTML предусмотрен специальный набор тегов для представления информации в

виде списков.
СПИСКИВ языке HTML предусмотрен специальный набор тегов для представления информации в виде списков.

Слайд 2ТИПЫ СПИСКОВ:
Маркированный список

Кофе
Чай
Сахар


Закрашенные круги (по умолчанию)
Полые круги

type=“square”> Квадраты

Для LI доступен атрибут TYPE





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


    1. Кофе
    2. Чай
    3. Сахар


      - прописные латин.
        - строчные латин.
          - прописные рим.
            - строчные рим.
              - цифры (по умолчанию)

              Для LI доступен атрибут TYPE


            1. Задать с какой цифры начать отчёт:


                Задать с какой цифры для LI









              1. Список определений


                Текст
                - это…


  • ТИПЫ СПИСКОВ:Маркированный список		Кофе		Чай		Сахар Закрашенные круги (по умолчанию) Полые круги Квадраты Для LI доступен атрибут TYPEНумерованный список		Кофе		Чай		Сахар -

    Слайд 3Приведем ряд случаев, для которых использование списков довольно удобно:
    Объединение фрагментов

    информации в единую структуру для придания удобочитаемого вида.
    Описание сложных пошаговых процессов.
    Расположение информации в стиле оглавления, пункты которого указывают на соответствующие разделы документа.

    Заметим, что приведенные выше пункты как раз и организованы в виде списковой структуры.
    Приведем ряд случаев, для которых использование списков довольно удобно: Объединение фрагментов информации в единую структуру для придания

    Слайд 4ТИПЫ СПИСКОВ:
    Маркированный список;
    Нумерованный список;
    Список определений.

    С помощью различных типов встроенных в документ

    списков могут быть реализованы самые разные возможности.

    Рассмотрим особенности построения списков различных типов, а также применения вложенных друг в друга списков.
    ТИПЫ СПИСКОВ:Маркированный список;Нумерованный список;Список определений.С помощью различных типов встроенных в документ списков могут быть реализованы самые разные

    Слайд 5Маркированный список (ненумерованными или неупорядоченными)
    Тег (UL — Unordered List, неупорядоченный

    список) - внутри располагаются все элементы списка;

    Тег
  • (LI — List Item, элемент списка) - каждый элемент списка должен начинаться этим тэгом.

    Самый часто используемый.
    Любое качественное меню на сайте.
  • Маркированный список (ненумерованными или неупорядоченными)Тег  (UL — Unordered List, неупорядоченный список) - внутри располагаются все элементы

    Слайд 6Маркированный список
    1.
    2.
    3. Пример маркированного списка
    4.


    5.
    6.
    7.

      8. Знаки зодиака:
      9.
    • Овен
      10.
    • Телец
      11.
    • Близнецы
      12.
    • Рак
      13.
    • Лев
      14.
    • Дева
      15.
    • Весы
      16.
    • Скорпион
      17.
    • Стрелец
      18.
    • Козерог
      19.
    • Водолей
      20.
    • Рыбы
      21.

    22.
    23.

    Маркированный список1. 2. 	 3. 		Пример маркированного списка 4. 	 5. 6.	 7. 		 8.

    Слайд 7В тэге могут быть указаны два параметра: COMPACT и TYPE.
    Параметр

    TYPE может принимать следующие значения:
    TYPE = disc — маркеры отображаются закрашенными кружками (по умолчанию);
    Пример записи:


      TYPE = circle — маркеры отображаются не закрашенными кружками;
      Пример записи:


        TYPE = square — маркеры отображаются закрашенными квадратиками.
        Пример записи:



    В тэге могут быть указаны два параметра: COMPACT и TYPE.Параметр TYPE может принимать следующие значения:TYPE = disc

    Слайд 8Параметр TYPE в тэге элемента списка
    1.
    2.


    3. Пример маркированного списка
    4.
    5.
    6.
    7.

      8. Знаки зодиака:
      9.
    • Овен
      10.
    • Телец
      11.
    • Близнецы
      12.
    • Рак
      13.
    • Лев
      14.
    • Дева
      15.
    • Весы
      16.
    • Скорпион
      17.
    • Стрелец
      18.
    • Козерог
      19.
    • Водолей
      20.
    • Рыбы
      21.

    22.
    23.

    Параметр TYPE в тэге элемента списка 1. 2. 	 3. 		Пример маркированного списка 4. 	 5. 6.

    Слайд 9Для вложенных маркированных списков на первом уровне по умолчанию используется значение

    disc, на втором — circle, на третьем и далее — square.

    Параметр TYPE с теми же значениями может употребляться для указания вида маркеров отдельных элементов списка. Для этого параметр TYPE с соответствующим значением разрешено указывать в тэге элемента списка

  • .
    Пример записи:

  • Для вложенных маркированных списков на первом уровне по умолчанию используется значение disc, на втором — circle, на

    Слайд 10Задание:
    Маркировочный список:
    Хлеб
    Серый
    Белый
    Яблоки
    Красные
    Зелёные

    Спелые
    Не очень
    Гнилые

    Задание:   Маркировочный список: Хлеб Серый Белый Яблоки Красные Зелёные Спелые Не очень Гнилые

    Слайд 11Нумерованный список (упорядоченный)
    Тег (OL — Ordered List, упорядоченный список) -

    внутри располагаются все элементы списка;

    Тег
  • (LI — List Item, элемент списка) - каждый элемент списка должен начинаться этим тэгом.
  • Нумерованный список (упорядоченный)Тег  (OL — Ordered List, упорядоченный список) - внутри располагаются все элементы списка;Тег (LI

    Слайд 12Нумерованный список


    Пример нумерованного списка




    Наиболее яркие

    звезды, видимые с Земли:
  • Сириус
  • Канопус
  • Арктур
  • Альфа Центавра
  • Вега
  • Капелла
  • Ригель
  • Процион
  • Ахернар
  • Бета Центавра
  • Ветельгейзе
  • Альдебаран
  • Мицар
  • Пoляpнaя



  • Нумерованный список Пример нумерованного списка  Наиболее яркие звезды, видимые с Земли: Сириус Канопус Арктур Альфа Центавра

    Слайд 13Параметры тэга : COMPACT, TYPE и START.
    Параметр TYPE используется для задания

    вида нумерации списка. Может принимать следующие значения:

    TYPE = А — задает маркеры в виде прописных латинских букв;
    Пример записи:


      TYPE = а — задает маркеры в виде строчных латинских букв;
      Пример записи:


        TYPE = I — задает маркеры в виде больших римских цифр;
        Пример записи:


          TYPE = i — задает маркеры в виде маленьких римских цифр;
          Пример записи:


            TYPE = 1 — задает маркеры в виде арабских цифр (по умолчанию).
            Пример записи:



    Параметры тэга : COMPACT, TYPE и START.Параметр TYPE используется для задания вида нумерации списка. Может принимать следующие

    Слайд 14Параметр TYPE в тэге элемента списка
    Параметр TYPE с теми

    же значениями может употребляться для указания вила нумерации отдельных элементов списка. Для этого параметр TYPE с соответствующим значением разрешено указывать в тэге элемента списка
  • .

    Пример записи:
  • .




    Пример нумерованного списка




      Наиболее яркие звезды, видимые с Земли:
    1. Сириус
    2. Канопус
    3. Арктур
    4. Альфа Центавра
    5. Вега
    6. Капелла
    7. Ригель
    8. Процион
    9. Ахернар
    10. Бета Центавра
    11. Ветельгейзе
    12. Альдебаран
    13. Мицар
    14. Пoляpнaя



  • Параметр TYPE в тэге элемента списка Параметр TYPE с теми же значениями может употребляться для указания вила

    Слайд 15В тэге могут быть указаны два параметра: COMPACT, TYPE и

    START.

    Параметр START тега

      позволяет начать нумерацию списка не с единицы. В качестве значения параметра START всегда должно указываться натуральное число, вне зависимости от вида нумерации списка.
      Приведем пример:


        Такая запись определяет нумерацию списка с прописной латинской буквы "E". Для других видов нумерации запись START=“5” задаст нумерацию, соответственно, с числа "5", римской цифры "V" и т. д.






    В тэге могут быть указаны два параметра: COMPACT, TYPE и START.Параметр START тега позволяет начать нумерацию списка

    Слайд 16Параметр TYPE и VALUE в тэге элемента списка
    Тег

    для нумерованных списков разрешает использовать параметры TYPE и VALUE. Параметр TYPE может принимать такие же значения, как и для тега
      .

      Пример записи:




    1. Пример нумерованного списка




        Наиболее яркие звезды, видимые с Земли:
      1. Сириус
      2. Канопус
      3. Арктур
      4. Альфа Центавра
      5. Вега
      6. Капелла
      7. Ригель
      8. Процион

        . . .
      9. Ахернар
      10. Бета Центавра
      11. Ветельгейзе
      12. Альдебаран

        . . .
        < LI value=“73”> Мицар
      13. Пoляpнaя



    Параметр TYPE и VALUE в тэге элемента списка Тег для нумерованных списков разрешает использовать параметры TYPE и

    Слайд 17Задание 1:

    Задание 1:

    Слайд 18Задание 2:

    Задание 2:

    Слайд 19Задание 3:

    Задание 3:

    Слайд 20Список определений (словарь определений специальных терминов, )
    Тег (DL — Definition

    List) - внутри располагаются все элементы списка;

    Тег
    (DT — Definition Term) - помечается определяемый термин;

    Тег
    (DD — Definition Description) - абзац с его определением.

    Список определений (словарь определений специальных терминов, )Тег  (DL — Definition List) - внутри располагаются все элементы

    Слайд 21Список определений


    Пример списка определений




    Классификация темпераментов

    человека
    Флегматик
    Пассивный, очень трудоспособный, медленно приспосабливающийся;
    настроение устойчивое, мало поддается внешнему влиянию;
    вялость эмоциональных реакций и медлительность в волевой деятельности


    Сангвиник
    Активный, энергичный, легко приспосабливающийся,-
    живость и подвижность эмоциональных реакций, быстрота и сила волевых проявлений


    Холерик
    Активный, очень энергичный, настойчивый;
    порывистость и сила эмоциональных реакций, бурные волевые проявления


    Меланхолик
    Пассивный, легко утомляющийся, тяжело приспосабливающийся,-
    слабость волевых проявлений и преобладание подавленного настроения, неуверенность в себе



    Список определений Пример списка определений  Классификация темпераментов человека Флегматик Пассивный, очень трудоспособный, медленно приспосабливающийся;настроение устойчивое, мало

    Слайд 22Задание 1:

    Задание 1:

    Слайд 23Система комментариев
    Тег (внутри размещается контент) – не отображается на сайте;

    можно поместить куда угодно;
    – место не занимает.
    Помогает разделить сайт на разделы и подразделы;
    Скрытие временно ненужных элементов (ничего не удалять, а прятать всё в комментарии);
    Можно связаться с теми, кто тоже работает с сайтом.
    Система комментариевТег (внутри размещается контент) – не отображается на сайте;– можно поместить куда угодно;– место не занимает.Помогает

    Слайд 24Система комментариев


    Задание на списк определений




    Сайт
    Это своеобразная ячейка в сети интернет, имеющая свой уникальный адрес
    HTML
    Это язык разметки гипертекста использующийся при написании сайтов.
    Стандартный язык разметки документов во Всемирной паутине.



    Система комментариев Задание на списк определений  Сайт Это своеобразная ячейка в сети интернет, имеющая свой уникальный

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

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


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

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

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

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