Список html: Списки | htmlbook.ru

Содержание

Маркированный список. HTML, XHTML и CSS на 100%

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

Маркированные списки – это списки, в которых пункты отмечаются с помощью различных символов. Такие списки еще называют ненумерованными, или неупорядоченными, потому что для элементов данного списка последовательность неважна. Эти списки можно использовать для простого перечисления объектов или их свойств.

Для создания списков в HTML предусмотрен элемент UL, требующий наличия закрывающего тега. Пункты списка находятся внутри элемента UL. Каждый пункт начинается с элемента LI.

У элемента UL есть атрибут type, определяющий вид маркера списка. Он может принимать следующие значения:

• circle – создает маркер в виде круга, белого внутри;

• square – создает маркер в виде квадрата;

• disc – создает маркер в виде круга, закрашенного черным цветом.

Маркер можно выбирать любой, на ваш взгляд наиболее соответствующий виду страницы.

В листинге 2.5 представлен пример создания маркированных списков с разными маркерами.

Листинг 2.5. Маркированные списки

<html

<head>

<title>Списки</title>

<body>

<ul type=»circle»>

<li>Венера</li>

<li>Земля</li>

<li>Юпитер</li>

<li>Марс</li>

</ul>

<ul compact type=»square» >

<li>Венера</li>

<li>Земля</li>

<li>Юпитер</li>

<li>Марс</li>

</ul>

<ul compact type=»disc» >

<li>Венера</li>

<li>Земля</li>

<li>Юпитер</li>

<li>Марс</li>

</ul>

</body>

</html>

Результат обработки кода из листинга 2.5 показан на рис. 2.5. Здесь видно, как выглядят разные маркеры списков.

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

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

В листинге 2.6 приведен пример создания списка с разными маркерами для различных пунктов.

Листинг 2.6. Список с разными маркерами

<html>

<head>

<title>Списки</title>

<body>

<ul>

<li type=»circle»>Земля</li>

<li type=»circle»>Марс</li>

<li type=»square»>Солнце</li>

<li type=»circle»>Венера</li>

<li type=»disc»>Луна</li>

</ul>

</body>

</html>

Результат обработки браузером кода из листинга 2.6 представлен на рис. 2.6.

Рис. 2.6. Список с разными маркерами

В примере различные маркеры отмечают объекты разных типов.

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

В HTML есть возможность создать список с графическими маркерами. Для этого нужно вместо элемента LI подставить картинку с желаемым изображением. Элемент UL укажет браузеру, что надо сделать отступ, а с помощью элемента BR можно перенести строку.

В листинге 2.7 представлен пример создания списка с графическими маркерами.

Листинг 2.7. Список с графическими маркерами

<html>

<head>

<title>Списки</title>

<body>

<ul>

<img src=»marker.jpg» />Венера<br />

<img src=»marker.jpg» />Марс<br />

<img src=»marker.jpg» />Земля<br />

</ul>

</body>

</html>

Результат обработки кода из листинга 2.7 показан на рис. 2.7.

Рис. 2.7.

Список с графическими маркерами

Теперь можно использовать картинки для создания симпатичных списков, соответствующих стилю вашего сайта.

Данный текст является ознакомительным фрагментом.

Продолжение на ЛитРес

Список | HTML

В различных формах пользователю часто приходится выбирать один из множества вариантов. Это могут быть категории, по которым мы хотим произвести поиск, выбор различных опций для поиска. Наиболее распространённым решением является использование выпадающих списков:

В какой категории искать?

Для создания такого выпадающего списка используется тег <select> с вложенными внутри него тегами <option>. Всё это похоже на создание обычных списков, где вместо ul/ol используется <select>, а вместо li используется <option>. Также часто первый пункт списка используется для заголовка всего выпадающего списка. В таком случае для него используют атрибут disabled, чтобы заблокировать его для выбора.

<form>
    <select>
        <option disabled>Какой курс вы хотите пройти?</option>
        <option>JS</option>
        <option>PHP</option>
        <option>Java</option>
        <option>Racket</option>
        <option>HTML</option>
        <option>CSS</option>
    </select>
</form>

Какой курс вы хотите пройти?JSPHPJavaRacketHTMLCSS

Список внутри формы также может быть представлен в виде списка, в котором можно выбрать несколько элементов. Делается это с помощью зажатия кнопки ctrl и клика мышки по полям, которые мы хотим выбрать.

В какой категории искать?

Для того, чтобы создать список с множественным выбором, у тега <select>

добавляется атрибут multiple

<form>
    <select multiple>
          <option>JS</option>
          <option>PHP</option>
          <option>Java</option>
          <option>Racket</option>
          <option>HTML</option>
          <option>CSS</option>
    </select>
</form>

Задание

Создайте форму, у которой файл с обработчиком данных лежит по адресу /people. Внутри формы создайте выпадающий список из трёх элементов.


«Уголовный кодекс Российской Федерации» от 13.06.1996 N 63-ФЗ (ред. от 01.07.2021) (с изм. и доп., вступ. в силу с 22.08.2021)

