Html маркеры списка: Маркированные списки | WebReference

Leave a Comment / Html / By /

Выделение маркеров в нумерованных и маркированных списках

  2. Главная
  3. Блог
  4. Help+Manual
  5. Выделение маркеров в нумерованных и маркированных списках

В справке и пользовательской документации маркированные и нумерованные списки используются для структурирования информации и для оформления пошаговых инструкций. Чтобы повысить наглядность документации, маркеры в списках можно выделить жирным или цветным шрифтом. Такое оформление сделает процедуры и другую структурированную информацию более заметной. В данной статье я расскажу, как выделить маркеры списков в Help&Manual 5, 6 и 7. Материал также пригодиться дизайнерам: при разработке макетов документации хорошо знать о стандартных возможностях инструментов технического писателя.

Как это выглядит

Лучше 1 раз увидеть, чем 100 раз услышать. Вот несколько снимков справки:

  •  

В первом примере маркеры нумерованного списка выделены жирным, во втором — жирным и голубым цветом.

При просмотре документа с подобным выделением глаз пользователя сразу находит пошаговые инструкции.

 

В каких форматах это работает

Выделение маркеров в списках работает в форматах CHM, WebHelp, PDF, DOCX и EWriter. Вот еще несколько примеров:

  •  

В маркированном списке хорошо видны цветные маркеры. В нумерованном списке заметны оба выделения. Поэтому рассмотрим реализацию выделения на примере с нумерованным списком. Порядок работы с маркированным списком аналогичный.

 

Как это реализовать

За форматирование маркера в списке отвечает последний символ в строке первого элемента списка. Чтобы выделение было незаметным (не затрагивало текст и знаки препинания), используется пробел в конце строки.

Чтобы выделить маркеры списка:

  1. Создайте нумерованный список стандартным способом.
  2. В редакторе включите отображение непечатных символов. Для этого на вкладке Write выберите команду Show paragraph and text marks.
  3. Добавьте пробел в конец строки первого элемента списка.
  4. Выделите добавленный пробел.
  5. Чтобы выделить маркеры нумерованного списка жирным, сделайте пробел жирным. Маркер списка также будет жирным, если все символы в строке выделены жирным.
  6. Чтобы выделить маркеры списка цветом, задайте необходимый цвет текста для выделенного пробела.
  7. Чтобы убрать выделение маркеров, выделите пробел в конце строки первого элемента списка и снимите выделение жирным, либо примените черный цвет текста.

 

Поделитесь статьей с друзьями:

Разработка расширений Joomla

Help+Manual
Добавить комментарий

Рубрики

  • Help+Manual
  • Справка
  • Форматы
  • Программы (HAT)
  • Полезные советы
  • Работа с текстом
  • Контроль качества
  • Из книг

Илья Жуков

Технический писатель

Последние статьи

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

Типы маркеров списков
  • Упорядоченный список
  • Ненумерованный список
  • Маркер типов списков
  • Горизонтальный список

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

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

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

Упорядоченный список представляет собой набор элементов (элементов списка), имеющих определенную последовательность. Каждый элемент в упорядоченном списке имеет уникальный маркер, указывающий порядок элемента относительно других элементов в списке. По умолчанию числа являются маркерами упорядоченных элементов списка. Первый элемент под номером 1, второй под номером 2 и так далее.

Наиболее распространенными примерами упорядоченных списков являются рецепты приготовления различных блюд. Так как любой рецепт – это упорядоченный список с четкой последовательностью действий.

Для создания упорядоченных списков в HTML используется тег

    (ordered list), внутри которого находятся его элементы с данными, за которые отвечает специальный тег
  1. :

    

  <голова>
    <мета-кодировка="utf-8">
    Название страницы
  
  <тело>

     
    Упорядоченный список:
     
    <ол>
      
  2. Кофе
    3. 
      
  3. Чай
    4. 
      
  4. Молоко
    5.

Попробуйте »

Примечание: тег

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

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

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

    Для создания неупорядоченных списков в HTML используется тег

      (unordered list), внутри которого располагаются элементы списка (как и в случае с упорядоченными списками, используется тег
    • ):

      

  <голова>
    <мета-кодировка="utf-8">
    Название страницы
  
  <тело>

     
      Ненумерованный список:
       
    <ул>
      
    • Кофе
      • 
      
    • Чай
      • 
      
    • Молоко
      •

    Попробуйте »

    Типы маркеров списков

    Типы маркеров нумерованного списка можно изменить с помощью атрибута типа . Этот атрибут поддерживает пять типов маркеров:

    9 Неупорядоченные списки не имеют атрибута типа , поэтому инструменты HTML не смогут изменить тип маркера из неупорядоченного списка. Для изменения типа маркера в данном случае можно использовать свойство CSS list-style-type , с помощью которого помимо значения по умолчанию можно выбрать еще два типа маркера: круг или квадрат .

    Изменение маркеров в списках:

    

  <голова>
    <мета-кодировка="utf-8">
    Название страницы
  
  <тело>

     
    Упорядоченный список с атрибутом type="a":
     
    <ол тип="а">
      
  4. Яблоки
  5. Бананы
  6. Лимоны
    7. 
    

     
    Упорядоченный список с атрибутом type="I"
     
    
      
      
    1. Яблоки
    2. Бананы
    3. Лимоны
      4. 
    
    

 
    Типы маркеров ненумерованных списков:
     

    <ул>
      
  7. Яблоки
  8. Бананы
  9. Лимоны
    10. 
    

