Уроки html списки





Скачать 39.29 Kb.
НазваниеУроки html списки
Дата публикации11.08.2014
Размер39.29 Kb.
ТипУрок
Уроки HTML

3. Списки.

  • Маркированные списки

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

  • Вложенные списки

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

  • Упражнение

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

Маркированные списки - это списки, в которых элементы списка отмечаются маркерами.
Для установки маркированного списка используются теги 
     и 
  •  

    Тег 
       - unordered list (неупорядоченный список). 
      Тег 
    •  - list item (элемент списка)

      Код, написанный таким образом 

         
      •  Книги 
      •  
      •  Электроника 
      •  
      •  CD и DVD 
      •  
       

      будет отображен на экране так: 





      Маркеры могут принимать один из трех видов: круг (по умолчанию), окружность и квадрат. Для выбора типа маркера используется параметр type=... тега 
        .



        С помощью CSS можно задать в качестве маркера любое изображение. В этом случае следует помнить: при масштабировании текста при просмотре в браузере стандартные маркеры масштабируются вместе с ним, а изображения, используемые в качестве маркера, не масштабируются.

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

        Нумерованные (или упорядоченные) списки представляют собой списки из пронумерованных пунктов.
        Для установки нумерованного списка используется тег 
           вместо 
             
            Тег 
               - ordered list (упорядоченный список). 

              Самый простой список имеет следующий код:


              1.  Выйдете на станции метро Войковская. 

              2.  Сядьте на троллейбус 57 маршрута.

              3.  Выйдете на четвертой остановке. 

              4.  Перейдите дорогу. Я Вас буду ждать у киоска.



              На экране он отобразится так:

                       1. Выйдете на станции метро Войковская. 
                       2. Сядьте на троллейбус 57 маршрута. 
                       3. Выйдете на четвертой остановке.
                       4. Перейдите дорогу. Я Вас буду ждать у киоска.

              Вид и тип нумерации зависит от параметров тега 


                Код HTML

                Отображение на экране



                Список начинающийся с пяти:

                    5. Желтый
                    6. Синий
                    7. Красный



                Заглавные латинские буквы:

                1. Желтый

                2. Синий

                3. Красный



                Прописные латинские буквы:

                1. Желтый

                2. Синий

                3. Красный



                Cписок с римскими буквами:

                1. Желтый

                2. Синий

                3. Красный

                Вложенные списки

                Вложенный список - это список, размещенный внутри другого списка.

                Например, код

                   
                1.  Крупные города России: 
                        
                     
                          
                  •  Москва 
                          
                  •  Санкт-Петербург 
                          
                   
                2.  Крупные города Украины: 
                        
                     
                          
                  •  Киев 
                          

                 


                отобразится на экране так:

                 

                1. Крупные города России:

                  • Москва

                  • Санкт-Петербург

                2. Крупные города Украины:

                  • Киев


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

                Списки определений являются способом определения терминов и понятий. Списки определений состоят из трех элементов: элемента списка определений 
                ...
                , элемента определения термина 
                ...
                , элемента определения описания 
                ...
                .

                Код примера


                      
                Пиксель

                      
                Элементарная цветная точка, совокупность которых образует изображение.


                      
                Экспозиция

                      
                Количественная мера световой энергии, падающая на светочувствительный элемент.


                      
                Диафрагма

                      
                Параметр, регулирующий количество света, который освещает матрицу.





                отобразится в браузере так:

                Пиксель

                Элементарная цветная точка, совокупность которых образует изображение.

                Экспозиция

                Количественная мера световой энергии, падающая на светочувствительный элемент.

                Диафрагма

                Параметр, регулирующий количество света, который освещает матрицу.


                Упражнение

                Создайте по образу html-документ с соблюдением всех элементов оформления списков.

                Выложите получившийся файл в личный каталог, составьте линк (посмотреть как) и откройте Вашу страничку в браузере.


Добавить документ в свой блог или на сайт

Похожие:

Уроки html списки iconРеферат по информационным технологиям на тему «Интернет, html и html-редакторы»
Все документы для сервиса www пишутся на html (HyperText Markup Language) языке разметки гипертекста. Последний от обычного текста...
Уроки html списки iconПрограмма по формированию навыков безопасного поведения на дорогах...
Проведение нестандартных уроков: уроки-игры, уроки-дискуссии, уроки-соревнования, уроки с групповыми формами работы, уроки взаимообучения...
Уроки html списки iconВ общероссийском конкурсе для педагогов «Уроки в лесной школе!» приняли...
В общероссийском конкурсе для педагогов «Уроки в лесной школе!» приняли участие педагоги из 43 региона Российской Федерации. На сайте...
Уроки html списки iconПрактическая работа №5 Списки
Используйте теги списков, чтобы добавить нумерованные и маркированные списки в Вашу страничку Вышивка
Уроки html списки iconУрок №5. Тема: «Списки. Вставка объектов (таблицы)»
Нумерованные списки – элементы списка нумеруются арабскими или римскими числами и буквами
Уроки html списки iconУрок «Оформление списков на Web-страницах»
Проверка знаний. Тест по теме «Структура документа html» Тест. Html «Тэги, структура документа»
Уроки html списки icon1 Описание выбранной программной среды(php)
Для конкурсной работы я решил создать динамический сайт посвященный урокам по html и css. А почему именно эти уроки? Да потому что...
Уроки html списки iconПрограмма по формированию навыков безопасного поведения на дорогах...
Язык html как средство создания информационных ресурсов. Структура документа на языке html. Форматирование текста. Создание списков...
Уроки html списки iconПрограмма по формированию навыков безопасного поведения на дорогах...
Уроки чтения – это уроки постижения литературно-художественного произведения, уроки развития речи, уроки формирования читательских...
Уроки html списки iconКонспект урока основы языка разметки гипертекста ( Структурные теги...
Структурные теги и теги форматирования в языке html, первый урок – учимся создавать сайт и работать с сайтом школы shkola80. ru (дополнительные...
Уроки html списки iconИзучение информатики в старшей школе направлено на достижение следующих целей
В данном проекте рассматривается создание Web страниц с помощью html кода. Он может быть использован для изучения темы "Создание...
Уроки html списки iconУроки html ссылки
Чтобы сделать текст ссылкой, нужно поместить его между тегами и и указать, куда ведет эта ссылка, т е адрес документа, где мы окажемся...
Уроки html списки iconРеферат (Мастер класс) Уроки по теме: «Изучение Internet технологий. Html программирование»
Преподавание раздела Internet – технологии является одним из самых сложных, и, в тоже время, одним из самых актуальных и интересных...
Уроки html списки iconРеферат (Мастер класс) Уроки по теме: «Изучение Internet технологий...
Преподавание раздела Internet – технологии является одним из самых сложных, и, в тоже время, одним из самых актуальных и интересных...
Уроки html списки iconПрограмма по формированию навыков безопасного поведения на дорогах...
Уроки Гражданственности, Уроки Мира, Уроки Государственности и иные тематические занятия
Уроки html списки iconПрограмма по формированию навыков безопасного поведения на дорогах...
Для выполнения учебного плана в течение 8 недель после окончания учебных занятий проводятся занятия в нетрадиционной форме (экскурсии,...


Школьные материалы


При копировании материала укажите ссылку © 2013
контакты
100-bal.ru
Поиск