(в ред. Федеральных законов от 27.05.1998 N 77-ФЗ, от 25.06.1998 N 92-ФЗ,

от 09.02.1999 N 24-ФЗ, от 09.02.1999 N 26-ФЗ, от 15.03.1999 N 48-ФЗ,

от 18.03.1999 N 50-ФЗ, от 09.07.1999 N 156-ФЗ, от 09.07.1999 N 157-ФЗ,

от 09.07.1999 N 158-ФЗ, от 09.03.2001 N 25-ФЗ, от 20.03.2001 N 26-ФЗ,

от 19.06.2001 N 83-ФЗ, от 19.06.2001 N 84-ФЗ, от 07.08.2001 N 121-ФЗ,

от 17.11.2001 N 144-ФЗ, от 17.11.2001 N 145-ФЗ, от 29.12.2001 N 192-ФЗ,

от 04.03.2002 N 23-ФЗ, от 14.03.2002 N 29-ФЗ, от 07.05.2002 N 48-ФЗ,

от 07.05.2002 N 50-ФЗ, от 25.06.2002 N 72-ФЗ, от 24.07.2002 N 103-ФЗ,

от 25.07.2002 N 112-ФЗ, от 31.10.2002 N 133-ФЗ, от 11.03.2003 N 30-ФЗ,

от 08.04.2003 N 45-ФЗ, от 04.07.2003 N 94-ФЗ, от 04.07.2003 N 98-ФЗ

от 07.07.2003 N 111-ФЗ, от 08.12.2003 N 162-ФЗ, от 08.12.2003 N 169-ФЗ,

от 21.07.2004 N 73-ФЗ, от 21.07.2004 N 74-ФЗ, от 26.07.2004 N 78-ФЗ,

от 28.12.2004 N 175-ФЗ, от 28.12.2004 N 187-ФЗ, от 21.07.2005 N 93-ФЗ,

от 19.12.2005 N 161-ФЗ, от 05.01.2006 N 11-ФЗ, от 27.07.2006 N 153-ФЗ,

от 04.12.2006 N 201-ФЗ, от 30.12.2006 N 283-ФЗ, от 09.04.2007 N 42-ФЗ,

от 09.04.2007 N 46-ФЗ, от 10.05.2007 N 70-ФЗ, от 24.07.2007 N 203-ФЗ,

от 24.07.2007 N 211-ФЗ, от 24.07.2007 N 214-ФЗ, от 04.11.2007 N 252-ФЗ,

от 01.12.2007 N 318-ФЗ, от 06.12.2007 N 333-ФЗ, от 06.12.2007 N 335-ФЗ,

от 14.02.2008 N 11-ФЗ, от 08.04.2008 N 43-ФЗ, от 13.05.2008 N 66-ФЗ,

от 22.07.2008 N 145-ФЗ, от 25.11.2008 N 218-ФЗ, от 22.12.2008 N 272-ФЗ,

от 25.12.2008 N 280-ФЗ, от 30.12.2008 N 321-ФЗ, от 13.02.2009 N 20-ФЗ,

от 28.04.2009 N 66-ФЗ, от 03.06.2009 N 106-ФЗ, от 29.06.2009 N 141-ФЗ,

от 24.07.2009 N 209-ФЗ, от 27.07.2009 N 215-ФЗ, от 29.07.2009 N 216-ФЗ,

от 30.10.2009 N 241-ФЗ, от 03.11.2009 N 245-ФЗ, от 09.11.2009 N 247-ФЗ,

от 17.12.2009 N 324-ФЗ, от 27.12.2009 N 377-ФЗ, от 29.12.2009 N 383-ФЗ,

от 21.02.2010 N 16-ФЗ, от 29.03.2010 N 33-ФЗ, от 05.04.2010 N 48-ФЗ,

от 07.04.2010 N 60-ФЗ, от 06.05.2010 N 81-ФЗ, от 19.05.2010 N 87-ФЗ,

от 19.05.2010 N 92-ФЗ, от 17.06.2010 N 120-ФЗ, от 01.07.2010 N 147-ФЗ,

от 22.07.2010 N 155-ФЗ, от 27.07.2010 N 195-ФЗ, от 27.07.2010 N 197-ФЗ,

от 27.07.2010 N 224-ФЗ, от 04.10.2010 N 263-ФЗ, от 04.10.2010 N 270-ФЗ,

от 29.11.2010 N 316-ФЗ, от 09.12.2010 N 352-ФЗ, от 23.12.2010 N 382-ФЗ,

от 23.12.2010 N 388-ФЗ, от 28.12.2010 N 398-ФЗ, от 28.12.2010 N 427-ФЗ,

от 29.12.2010 N 442-ФЗ, от 07.03.2011 N 26-ФЗ, от 06.04.2011 N 66-ФЗ,

от 04.05.2011 N 97-ФЗ, от 11.07.2011 N 200-ФЗ, от 20.07.2011 N 250-ФЗ,

от 21.07.2011 N 253-ФЗ, от 21.07.2011 N 257-ФЗ, от 07.11.2011 N 304-ФЗ,

от 21.11.2011 N 329-ФЗ, от 06.12.2011 N 401-ФЗ, от 07.12.2011 N 419-ФЗ,

от 07.12.2011 N 420-ФЗ, от 29.02.2012 N 14-ФЗ, от 01.03.2012 N 18-ФЗ,

от 05.06.2012 N 54-ФЗ, от 10.07.2012 N 106-ФЗ, от 10.07.2012 N 107-ФЗ,

от 20.07.2012 N 121-ФЗ, от 28.07.2012 N 141-ФЗ, от 16.10.2012 N 172-ФЗ,

от 12.11.2012 N 190-ФЗ, от 29.11.2012 N 207-ФЗ, от 03.12.2012 N 231-ФЗ,

от 30.12.2012 N 306-ФЗ, от 30.12.2012 N 308-ФЗ, от 30.12.2012 N 312-ФЗ,

от 04.03.2013 N 23-ФЗ, от 05.04.2013 N 59-ФЗ, от 28.06.2013 N 134-ФЗ,

от 29.06.2013 N 136-ФЗ, от 02.07.2013 N 150-ФЗ, от 02.07.2013 N 185-ФЗ,

от 02.07.2013 N 186-ФЗ, от 23.07.2013 N 198-ФЗ, от 23.07.2013 N 218-ФЗ,

от 23.07.2013 N 221-ФЗ, от 23.07.2013 N 245-ФЗ, от 21.10.2013 N 270-ФЗ,

от 02.11.2013 N 302-ФЗ, от 25.11.2013 N 313-ФЗ, от 25.11.2013 N 317-ФЗ,

от 21.12.2013 N 365-ФЗ, от 21.12.2013 N 376-ФЗ, от 28.12.2013 N 380-ФЗ,

от 28.12.2013 N 381-ФЗ, от 28.12.2013 N 421-ФЗ, от 28.12.2013 N 432-ФЗ,

от 28.12.2013 N 433-ФЗ, от 03.02.2014 N 5-ФЗ, от 03.02.2014 N 15-ФЗ,

от 05.05.2014 N 96-ФЗ, от 05.05.2014 N 98-ФЗ, от 05.05.2014 N 104-ФЗ,

от 05.05.2014 N 105-ФЗ, от 05.05.2014 N 128-ФЗ, от 05.05.2014 N 130-ФЗ,

от 04.06.2014 N 142-ФЗ, от 28.06.2014 N 179-ФЗ, от 28.06.2014 N 195-ФЗ,

от 21.07.2014 N 218-ФЗ, от 21.07.2014 N 227-ФЗ, от 21.07.2014 N 258-ФЗ,

от 21.07.2014 N 274-ФЗ, от 21.07.2014 N 277-ФЗ, от 24.11.2014 N 370-ФЗ,

от 24.11.2014 N 371-ФЗ, от 22.12.2014 N 430-ФЗ, от 29.12.2014 N 476-ФЗ,

от 31.12.2014 N 514-ФЗ, от 31.12.2014 N 528-ФЗ, от 31.12.2014 N 529-ФЗ,

от 31.12.2014 N 530-ФЗ, от 31.12.2014 N 532-ФЗ, от 03.02.2015 N 7-ФЗ,

от 08.03.2015 N 40-ФЗ, от 08.03.2015 N 45-ФЗ, от 30.03.2015 N 67-ФЗ,

от 23.05.2015 N 129-ФЗ, от 08.06.2015 N 140-ФЗ, от 08.06.2015 N 153-ФЗ,

от 29.06.2015 N 192-ФЗ, от 29.06.2015 N 193-ФЗ, от 29.06.2015 N 194-ФЗ,

от 13.07.2015 N 228-ФЗ, от 13.07.2015 N 265-ФЗ, от 13.07.2015 N 267-ФЗ,

от 28.11.2015 N 346-ФЗ, от 30.12.2015 N 441-ФЗ, от 30.03.2016 N 78-ФЗ,

от 01.05.2016 N 139-ФЗ, от 02.06.2016 N 162-ФЗ, от 23.06.2016 N 199-ФЗ,

от 03.07.2016 N 323-ФЗ, от 03.07.2016 N 324-ФЗ, от 03.07.2016 N 325-ФЗ,

от 03.07.2016 N 328-ФЗ, от 03.07.2016 N 329-ФЗ, от 03.07.2016 N 330-ФЗ,

от 06.07.2016 N 375-ФЗ, от 22.11.2016 N 392-ФЗ, от 19.12.2016 N 436-ФЗ,

от 28.12.2016 N 491-ФЗ, от 07.02.2017 N 8-ФЗ, от 07.03.2017 N 33-ФЗ,

от 03.04.2017 N 60-ФЗ, от 17.04.2017 N 71-ФЗ, от 07.06.2017 N 120-ФЗ,

от 18.07.2017 N 159-ФЗ, от 26.07.2017 N 194-ФЗ, от 26.07.2017 N 203-ФЗ,

от 29.07.2017 N 248-ФЗ, от 29.07.2017 N 249-ФЗ, от 29.07.2017 N 250-ФЗ,

от 20.12.2017 N 412-ФЗ, от 29.12.2017 N 445-ФЗ, от 29.12.2017 N 469-ФЗ,

от 31.12.2017 N 494-ФЗ, от 31.12.2017 N 501-ФЗ, от 19.02.2018 N 35-ФЗ,

от 23.04.2018 N 96-ФЗ, от 23.04.2018 N 99-ФЗ, от 23.04.2018 N 111-ФЗ,

от 23.04.2018 N 114-ФЗ, от 27.06.2018 N 156-ФЗ, от 27.06.2018 N 157-ФЗ,

от 03.07.2018 N 186-ФЗ, от 29.07.2018 N 227-ФЗ, от 29.07.2018 N 229-ФЗ,

от 02.10.2018 N 348-ФЗ, от 03.10.2018 N 352-ФЗ, от 12.11.2018 N 420-ФЗ,

от 27.12.2018 N 519-ФЗ, от 27.12.2018 N 520-ФЗ, от 27.12.2018 N 530-ФЗ,

от 27.12.2018 N 533-ФЗ, от 27.12.2018 N 540-ФЗ, от 27.12.2018 N 569-ФЗ,

от 01.04.2019 N 46-ФЗ, от 23.04.2019 N 65-ФЗ, от 29.05.2019 N 112-ФЗ,

от 06.06.2019 N 132-ФЗ, от 17.06.2019 N 146-ФЗ, от 26.07.2019 N 206-ФЗ,

от 26.07.2019 N 207-ФЗ, от 26.07.2019 N 209-ФЗ, от 02.08.2019 N 304-ФЗ,

от 02.08.2019 N 308-ФЗ, от 16.10.2019 N 340-ФЗ, от 04.11.2019 N 354-ФЗ,

от 02.12.2019 N 410-ФЗ, от 27.12.2019 N 500-ФЗ, от 18.02.2020 N 22-ФЗ,

от 01.04.2020 N 73-ФЗ, от 01.04.2020 N 94-ФЗ, от 01.04.2020 N 95-ФЗ,

от 01.04.2020 N 100-ФЗ, от 07.04.2020 N 112-ФЗ, от 08.06.2020 N 170-ФЗ,

от 31.07.2020 N 260-ФЗ, от 27.10.2020 N 352-ФЗ, от 08.12.2020 N 425-ФЗ,

от 30.12.2020 N 525-ФЗ, от 30.12.2020 N 526-ФЗ, от 30.12.2020 N 538-ФЗ,

от 30.12.2020 N 543-ФЗ, от 24.02.2021 N 16-ФЗ, от 24.02.2021 N 25-ФЗ,

от 05.04.2021 N 59-ФЗ, от 11.06.2021 N 215-ФЗ, от 11.06.2021 N 216-ФЗ,

от 01.07.2021 N 241-ФЗ, от 01.07.2021 N 248-ФЗ, от 01.07.2021 N 258-ФЗ,

от 01.07.2021 N 259-ФЗ, от 01.07.2021 N 262-ФЗ, от 01.07.2021 N 281-ФЗ,

от 01.07.2021 N 292-ФЗ,

с изм., внесенными Постановлениями Конституционного Суда РФ

от 27.05.2008 N 8-П, от 13.07.2010 N 15-П, от 10.10.2013 N 20-П,

от 19.11.2013 N 24-П, от 17.06.2014 N 18-П, от 11.12.2014 N 32-П,

от 16.07.2015 N 22-П, от 25.04.2018 N 17-П, от 08.04.2021 N 11-П)