<ул>
      
  10. Яблоки
  11. Бананы
  12. Лимоны
    13.

    Попробуйте »

    Горизонтальный список

    Если вы используете HTML-список для создания горизонтального меню, вам нужно расположить элементы списка один за другим в одной строке. С HTML вы не можете сделать это, поэтому вам нужно будет использовать CSS.

    Чтобы создать горизонтальный список, вам нужно написать свойство CSS

    display со значением inline или inline-block для элементов списка, в зависимости от того, какие другие свойства вы собираетесь использовать.

    

  <голова>
    <мета-кодировка="utf-8">
    Название страницы

  
  <тело>

     
    Упорядоченный список:
     
    <ол>
      
  13. Яблоки
  14. Бананы
  15. Лимоны
    16. 
    

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

    <ул>
      
  16. Яблоки
  17. Бананы
  18. Лимоны
    19.

    Попробовать »

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

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

    С этой темой посмотрите:

    • Вложенные списки
    • списки CSS
    • Вертикальное, горизонтальное и выпадающее меню

    Маркеры списка

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

    Стиль этого типа элемента: rvsListMarker (-11)

    См. также: нумерованные последовательности.

    Свойства маркеров списка

    Компонент TRVStyle содержит набор стилей списка (ListStyles). Каждый стиль списка содержит набор уровней списка (свойство Levels). Уровень списка определяет большинство свойств списка.

    Маркеры для списков — это особый вид предметов. Они вставляются со специальными функциями. Они всегда вставляются в начале абзаца.

    Имеют следующие свойства:

    ▪ListNo – индекс стиля списка в коллекции стилей списка;

    ▪LevelNo – уровень списка;

    ▪StartFrom – начальное значение счетчика списка, если UseStartFrom=True;

    ▪UseStartFrom – если True, значение счетчика списка для этого маркера определяется StartFrom. Если False, нумерация продолжается.

    Операции с маркерами списка

    Методы TCustomRichView:

    ▪SetListMarkerInfo,

    ▪GetListMarkerInfo,

    ▪Обновить маркеры списка.

    Методы TCustomRichViewEdit:

    ▪ApplyListStyle,

    ▪RemoveLists,

    ▪ChangeListLevels.

    Сохранение и загрузка

    RVF

    Для уровней списков со списками изображений: Сами изображения не сохраняются в RVF. RichView хранит TImageList.Tag. При загрузке происходит OnRVFImageListNeeded, позволяя вам предоставить список изображений.

    Экспорт HTM, rvsoMarkersAsText отсутствует в параметрах SaveHTML или SaveHTMLEx

    Списки сохраняются с использованием HTML-тегов

      и
        .

        Экспорт с использованием CSS (SaveHTMLEx):

        CSS списков вставляются непосредственно в HTML.

        ▪rvlstBullet, rvlstUnicodeBullet экспортируются как маркеры с маркерами по умолчанию (диск, круг или квадрат). FormatString и Font игнорируются;

        ▪rvlstDecimal,rvlstLowerAlpha,rvlstUpperAlpha,rvlstLowerRoman,rvlstUpperRoman экспортируются в виде списков с соответствующей нумерацией.

        FormatString и Font игнорируются;

        ▪rvlstPicture, rvlstImageList, rvlstImageListCounter экспортируются как маркеры с изображением. Можно изменить сохранение изображения по умолчанию с помощью OnHTMLSaveImage.

        Отступы сохраняются, но не очень точно.

        Экспорт без CSS (SaveHTML)

        ▪rvlstBullet, rvlstUnicodeBullet, rvlstPicture, rvlstImageList экспортируются как маркеры с маркерами по умолчанию (диск, круг или квадрат). FormatString, Picture, ImageList и Font игнорируются;

        ▪rvlstDecimal,rvlstLowerAlpha,rvlstUpperAlpha,rvlstLowerRoman,rvlstUpperRoman экспортируются в виде списков с соответствующей нумерацией. FormatString и Font игнорируются;

        ▪rvlstImageListCounter сохраняется в виде десятичного числа.

        Отступы не сохраняются.

        Экспорт HTML, rvsoMarkersAsText находится в параметрах

        Маркеры сохраняются без использования специальных ключевых слов HTML для списков (таких как

          ,
    Значение Описание
    1 Десятичные числа (1, 2, 3 . .)
    A Перечисление в Alphabeticement, Lowerse Parding, Alphabeticement, Lowerse Partdy, Alphabeticement, Alphabeticement, Alphabeticen , b, c..)
    A Список в алфавитном порядке, заглавными буквами (A, B, C..)
    i Римские цифры строчные (i, ii, iii, iv..)
    I Римские цифры прописные (I, II, III, IV..)