Listas numeradas e con viñetas HTML

Existen dous tipos de listas, na lingua do HTML: ordenados e non ordenados. A súa creación é case o mesmo. etiquetas Mesmo difiren por un carácter. Tamén pode crear listas de varios niveis, que poden incluír tanto numerada e marcador.

Estas listas poden ser convertidos a gusto. Todo depende da súa imaxinación. En primeiro lugar, consideramos as listas estándar, como en Word, e logo imos mellora-los e facer de todo o recoñecemento.

lista HTML numeradas

Neutro ordenou lista HTML poden ser creados empregando as seguintes etiquetas:

1. Primeiro elemento lista

2. Segundo elemento lista

3. O terceiro elemento lista

   simple lista aquí parecer

   Segundo as normas, cada elemento da lista debe estar dentro da apertura e peche tag lin. Pero se non poñer a marca de peche, o resultado é o mesmo. O manipulador é moi intelixente. Durante a lista de conversión, el analiza as etiquetas de abertura. Se ve un novo

4. , a continuación, colocar-los automaticamente diante de .

   Así, as listas pode ser feito como se mostra a continuación.

   Pero desde o punto de vista de profesionais está equivocada.

   listas de viñetas

   Non numeradas (ou do marcador) listas son exactamente os mesmos, só que en vez do marcador ol escrito ul.

   En listas con viñetas, sen números ou letras - só os distintos personaxes, que son chamados marcadores.

   Multilevel lista numerada HTML

   Moitas persoas están interesadas en unha oportunidade como esta. Polo tanto, hai que ter en conta que calquera lista numerada HTML pode ser multinivel. As capas adicionais poden ser o mesmo ou marcado.

   Para crear unha lista que está indicado no exemplo anterior, ten que escribir o seguinte.

   Nótese que neste código, en contraste co primeiro exemplo, o tipo de atributo engadido. Grazas a el, pode especificar o tipo de clasificación tanto para numerada e lista de marcadores.

   Para numerados especificar o tipo de alfabeto ou números, e nos casos restantes - o tipo de etiqueta.

   clasificación lista de opcións

   Se usa un HTML-tag especial, listas numeradas pode ser calquera maneira que quere.

   Pode especificar o atributo type para calquera valor de táboa. Ou CSS estilo clase especificar a-style-type lista co tipo de ordenación desexado.

   Tradución de valores é moi sinxelo. coñecemento básico suficiente de inglés. Pero aínda que non pode traducir a palabra "círculo", "cadrado", e así por diante. N., podes ver visualmente o que é o resultado cando se especifica estes valores no atributo de tipo.

   Para listas numeradas, ten que usar as seguintes opcións:

   • 1 - algarismos árabes;
   • A - maiúsculas letras ;
   • a - minúsculas;
   • I - maiúsculas algarismos romanos;
   • I - algarismos romanos minúsculos.

   Por defecto, a lista é sempre usada con algarismos arábicos. Isto é, se non especificar nada, é equivalente a type = "1".

   Ademais, listas numeradas pode comezar en calquera posición que desexe. Estándar - a conclusión 1. Pero se quere, pode ata comezar cun centenar. Para iso, ten que especificar o atributo inicio con calquera valor.

   Ademais, pode completar-se en orde inversa. Para iso, escribir revertida.

   facer listas

   lista HTML numeradas poden ser organizadas tan ben que non pode adiviñar de inmediato que esta é a lista de costume, e non unha imaxe feita en Photoshop.

   Aquí están belos exemplos de listas.

   Como se pode ver a partir do exemplo, é posible cambiar o aspecto e numeración dos propios elementos.

   Pode crear unha lista regular como esta.

   Nos estilos CSS precisa especificar o proxecto para o tag ol. Teña en conta que, nese caso, as opcións serán aplicadas a todas as listas de todos os sitios que usan este ficheiro de estilo.

   Considero primeira forma de realización con unha lista de verificación circular. Voltar á lista de códigos. Hai Set clase-list redondeado. É iso aí, con esa necesidade clase de xogar, para facer tal beleza. Chame a clase que sexa.

   Agora, considerada un proxecto cadrado.

   Os estilos son moi semellantes. A diferenza é que no primeiro caso hai un elemento redondeo por medio de opcións de CSS.

   soporte navegador

   É importante entender que non todos os navegadores soportan todos os atributos de CSS.

   Por exemplo, quere facer unha lista numerada no medio. HTML-código será o mesmo, pero o resultado en navegadores máis antigos poden ser moi diferentes.

   O mesmo se aplica ao proxecto de numeración.

   Como verás, os cadrados ao redor dos números en versións máis antigas do IE non apareceu, xa que o manipulador non coñece os novos atributos que permiten que para facer tal rexistro.

   codificador profesional debe anticipar e entender que non todos os usuarios usan ordenadores modernos. Non todos instalado Windows 7, 8, 10. Hai unha porcentaxe de usuarios que aínda se senta en Windows XP e usa unha versión antiga de Internet Explorer.

   Como regra xeral, case todos os proxectos modernos para mellorar os seus elementos non son compatibles. O usuario vai sentir que non traballar no deseño do sitio web. Isto todo cambiou. Os elementos son agrupados en conxunto. Para evitar isto, ten que contar todas as opcións.

   Algúns webmasters están volvendo os ollos para eles, porque a súa participación no mercado hoxe está facendo menos e menos. Pero para profesionais apreciar todos os visitantes, especialmente se é un sitio web comercial.

   Faga algo axeitado para todos ou considerar todas as opcións para o navegador.