Полный список

Урок 1. Введение. 26 июля 2011
Урок 2. Установка Android Studio 28 июля 2011
Урок 3. Создание AVD. Первое приложение. Структура Android-проекта. 01 августа 2011
Урок 4. Компоненты экрана и их свойства 04 августа 2011
Урок 5. Layout-файл в Activity. XML представление. Смена ориентации экрана. 08 августа 2011
Урок 6. Виды Layouts. Ключевые отличия и свойства. 11 августа 2011
Урок 7. Layout параметры для View-элементов. 15 августа 2011
Урок 8. Работаем с элементами экрана из кода 18 августа 2011
Урок 9. Обработчики событий на примере Button. 22 августа 2011
Урок 10. Оптимизируем реализацию обработчиков. 25 августа 2011
Урок 11. Папка res/values. Используем ресурсы приложения. 29 августа 2011
Урок 12. Логи и всплывающие сообщения 01 сентября 2011
Урок 13. Создание простого меню 05 сентября 2011
Урок 14. Меню, группы, порядок. MenuInflater и xml-меню. 08 сентября 2011
Урок 15. Контекстное меню 12 сентября 2011
Урок 16. Программное создание экрана. LayoutParams 15 сентября 2011
Урок 17. Создание View-компонент в рабочем приложении 19 сентября 2011
Урок 18. Меняем layoutParams в рабочем приложении 22 сентября 2011
Урок 19. Пишем простой калькулятор 26 сентября 2011
Урок 20. Анимация 29 сентября 2011
Урок 21. Создание и вызов Activity 03 октября 2011
Урок 22. Intent, Intent Filter, Context — теория 06 октября 2011
Урок 23. Activity Lifecycle. В каких состояниях может быть Activity 10 октября 2011
Урок 24. Activity Lifecycle, пример смены состояний с двумя Activity 13 октября 2011
Урок 25. Task. Что это такое и как формируется 17 октября 2011
Урок 26. Intent Filter — практика 20 октября 2011
Урок 27. Читаем action из Intent 24 октября 2011
Урок 28. Extras — передаем данные с помощью Intent 27 октября 2011
Урок 29. Вызываем Activity и получаем результат. Метод startActivityForResult 31 октября 2011
Урок 30. Подробнее про onActivityResult. Зачем нужны requestCode и resultCode 03 ноября 2011
Урок 31. Зачем у Intent есть атрибут data. Что такое Uri. Вызываем системные приложения 07 ноября 2011
Урок 32. Пишем простой браузер 10 ноября 2011
Урок 33. Хранение данных. Preferences. 14 ноября 2011
Урок 34. Хранение данных. SQLite 17 ноября 2011
Урок 35. SQLite. Методы update и delete с указанием условия 21 ноября 2011
Урок 36. SQLite. Подробнее про метод query. Условие, сортировка, группировка 24 ноября 2011
Урок 37. Запросы из связанных таблиц. INNER JOIN в SQLite. Метод rawQuery. 28 ноября 2011
Урок 38. Транзакции в SQLite. Небольшой FAQ по SQLite. 01 декабря 2011
Урок 39. onUpgrade. Обновляем БД в SQLite 05 декабря 2011
Урок 40. LayoutInflater. Учимся использовать. 08 декабря 2011
Урок 41. Используем LayoutInflater для создания списка 12 декабря 2011
Урок 42. Список — ListView 15 декабря 2011
Урок 43. Одиночный и множественный выбор в ListView 19 декабря 2011
Урок 44. События в ListView 22 декабря 2011
Урок 45. Список-дерево ExpandableListView 26 декабря 2011
Урок 46. События ExpandableListView 29 декабря 2011
Урок 47. Обзор адаптеров 12 января 2012
Урок 48. Используем SimpleAdapter. 16 января 2012
Урок 49. SimpleAdapter. Методы SetViewText и SetViewImage 19 января 2012
Урок 50. SimpleAdapter. Используем ViewBinder 23 января 2012
Урок 51. SimpleAdapter, добавление и удаление записей 26 января 2012
Урок 52. SimpleCursorAdapter, пример использования 30 января 2012
Урок 53. SimpleCursorTreeAdapter, пример использования 02 февраля 2012
Урок 54. Кастомизация списка. Создаем свой адаптер 06 февраля 2012
Урок 55. Header и Footer в списках. HeaderViewListAdapter 09 февраля 2012
Урок 56. Spinner – выпадающий список 13 февраля 2012
Урок 57. GridView и его атрибуты 16 февраля 2012
Урок 58. Диалоги. TimePickerDialog 20 февраля 2012
Урок 59. Диалоги. DatePickerDialog 23 февраля 2012
Урок 60. Диалоги. AlertDialog: Title, Message, Icon, Buttons 27 февраля 2012
Урок 61. Диалоги. AlertDialog.Метод onPrepareDialog 01 марта 2012
Урок 62. Диалоги. AlertDialog. Список 05 марта 2012
Урок 63. Диалоги. AlertDialog. Список с одиночным выбором 08 марта 2012
Урок 64. Диалоги. AlertDialog. Список с множественным выбором 26 марта 2012
Урок 65. Диалоги. AlertDialog. Кастомизация 29 марта 2012
Урок 66. Диалоги. Обработчики и операции 02 апреля 2012
Урок 67. Диалоги. ProgressDialog 05 апреля 2012
Урок 68. Немного о Parcel 09 апреля 2012
Урок 69. Передаем Parcelable объекты с помощью Intent 12 апреля 2012
Урок 70. onSaveInstanceState. Сохранение данных Activity при повороте экрана 16 апреля 2012
Урок 71. Preferences как настройки приложения. PreferenceActivity 19 апреля 2012
Урок 72. Preferences. Список, экраны и категории 23 апреля 2012
Урок 73. Preferences. Управляем активностью настроек (setEnabled) 26 апреля 2012
Урок 74. Preferences. Программное создание экрана настроек 30 апреля 2012
Урок 75. Хранение данных. Работа с файлами. 03 мая 2012
Урок 76. Tab — вкладки. Общий обзор 07 мая 2012
Урок 77. Tab — вкладки. TabActivity. Activity, как содержимое вкладки 10 мая 2012
Урок 78. Tab — вкладки. TabContentFactory, ручное создание содержимого вкладки 14 мая 2012
Урок 79. XmlPullParser. Парсим XML 17 мая 2012
Урок 80. Handler. Немного теории. Наглядный пример использования 21 мая 2012
Урок 81. Handler. Посылаем простое сообщение 24 мая 2012
Урок 82. Handler. Пример с более содержательными сообщениями 28 мая 2012
Урок 83. Handler. Отложенные сообщения, удаление из очереди, Handler.Callback 31 мая 2012
Урок 84. Handler. Обработка Runnable 04 июня 2012
Урок 85. Еще несколько способов выполнения кода в UI-потоке 07 июня 2012
Урок 86. AsyncTask. Знакомство, несложный пример 11 июня 2012
Урок 87. AsyncTask. Параметры. Промежуточные результаты 14 июня 2012
Урок 88. AsyncTask. Итоговый результат. Метод get 18 июня 2012
Урок 89. AsyncTask. Cancel – отменяем задачу в процессе выполнения 21 июня 2012
Урок 90. AsyncTask. Status – статусы задачи 25 июня 2012
Урок 91. AsyncTask. Поворот экрана 28 июня 2012
Урок 92. Service. Простой пример 02 июля 2012
Урок 93. Service. Передача данных в сервис. Методы остановки сервиса 05 июля 2012
Урок 94. Service. Подробно про onStartCommand 09 июля 2012
Урок 95. Service. Обратная связь с помощью PendingIntent 12 июля 2012
Урок 96. Service. Обратная связь с помощью BroadcastReceiver 16 июля 2012
Урок 97. Service. Биндинг. ServiceConnection 19 июля 2012
Урок 98. Service. Локальный биндинг 23 июля 2012
Урок 99. Service. Уведомления — notifications 26 июля 2012
Урок 100. Service. IntentService. Foreground. Автозагрузка сервиса 30 июля 2012
Урок 101. Создаем свой ContentProvider 07 августа 2012
Урок 102. Touch – обработка касания 13 августа 2012
Урок 103. MultiTouch – обработка множественных касаний 17 августа 2012
Урок 104. Android 3. Fragments. Lifecycle 27 августа 2012
Урок 105. Android 3. Fragments. Динамическая работа 03 сентября 2012
Урок 106. Android 3. Fragments. Взаимодействие с Activity 10 сентября 2012
Урок 107. Android 3. ActionBar. Размещение элементов 19 сентября 2012
Урок 108. Android 3. ActionBar. Навигация — табы и выпадающий список 27 сентября 2012
Урок 109. Android 3. Fragments. ListFragment — список 08 октября 2012
Урок 110. Android 3. Fragments. DialogFragment — диалог 18 октября 2012
Урок 111. Android 3. Fragments. PreferenceFragment — настройки. Headers 29 октября 2012
Урок 112. Android 3. ActionBar. Динамическое размещение элементов 07 ноября 2012
Урок 113. Android 3. ActionMode, как альтернатива контекстному меню 19 ноября 2012
Урок 114. Android 3. Библиотека Support Library. Зачем нужна и как ее использовать на примере фрагментов 26 ноября 2012
Урок 115. Одно приложение на разных экранах 07 декабря 2012
Урок 116. Поведение Activity в Task. Intent-флаги, launchMode, affinity 17 декабря 2012
Урок 117. Виджеты. Создание. Lifecycle 14 января 2013
Урок 118. Виджеты. Конфигурационный экран. Обновление 23 января 2013
Урок 119. PendingIntent – флаги, requestCode. AlarmManager 04 февраля 2013
Урок 120. Виджеты. Обработка нажатий 13 февраля 2013
Урок 121. Виджеты. Список 25 февраля 2013
Урок 122. Виджеты. Превью, изменение размера, экран блокировки, ручное обновление 06 марта 2013
Урок 123. Как подписать приложение. Утилиты keytool и jarsigner 18 марта 2013
Урок 124. Что такое Package для приложения 28 марта 2013
Урок 125. ViewPager 08 апреля 2013
Урок 126. Медиа. MediaPlayer – аудио/видео плеер, основные возможности 29 апреля 2013
Урок 127. Медиа. SoundPool 27 мая 2013
Урок 128. Медиа. Audio Focus 10 июня 2013
Урок 129. Медиа. Запись звука с помощью MediaRecorder 24 июня 2013
Урок 130. Медиа. Запись звука с помощью AudioRecorder 22 июля 2013
Урок 131. Камера. Используем системное приложение 19 августа 2013
Урок 132. Камера. Вывод изображения на экран. Размер preview. Обработка поворота устройства 30 сентября 2013
Урок 133. Камера. Делаем снимок и пишем видео 14 октября 2013
Урок 134. Камера. Настройки 29 октября 2013
Урок 135. Loader. LoaderManager. AsyncTaskLoader 11 ноября 2013
Урок 136. CursorLoader 18 ноября 2013
Урок 137. Сенсоры. Ускорение, ориентация. 09 декабря 2013
Урок 138. Определение местоположения. GPS координаты. 16 декабря 2013
Урок 139. Google maps. Создание и настройка проекта. Карта, камера, события 13 января 2014
Урок 140. Google maps. Свои объекты на карте 27 января 2014
Урок 141. Рисование. Доступ к Canvas 03 февраля 2014
Урок 142. Рисование. Простые фигуры, текст 10 февраля 2014
Урок 143. Рисование. Path 17 февраля 2014
Урок 144. Рисование. Matrix-преобразования 24 февраля 2014
Урок 145. Рисование. Matrix. setRectToRect и setPolyToPoly 03 марта 2014
Урок 146. Рисование. Canvas-преобразования. Методы save и restore. 10 марта 2014
Урок 147. Рисование. Region 17 марта 2014
Урок 148. Рисование. Canvas, clip 24 марта 2014
Урок 149. Рисование. Текст 07 апреля 2014
Урок 150. Рисование. PathMeasure – информация о Path-объекте 28 апреля 2014
Урок 151. Рисование. PathEffect 14 июля 2014
Урок 152. Рисование. Picture 21 июля 2014
Урок 153. Рисование. ColorFilter, ColorMatrix 28 июля 2014
Урок 154. Рисование. PorterDuff.Mode, PorterDuffXfermode 18 августа 2014
Урок 155. Рисование. PorterDuffColorFilter 25 августа 2014
Урок 156. Рисование. AvoidXfermode 01 сентября 2014
Урок 157. Рисование. Bitmap. BitmapFactory. Чтение, вывод на канву, основная информация 06 октября 2014
Урок 158. Рисование. Bitmap. Методы createBitmap, работа с пикселами, density, mutable 13 октября 2014
Урок 159. Рисование. Bitmap. BitmapFactory.Options, сохранение в файл 20 октября 2014
Урок 160. Рисование. Bitmap. Чтение изображений большого размера 27 октября 2014
Урок 161. Рисование. Bitmap. Memory-кэш. Picasso 05 ноября 2014
Урок 162. Графика. Drawable. Shape, Gradient. 18 ноября 2014
Урок 163. Графика. Drawable. Bitmap, Layer List, State List. 01 декабря 2014
Урок 164. Графика. Drawable. Level List, Transition, Inset, Clip, Scale 10 августа 2015
Урок 165. Графика. BitmapShader, LinearGradient, RadialGradient, SweepGradient 24 августа 2015
Урок 166. Графика. Создание своего Drawable 07 сентября 2015
Урок 167. Рисование. Метод Canvas saveLayer. 21 сентября 2015
Урок 168. OpenGL. Введение. 08 октября 2015
Урок 169. OpenGL. Шейдеры 27 октября 2015
Урок 170. OpenGL. Графические примитивы 10 ноября 2015
Урок 171. OpenGL. Цвет. 23 ноября 2015
Урок 172. OpenGL. Perspective. Frustum. Ortho. 08 декабря 2015
Урок 173. OpenGL. Камера 27 января 2016
Урок 174. OpenGL. Модель 16 февраля 2016
Урок 175. OpenGL. Текстуры. 01 марта 2016
Урок 176. OpenGL. Индексы, текстуры для куба. 11 апреля 2016
Урок 180. ConstraintLayout. Основы 07 июля 2017
Урок 181. ConstraintLayout: match_constraints, инструменты в toolbar, guidelines, aspect ratio 09 июля 2017
Урок 182. ConstraintLayout: chain, weight, barrier, group, circular 12 июля 2017
Урок 183. ConstraintSet. Программная настройка ConstraintLayout 17 июля 2017
Урок 184. Android Notifications. Уведомления. Основы 14 ноября 2017
Урок 185. Notifications. Режимы открытия Activity 13 ноября 2017
Урок 186. Notifications. Расширенные уведомления 20 ноября 2017
Урок 187. Notifications. Action кнопки. Reply. 23 ноября 2017
Урок 188. Notifications. Кастомные уведомления 27 ноября 2017
Урок 189. Notifications. Группировка уведомлений 29 ноября 2017
Урок 190. Notifications. Каналы 01 декабря 2017

