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

Содержание

Тема: Списки на web странице

Слайд 1


Слайд 2Тема: Списки на web странице

Тема: Списки на web странице

Слайд 3Цель урока: Уметь отображать на web страницах нумерованные и маркированные списки

Цель урока: Уметь отображать на web страницах нумерованные и маркированные списки

Слайд 4Ключевые слова
UL
OL
LI
TYPE

Ключевые слова ULOLLITYPE

Слайд 5Ситуация
Необходимо реализовать два уровня списка для компании грузоперевозок, примерно таким образом:
О

компании
Портрет компании
«Зеленые» решения
Обзор секторов
Корпоративная ответственность
Предупреждение о мошенничестве

Контакты
DHL Express
DHL eCommerce
DHL Global Forwarding
DHL Freight
DHL Supply Chain

СитуацияНеобходимо реализовать два уровня списка для компании грузоперевозок, примерно таким образом:О компанииПортрет компании«Зеленые» решенияОбзор секторовКорпоративная ответственностьПредупреждение о

Слайд 6HTML списки используются для группировки связанных между собой фрагментов информации. Существует

три вида списков:

маркированный список —

    — каждый элемент списка
  • отмечается маркером,
    нумерованный список —
      — каждый элемент списка
    1. отмечается цифрой,
      список определений —
      — состоит из пар термин
      определение.
HTML списки используются для группировки связанных между собой фрагментов информации. Существует три вида списков:маркированный список — —

Слайд 7Использование списков позволяет более удобно и наглядно представлять текст в окне

браузера. Язык HTML поддерживает ненумерованные и нумерованные списки, списки определений.

Списки HTML

Неупорядоченные списки

Упорядоченные списки

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

Слайд 8Неупорядоченные списки
Неупорядоченный список задаётся тегом .
Любой список состоит из элементов,

"пунктов", каждый элемент в свою очередь задаётся тегом
  • после которого собственно и идёт текст нужного нам "пункта".
    Для тега
  • закрывающий тег
  • необязателен

    Вместе данные теги приобретают следующий вид:


    • Пункт первый..
    • Пункт второй..
    • Пункт третий..

    Неупорядоченные спискиНеупорядоченный список задаётся тегом . Любой список состоит из элементов,

    Слайд 9Пример неупорядоченного списка:

    неупорядоченный список Купить и доставить домой:  2 кг. клубней картофеля  1 булку

    ржаного чёрного хлеба
  •  пачку макарон "спагетти" (длинные не менее 200мм. тонкие)
  •  1 кг. шлифованного риса (сложно объяснить.. спросишь..)
  •  1 дес. куриных яиц.
  •  1 пачку 500г. Натрия двууглекислого (Сода)
  • Пример неупорядоченного списка:  неупорядоченный список   Купить и доставить домой:   2 кг. клубней картофеля

    Слайд 10Теги и имеют атрибут type который присуждает элементу списка

    или же всему списку целиком определённый стиль.

    Может иметь одно и трёх значений:

    disk - кружок, диск (по умолчанию)
    circle - полый круг
    square - квадрат
    Теги и имеют атрибут type который присуждает элементу списка или же всему списку целиком определённый стиль.Может иметь

    Слайд 11Упорядоченные списки
    Упорядоченный или нумерованный список задаётся тегом , так же как

    и в неупорядоченном списке элемент списка присуждается тегом



  • упорядоченный список


    Купить товары в следующем порядке:


    1. Хлеб
    2. Масло
    3. Сырок (необязательно)

    Жду!!!


  • Упорядоченные спискиУпорядоченный или нумерованный список задаётся тегом , так же как и в неупорядоченном списке элемент списка

    Слайд 12А вот атрибут type в сочетании с упорядоченным списком может иметь

    следующие значения:

    А - Заглавные буквы
    а - Строчные буквы
    I - Заглавные римские цифры
    i - Строчные римские цифры
    1 - Арабские цифры (по умолчанию)

    http://www.webremeslo.ru/html/glava9.html

    А вот атрибут type в сочетании с упорядоченным списком может иметь следующие значения:А - Заглавные буквыа -

    Слайд 14Вопросы
    Какой тег используется для нумерованных списков?
    Какой тег используется для маркированных

    списков?
    Обязательно ли закрывать тег
  • ?
  • Вопросы Какой тег используется для нумерованных списков?Какой тег используется для маркированных списков?Обязательно ли закрывать тег ?

    Слайд 15Дом. Задание
    http://jobwebration.ru/kak_samomu_sozdat_sait_besplatno/escape_posledovatelnosti.html

    Дом. Задание http://jobwebration.ru/kak_samomu_sozdat_sait_besplatno/escape_posledovatelnosti.html

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

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


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

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

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

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