Lista con viñetas de propiedades y características no estándar. Crear una lista con viñetas en MS Word

Las listas son una parte importante del contenido porque ayudan a organizar la información. El texto de las listas se percibe mejor y es más fácil de recordar.

La más sencilla es que delante de cada uno de sus elementos hay un marcador: un círculo, cuadrado o círculo. El orden de los elementos en una lista con viñetas no es importante.

Para crearlo, necesitas usar solo dos etiquetas:

Y
• .
  es un contenedor que contiene una lista cuyos elementos están especificados por la etiqueta
  • .
    • Piedra
    • Tijeras
    • Papel
    
    
    

    De forma predeterminada, el marcador de lista es un círculo negro ( disco). Agregando a la etiqueta

    atributo tipo y al asignarle el valor apropiado, el marcador se puede cambiar a un círculo ( círculo) o cuadrado negro ( cuadrado).

    Se diferencia del marcado en que el orden de los elementos que contiene es importante y, por lo tanto, en lugar de un marcador, aquí se utilizan números o letras secuenciales. No hay necesidad de preocuparse por el orden de la lista: el navegador se encarga de esta tarea. Si cambia la lista (elimina o agrega un elemento desordenado), el navegador la recalculará y la mostrará correctamente.

    Las etiquetas se utilizan para crear listas numeradas.

    Y
    1. . Recipiente
       define el principio y el final de la lista, etiqueta
       1. especifica el principio y el final de su elemento; todo es como en una lista con viñetas, solo que
          reemplazado por
          .
          1. Piedra
          2. Tijeras
          3. Papel
          
          
          

          

          Dado que con las listas numeradas las cosas no siempre son tan sencillas, para la etiqueta

          Creó los siguientes atributos (nota: a continuación se muestra solo una lista numerada):

          1. tipo. Este atributo le permite numerar la lista no solo con números arábigos, sino también con números romanos o letras latinas de diferente mayúscula. tipo admite los valores 1 (predeterminado), a, A, i, I (intente experimentar con ellos usted mismo).

          2. comenzar. La numeración no siempre tiene que empezar por uno. Este atributo le permite establecer el valor inicial: el número del primer elemento de la lista. En él puedes especificar que el informe comience, por ejemplo, con el número 100 o la letra K.

          3. invertido. Si la lista no debe ir de 1 a 10, sino de 10 a 1, entonces se debe utilizar este atributo. Si se especifica, la numeración será en orden inverso.

          Para asignar un número arbitrario a un elemento en el medio de la lista, debe usarlo en la etiqueta

          1. atributo :

          2. El elemento cuadragésimo quinto después del trigésimo octavo.

          Al cambiar el número de un elemento en el medio de la lista, cambiará la numeración de todos los elementos siguientes: el informe comenzará con el valor en el atributo de valor. Por ejemplo, si le asignó al elemento 18 el número 35, los elementos siguientes tendrán los números no 19, 20, 21, sino 36, 37, 38.

          Lista de definiciones

          No es un tipo de lista tan conocido como los comentados anteriormente. Consta de términos y sus definiciones. Creado usando etiquetas:

          - un contenedor que contiene una lista.

          - etiqueta de término.

          - etiqueta de definición

          El ámbito de aplicación de las listas de definiciones son glosarios, libros de referencia, pruebas, diccionarios y otras listas amplias del tipo "Término - explicación".

          A continuación se muestra una lista de ejemplos de definiciones:

          Descriptor

          La unidad básica del lenguaje de marcado, conocida por todos como "Etiqueta".

          Atributo

          Propiedad de una etiqueta que le brinda opciones de formato de texto adicionales.

          Etiqueta

          Una única etiqueta que no es necesario cerrar.

          
          
          

          

          Una lista que consta de listas anidadas unas dentro de otras. Puede incluir listas de diferentes tipos. La dificultad de la creación radica en mantener el correcto anidamiento de etiquetas, ya que es fácil confundirse en una estructura de varios niveles.

          A continuación se muestra un ejemplo de una lista de varios niveles:

          Los lenguajes de programación se dividen en:

          • Estructural
          1. Pascal
          2. Oberón
          1. Limbo
          • Orientado a objetos
          1. Java
          • Funcional
          1. Ceceo
          2. Pitón

          
          
          

          En el lenguaje de marcado HTML, existen 3 tipos de listas: listas ordenadas (numeradas), desordenadas (sin numerar) y de definición.

          Para crear una lista de este tipo, necesita 2 tipos de elementos: "ul" (abreviatura de lista desordenada, es decir, lista desordenada) y "li" (elemento de lista). Todo lo escrito dentro de 'li' está marcado con un marcador.

          La apariencia de dicha lista se puede controlar especificando los tipos de marcadores.

          tipos de marcadores

          Hay un atributo de tipo especial que se coloca en ambos elementos de la lista. Este es tu tipo de marcador. Sólo hay 3 tipos: círculo, disco y cuadrado:

          - cuadrado
          - disco
          - circunferencia

          Dependiendo de dónde especifique el tipo de marcador, puede cambiarlo para toda la lista o para un elemento específico.

          lista ordenada

          Para crear una lista, también necesita 2 elementos: "ol" y "li" (elemento de lista). Los marcadores se reemplazan por números con un punto. Ejemplo de una lista simple:

          1. primer elemento
          2. segundo elemento
          3. último elemento

          Puede controlar la apariencia de la lista ordenada especificando diferentes tipos de numeración.

          Tipos de numeración

          Hay un atributo de tipo especial que se coloca en el elemento "ol" o "li". Este es su tipo de lista. Hay 5 tipos en total:

          - Numeración en números arábigos (1, 2, 3)
          - Numeración en mayúsculas (A, B, C)
          - Numeración en letras minúsculas (a, b, c)
          - Numeración en números romanos grandes (I, II, III)
          - Numeración en pequeños números romanos (i, ii, iii)
          - ¿Desde qué número empezar a numerar?

          Dependiendo de dónde especifiques el tipo de numeración, podrás cambiarlo para toda la lista o para un elemento específico.

          Lista de definiciones

          Se ha desarrollado una lista de definiciones para las entradas del diccionario.

          Hay un contenedor general 'dl'. En su interior están 'dt' (término de definición) y 'dd' (descripción de definición). El ejemplo más simple:

          Departamento de Marketing

          Este departamento se dedica a la promoción de bienes y servicios.

          departamento de finanzas

          Este departamento se ocupa de todas las transacciones financieras.

          Todos los elementos de todas las listas son elementos de bloque. Pero solo se pueden colocar elementos en línea dentro del elemento 'dt'. Puedes poner lo que quieras en los elementos 'dd' y 'li'. De aquí provienen las listas anidadas.

          Anidado (listas mixtas)

          Se trata de listas de varios niveles, dentro de las cuales existe una jerarquía. A menudo, estas listas se utilizan al crear un mapa del sitio. Ejemplo:

          lista mixta

          NOTICIAS DEL DÍA

          esta lloviendo hoy

          Lloverá todo el día

          NOTICIAS DE LA NOCHE

          Lloverá por la noche

          Mañana comenzará un nuevo día.

          Liza- Son oraciones interconectadas que comienzan con un marcador o número. Las listas ayudan a estructurar la información en una página WEB. Las listas pueden tener viñetas, numerarse o ser una lista de definiciones. Se diferencian en la forma en que están diseñados.

          Lista con viñetas. Una lista con viñetas es un grupo de elementos. Cada elemento de dicha lista está marcado con un marcador especial, generalmente en forma de círculo negro.

          5. Y
          Se forma una lista con viñetas utilizando un par de etiquetas. Y cada elemento de la lista se coloca dentro de etiquetas.
          
          
          • . He aquí un ejemplo:
          
          
          • Primer elemento
          
          
          • Segundo elemento
          
          

          Tercer elemento

          • . He aquí un ejemplo:
          • Primer elemento
          • Segundo elemento

          Aquí está el resultado del ejemplo anterior: etiqueta de cierre

          Opcional, pero le aconsejo que siempre lo agregue para separar claramente los elementos de la lista. etiqueta de cierre

          requerido. Puede colocar enlaces, párrafos, imágenes, otras listas, saltos de línea, etc. dentro de un elemento de lista.

          Los marcadores de lista pueden ser de tres tipos: círculo relleno, círculo y cuadrado. El tipo de marcador se establece mediante el parámetro de tipo de etiqueta

          .

          
          
          • . He aquí un ejemplo:
          
          
          • Primer elemento
          
          
          • Segundo elemento
          
          
          
          
          
          
          • . He aquí un ejemplo:
          
          
          • Primer elemento
          
          
          • Segundo elemento
          
          

          El parámetro tipo puede tomar los siguientes valores: disco, círculo y cuadrado.

          • . He aquí un ejemplo:
          • Primer elemento
          • Segundo elemento
          • . He aquí un ejemplo:
          • Primer elemento
          • Segundo elemento

          A continuación se muestran marcadores en forma de círculo y cuadrado. Una lista numerada también es un grupo de elementos, pero los elementos están etiquetados con números o letras.

          • Y
          Se forma una lista numerada utilizando un par de etiquetas y cada elemento de la lista se coloca dentro de las etiquetas.
          
          
          1. . He aquí un ejemplo:
          
          
          2. Primer elemento
          
          
          3. Segundo elemento
          
          

          . Por ejemplo:

          1. . He aquí un ejemplo:
          2. Primer elemento
          3. Segundo elemento

          Y se ve así:

          El tipo de marcador también se especifica mediante el parámetro de tipo de la etiqueta.
          • .Los siguientes pueden servir como elementos de marcado: Números arábigos (1, 2, 3, ...) - ;
          • tipo="1" Números romanos en mayúsculas (I, II, III,...) - ;
          • tipo="yo" Números romanos en minúscula (i, ii, iii, ...) - ;
          • tipo="yo" Letras latinas mayúsculas (A, B, C, ...) - ;
          • tipo="A" Letras latinas minúsculas (a, b, c, ...) - ;

          tipo="a"

          Usando el parámetro de etiqueta de inicio
          
          
          5. . He aquí un ejemplo:
          
          
          6. Primer elemento
          
          
          7. Segundo elemento
          
          

          puede establecer el valor inicial del marcador. A continuación se muestra una lista de ejemplo que utiliza números romanos que comienzan con 8.

          1. . He aquí un ejemplo:
          2. Primer elemento
          3. Segundo elemento

          Esto se parece a: Lista de definiciones.

          Y

          La lista de definiciones consta de términos y sus definiciones. Dicha lista se especifica mediante etiquetas.
          .
          Los términos de dicha lista se especifican mediante la etiqueta
          
          
          . He aquí un ejemplo:
          
          
          , y su definición
          
          
          Primer elemento
          
          
          . A continuación se muestra la estructura de la lista de definiciones.
          
          
          Segundo elemento
          
          
          Descripción del primer elemento.
          
          
          Descripción del segundo elemento.
          Descripción del tercer elemento.
          Y se ve así:
          Primer elemento Descripción del primer elemento Segundo elemento Descripción del segundo elemento Tercer elemento Descripción del tercer elemento
          Las listas con viñetas le permiten dividir texto grande en bloques separados, cada uno de los cuales comienza con una viñeta, generalmente un pequeño punto. Esto atrae la atención del lector hacia el texto y aumenta su legibilidad.
          • Con elemento
            Las siguientes características están asociadas:
            • en el lugar donde ocurre
            • , el navegador agrega automáticamente un salto de línea;
            • la lista tiene sangrías en la parte superior e inferior;

            De forma predeterminada, los marcadores se muestran como un círculo relleno;

            Cada elemento de la lista se desplaza hacia la derecha en relación con el texto principal.

            La Figura 1 muestra el resultado del ejemplo, ilustrando las características anteriores de la lista con viñetas.

            Arroz. 1. Vista de lista con viñetas

            • Tipo de marcador
            • Los marcadores pueden adoptar una de tres formas: círculo relleno (predeterminado), círculo abierto y cuadrado. Para seleccionar el tipo de marcador, utilice la propiedad de tipo de estilo de lista o la propiedad de estilo de lista universal (ejemplo 1). Se aplican los siguientes valores:
            • disco: marcadores en forma de círculo relleno;

            círculo: marcadores en forma de círculo abierto;

            • Ejemplo 1: cambiar la apariencia de un marcador
            • Liza
            • Sepulkí
            
            
            

            El ejemplo muestra cómo crear una lista con viñetas utilizando un cuadrado pequeño de color sólido como icono de viñeta. Aunque el número de valores está limitado a tres, esto no quiere decir que tengamos a nuestra disposición únicamente tres tipos de marcador. Hay muchos caracteres especiales que pueden actuar con éxito como icono de marcador. Atorníllelos directamente a

          • No funcionará, por lo que tendrás que solucionarlo. Para hacer esto, oculte los marcadores de la lista usando la propiedad de estilo de lista con el valor ninguno y en el texto antes del contenido.
          • Agregamos nuestro propio carácter usando el pseudoelemento ::before. En el ejemplo 2, dicho marcador es un triángulo.

            Ejemplo 2: Uso::antes

            • Ejemplo 1: cambiar la apariencia de un marcador
            • Liza
            • Sepulkí
            
            
            

            El resultado de este ejemplo se muestra en la Fig. 2. Dado que el uso de la propiedad de estilo de lista con el valor none no elimina los marcadores en absoluto, sino que solo los oculta de la vista, la lista aparece desplazada hacia la derecha. Para deshacerse de esta característica, el ejemplo agrega la propiedad text-indent con un valor negativo. Su tarea es mover el texto un carácter hacia la izquierda.

            

            Arroz. 2. Marcadores arbitrarios en la lista.

            No es necesario que el carácter esté en formato hexadecimal; se puede insertar directamente en el texto. Lo principal es guardar el documento en codificación UTF-8 y que el editor lo admita. Los caracteres en sí y sus códigos se pueden tomar, por ejemplo, de LibreOffice Writer (Fig. 3).

            

            Arroz. 3. Seleccionar un símbolo en LibreOffice

            Lista con marcadores dibujados a mano.

            Los estilos le permiten establecer cualquier imagen adecuada como marcador a través de la propiedad list-style-image. El valor es una ruta relativa o absoluta al archivo gráfico, como se muestra en el ejemplo 3.

            Ejemplo 3: usar una imagen como marcador

            • Ejemplo 1: cambiar la apariencia de un marcador
            • Liza
            • Sepulkí
            
            
            

            Es mejor elegir un dibujo pequeño para no convertir los elementos de la lista en títulos. En la figura. La Figura 4 muestra el resultado de un ejemplo de uso de imágenes pequeñas como marcadores.

            

            Arroz. 4. Dibujar como rotulador

            Usar list-style-image tiene algunas desventajas:

            • el patrón no se puede mover hacia arriba o hacia abajo;
            • La posición de la imagen con respecto al texto puede diferir en diferentes navegadores.

            Estas deficiencias se pueden evitar utilizando la propiedad de fondo, que establece la imagen de fondo. Para cada elemento de la lista

          • Eliminamos los marcadores originales y configuramos la imagen de fondo sin repetir. Y para que el texto no aparezca encima de la imagen, lo desplazamos hacia la derecha usando padding-left (ejemplo 4).

            Ejemplo 4: uso de fondo

            Ul (margen izquierdo: -1em;) li (estilo de lista: ninguno; fondo: url(images/bullet.png) sin repetición 0 2px; relleno izquierdo: 20px;)

            Posición del texto y la viñeta.

            Hay dos formas de colocar un marcador en relación con el texto: el marcador se mueve fuera del borde de los elementos de la lista o se envuelve alrededor del texto (Fig. 5).

            adentro	afuera

            Arroz. 5. Colocación de marcadores en relación con el texto.

            Para controlar la posición de los marcadores, utilice la propiedad list-style-position. Tiene dos significados: exterior: las viñetas se colocan fuera del bloque de texto (este es el valor predeterminado) y dentro: las viñetas son parte del bloque de texto y se muestran en el elemento de la lista (ejemplo 5).

            Ejemplo 5: cambiar la posición de los marcadores

            • Antes de comenzar, verifique que el equipo incluido con el kit 3BM esté incluido.
            • Si faltan uno o más dispositivos periféricos, deberá contactar inmediatamente con el personal técnico del CC.
            • Después de inspeccionar visualmente su área de trabajo, puede encender cuidadosamente el 3BM.
            
            
            

            El resultado de este ejemplo se muestra en la Fig. 6.

            

            Las listas numeradas y con viñetas son muy fáciles de crear en Microsoft Office Word. Además, el programa reconoce la entrada de determinados caracteres y comienza a crearse automáticamente una lista numerada o con viñetas.

            Al crear y editar documentos de texto, a menudo es necesario crear nuevas listas o dar una vista de lista al texto terminado. Corresponde al autor del texto decidir qué lista utilizar en cada caso específico; normalmente se utiliza una lista numerada en los casos en que una determinada secuencia de los componentes de la lista es importante. Si estamos ante un listado simple, sin un orden específico, entonces podemos arreglárnoslas con una lista con viñetas.

            Las herramientas para crear varias listas se encuentran en la pestaña "Inicio" en la sección "Párrafo". MS Word tiene la capacidad de crear diferentes tipos de listas.

            Para crear una lista con viñetas, debe hacer clic en el botón "marcadores" en el menú de arriba, y no importa dónde esté ubicado el cursor en ese momento, al principio de la línea o en el medio. En cualquier caso, el marcador marcará todo el párrafo en el que se encontraba el cursor en ese momento.

            

            Definición del formato del token

            Cuando hace clic en la flecha a la derecha del botón "marcadores", aparece un menú desplegable que muestra los marcadores utilizados más recientemente, la biblioteca de marcadores y los marcadores predeterminados utilizados en los documentos. Aquí es posible definir un nuevo marcador. Esto se refiere a la alineación del marcador y el signo del marcador, que se pueden utilizar como símbolos y varios dibujos (si es necesario, los marcadores necesarios se pueden descargar de diferentes fuentes).

            Crear una lista numerada

            Para crear una lista numerada, utilice el siguiente botón “Numeración” en el bloque de herramientas de creación de listas. Este botón funciona de la misma manera que el botón "Marcador"; simplemente coloque el cursor en el lugar deseado en el texto o al comienzo de un nuevo párrafo.

            

            Definición del formato numérico

            La determinación del formato del número de lista se realiza de la misma manera que para los marcadores, es decir, haciendo clic en la flecha a la derecha del icono "Numeración". La biblioteca de numeración incluye números arábigos y romanos, así como numeración alfabética. Aquí solo es posible cambiar el formato de numeración cambiando los parámetros de fuente.

            Crear una lista de varios niveles

            Si ya se ha creado una lista con viñetas o numerada, en la ventana "Definición de formato ..." es posible cambiar su nivel, ya que se activa el botón correspondiente en el menú desplegable. Para crear una lista multinivel, hay un tercer botón en el menú de lista; al hacer clic en él, aparece un menú con diferentes estilos de listas multinivel. Puede establecer un nivel de lista específico de la siguiente manera: coloque el cursor en la línea deseada y en el menú desplegable y haga clic en “Cambiar nivel de lista”. Entre las opciones que aparecen, debe seleccionar la requerida y hacer clic en ella con el mouse.

            

            Crear una lista a partir de texto ya preparado

            Si se crea una lista a partir de un texto ya preparado, entonces se debe seleccionar este texto y hacer clic en el botón "Marcadores" o "Numeración". Aquí hay que recordar que la numeración o marcado se realizará en párrafos separados.

            Creación automática de listas

            Cualquiera que haya intentado escribir texto en MSWord probablemente haya notado que si inserta un asterisco * o un signo de unidad con un punto 1. al comienzo de un nuevo párrafo, el programa crea automáticamente una lista con viñetas o numerada. Así es como el programa implementa la creación automática de una lista.

            Así, Word Office tiene la capacidad de crear listas con viñetas y numeradas, así como listas de varios niveles. La creación de listas utilizando herramientas especiales, en lugar de hacerlo manualmente, le permite conservar el formato del texto, que a veces se rompe al abrir el archivo en otras versiones del editor de prueba.