HTML-тег — использование, атрибуты, примеры

HTML-тег

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

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

  • .

    Тег

      является элементом уровня блока и занимает все доступное горизонтальное пространство.Его высота зависит от содержимого контейнера. Неупорядоченный список обычно отображается как маркированный список.

      Тег

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

            Теги

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

                    Можно изменить маркер элемента списка с помощью CSS. Однако семантическое значение, выраженное выбором типа списка, не может быть изменено с помощью CSS.

                    Синтаксис¶

                    Тег

                      используется парами. Контент записывается между открывающим (
                        ) и закрывающим (
                      ) тегами.

                      Пример HTML-тега

                        : ¶
                          
                        
                          
                             Название документа 
                          
                          
                            
                        • Элемент списка
                        • Элемент списка
                        • Элемент списка
                        Попробуйте сами »

                        Результат¶

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

                        Пример HTML-тега

                          с атрибутом type: ¶
                            
                          
                            
                               Название документа 
                            
                            
                              
                          • Элемент списка
                          • Элемент списка
                          • Элемент списка
                          • Элемент списка
                          • Элемент списка
                          • Элемент списка
                          Попробуйте сами »

                          Вы также можете использовать свойство CSS list-style-type или list-style-image для определения типа элемента элемента списка.

                          Пример тега HTML

                            , используемого со свойством CSS list-style-type: ¶
                              
                            
                              
                                 Название документа 
                              
                              
                                 

                            Примеры неупорядоченных списков:

                            • Холодные напитки
                            • Горячие напитки
                            • Мороженое
                            • Кока-Кола
                            • Фантастика
                            • Холодный чай
                            • Кока-Кола
                            • Фантастика
                            • Холодный чай
                            Попробуйте сами »

                            Атрибуты¶

                            Тег

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

                              Как оформить тег

                                ?

                                Общие свойства для изменения визуального веса / выделения / размера текста в теге

                                  :
                                  • Свойство CSS font-style устанавливает стиль шрифта. нормальный | курсив | косой | начальная | наследовать.
                                  • CSS свойство font-family определяет приоритетный список из одного или нескольких имён семейств шрифтов и / или родовых имён семейств для выбранного элемента.
                                  • Свойство CSS font-size устанавливает размер шрифта.
                                  • Свойство CSS font-weight определяет, должен ли шрифт быть жирным или толстым.
                                  • Свойство CSS text-transform управляет регистром текста и заглавными буквами.
                                  • Свойство CSS text-decoration определяет украшение, добавленное к тексту, и является сокращенным свойством для text-decoration-line, text-decoration-color, text-decoration-style.

                                  Цвет текста в теге

                                    :
                                    • Свойство цвета CSS описывает цвет текстового содержимого и оформления текста.
                                    • Свойство CSS background-color устанавливает цвет фона элемента.

                                    Стили макета текста для тега

                                      :
                                      • Свойство CSS text-indent определяет отступ первой строки в текстовом блоке.
                                      • Свойство CSS text-overflow указывает, как пользователю следует сигнализировать о переполненном содержимом, которое не отображается.
                                      • CSS свойство white-space определяет, как обрабатывается белое пространство внутри элемента.
                                      • Свойство CSS word-break указывает, где строки должны быть разорваны.

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

                                        :

                                        Список всех тегов HTML

                                        На этой странице содержится список всех тегов HTML с описанием (включая последние теги HTML5).Теги предыдущей версии HTML всегда полезны, но некоторые теги удалены в HTML5 и несколько тегов введены в HTML5. После списка всех тегов HTML с описанием в алфавитном порядке.

                                        NEW — новый тег представлен в HTML5
                                        REMOVE — не поддерживается в HTML5
                                        NEW / REMOVE — новый тег представлен в HTML5, но теперь все еще поддерживается в HTML5

                                        в таблице
                                        Тег Описание В HTML5?
                                        Описать текст комментария в исходном коде
                                        Определяет вид документа
                                        Определите привязку (гиперссылка)
                                        Используется для ссылки во внутренних / внешних веб-документах.
                                        Описывает аббревиатуру (акронимы)
                                        <аббревиатура> Описывает аббревиатуры УДАЛИТЬ
                                        <адрес> Описывает адресную информацию
                                        <приложение> Встраивание апплета в документ HTML УДАЛИТЬ
                                        Определяет область на карте изображения
                                        <статья> Определяет артикул НОВЫЙ
                                        <сторона> Описания содержат набор (или запись) на стороне страницы содержат НОВЫЙ
                                        <аудио> Конкретный аудиоконтент НОВЫЙ
                                        Удельный вес текста полужирным шрифтом
                                        <база> Определите базовый URL для всех ссылок на веб-странице
                                        <базовый корпус Описывает цвет, размер, начертание шрифта по умолчанию в документе УДАЛИТЬ
                                        Определите команду браузера, которая будет вызываться в соответствии с действием клиента НОВОЕ / УДАЛИТЬ
                                        Определенное направление отображения текста
                                        <большой> Определяет большой текст УДАЛИТЬ
                                        Указывает длинную цитату
                                        Определяет основную часть (тело) в документе HTML

                                        Отдельный разрыв строки
                                        <кнопка> Задает кнопку нажатия / нажатия
                                        <холст> Задает отображаемую графику в веб-документе HTML НОВЫЙ
                                        <заголовок> Определите заголовок таблицы
                                        <центр> Указывает, что текст отображается по центру УДАЛИТЬ
                                        Задает текстовую цитату
                                        <код> Задает текст компьютерного кода
                                        Задает каждый столбец в элементе
                                        Определяет группу из одного или нескольких столбцов внутри таблицы
                                        <команда> Определите командную кнопку, вызовите в соответствии с действием пользователя НОВЫЙ
                                        Определить представление данных в сетке данных по списку или по дереву НОВОЕ / УДАЛИТЬ
                                        Определите список предопределенных параметров, окружающих тег НОВЫЙ
                                        Определяет описание определения в списке определений
                                        Определенный текст удален в веб-документе
                                        <подробности> Определите скрытие или отображение дополнительных деталей в соответствии с действием пользователя НОВЫЙ
                                        Определите команду определения
                                        <диалог> Определите разговор в чате между одним или несколькими людьми НОВОЕ / УДАЛИТЬ
                                        Определить список каталогов УДАЛИТЬ
                                        Определите часть деления
                                        Определите список определений
                                        Определите команду определения
                                        Определить текст — выделить формат
                                        <встроенный> Определите встраиваемое внешнее приложение с помощью соответствующего подключаемого модуля НОВЫЙ
                                        <источник события> Определяет источник событий, генерируемых удаленным сервером НОВОЕ / УДАЛИТЬ
                                        Определяет группировку связанных элементов формы
                                        Представляет текст заголовка, соответствующий элементу фигуры НОВЫЙ
                                        <рисунок> Представляет автономное содержимое, соответствующее элементу
                                        НОВЫЙ
                                        Определяет размер шрифта, начертание и цвет шрифта для текста УДАЛИТЬ
                                        <нижний колонтитул> Определяет раздел нижнего колонтитула, содержащий сведения об авторе, авторских правах, контактах с нами, карту сайта или ссылки на связанные документы. НОВЫЙ
                                        <форма> Определяет раздел формы, имеющий интерактивные элементы управления вводом для отправки информации формы на сервер.
                                        <рамка> Определяет окно фрейма. УДАЛИТЬ
                                        <набор рамок> Используется для хранения одного или нескольких элементов . УДАЛИТЬ

                                        Определяет уровень заголовков от 1 до 6 различных размеров.
                                        <заголовок> Определяет раздел заголовка HTML-документа.
                                        <заголовок> Определяется как контейнер, содержащий вводный контент или навигационные ссылки. НОВЫЙ
                                        Определяет заголовок раздела, содержащего теги от h2 до h6. НОВОЕ / УДАЛИТЬ

                                        Представляет собой тематический разрыв между тегами на уровне абзаца. Обычно это горизонтальная линия.
                                        Определить документ как язык разметки HTML
                                        Определяет текст в формате курсива
                                        <кадр> Определяет встроенный фрейм, который внедряет внешнее содержимое в текущий веб-документ.
                                        Используется для вставки изображения в веб-документ.
                                        <вход> Определить получение информации на выбранном входе
                                        Используется для обозначения текста, который вставляется на страницу и указывает изменения в документе.
                                        Используется для создания однострочного запроса на поиск содержимого документа. УДАЛИТЬ
                                        <КБД> Используется для обозначения текста, который представляет ввод с клавиатуры.
                                        Используется для создания подписанного сертификата, который используется для аутентификации служб. НОВОЕ / УДАЛИТЬ
                                        <метка> Используется для подписи текстовой метки с помощью элемента формы .
                                        <легенда> Используется для добавления заголовка (заголовка) к группе связанных элементов формы, которые сгруппированы вместе в тег
                                        .
                                      • Определите элемент списка: упорядоченный или неупорядоченный список.
                                        <ссылка> Используется для загрузки внешних таблиц стилей в документ HTML.
                                        <карта> Определяет интерактивную карту изображений.
                                        <отметка> Используется для выделенного (отмеченного) определенного текста. НОВЫЙ
                                        Используется для отображения неупорядоченного списка пунктов / меню команд.
                                        Используется для предоставления структурированных метаданных о веб-странице.
                                        <метр> Используется для измерения данных в заданном диапазоне. НОВЫЙ
                                        Используется для определения группы навигационных ссылок. НОВЫЙ
                                        <без кадров> Используется для предоставления браузеру резервного содержимого, не поддерживающего элемент . УДАЛИТЬ
                                        <код> Используется для возврата содержимого в браузер, который не поддерживает JavaScript.
                                        <объект> Используется для встроенных объектов, таких как изображения, аудио, видео, Java-апплеты и Flash-анимации.
                                        Определяет упорядоченный список элементов.
                                        Используется для создания группы опций, связанные опции сгруппированы под определенными заголовками.
                                        <опция> Представляет элементы параметров в элементе
                                        <выход> Используется для представления результата вычисления. НОВЫЙ

                                        Используется для представления текста абзаца.
                                        <параметр> Предоставляет параметры для встроенного объекта , элемента .
                                        <до> Используется для представления предварительно отформатированного текста.
                                        <ход выполнения> Представляет ход выполнения задачи. НОВЫЙ
                                        представляет собой короткую цитату.
                                        Используется для заключения в круглые скобки содержимого, возвращаемого браузеру, который не поддерживает рубиновые аннотации. НОВЫЙ
                                        Задает рубиновый текст рубиновой аннотации. НОВЫЙ
                                        <рубин> Используется для обозначения рубиновой аннотации. НОВЫЙ
                                        Отображение текста зачеркнутым.
                                        Представляет текст, который следует интерпретировать как образец вывода компьютерной программы.
                                        <скрипт> Определяет клиентский JavaScript.
                                        <раздел> Используется для разделения документа на несколько разных общих разделов. НОВЫЙ
                                        <выбрать> Используется для создания раскрывающегося списка.
                                        <маленький> Используется для уменьшения размера текста на один размер.
                                        <источник> Используется для указания нескольких медиаресурсов. НОВЫЙ
                                        Используется для группировки и применения стилей к встроенным элементам.
                                        <удар> Обозначает зачеркнутый текст. УДАЛИТЬ
                                        Обозначает сильный акцент на более важном тексте.
                                        <стиль> Используется для добавления стиля CSS в документ HTML.
                                        Представляет встроенный подстрочный текст.
                                        Представляет встроенный надстрочный текст.
                                        <таблица> Используется для определения таблицы в документе HTML.
                                        Используется для группировки строк таблицы.
                                        Используется для создания стандартной ячейки данных в таблице HTML.