Llistes numerades i amb vinyetes HTML

Hi ha dos tipus de llistes, en el llenguatge d'HTML: ordenades i desordenades. La seva creació és gairebé el mateix. Fins i tot etiquetes difereixen en un caràcter. També pot crear llistes de diversos nivells, que podrien incloure tant numerada i marcador.

Aquestes llistes es poden convertir a voluntat. Tot depèn de la seva imaginació. En primer lloc, considerem les llistes estàndard, com en Word, i després anem a millorar i fer fora de tot reconeixement.

Llista numerada HTML

ordenar neutra llista d'HTML es pot crear amb les següents etiquetes:

1. Primer element llista

2. Segon element llista

3. El tercer element llista

   Llista simple aquí semblar

   D'acord amb les normes, cada element de la llista ha d'estar dins de l'obertura i tancament d'etiquetes li. Però si vostè no posa l'etiqueta de tancament, el resultat és exactament el mateix. El controlador és molt intel·ligent. Durant la llista de conversió, que analitza les etiquetes d'obertura. Si veu una nova

4. , a continuació, els posa automàticament davant .

   Per tant, les llistes es poden realitzar com es mostra a continuació.

   Però des del punt de vista dels professionals és incorrecta.

   llistes amb vinyetes

   Sense numerar (o marcadors) llistes són exactament el mateix només que en lloc de l'etiqueta, ol escrita ul.

   En les llistes amb vinyetes, no hi ha números o lletres - només els diferents personatges, que són anomenats marcadors.

   Llista numerada de diversos HTML

   Moltes persones estan interessades en aquesta oportunitat. Per tant, cal assenyalar que qualsevol llista numerada HTML pot ser de diversos nivells. Les capes addicionals poden ser els mateixos o etiquetatge.

   Per crear una llista que s'especifica en l'exemple anterior, cal escriure el següent.

   Cal observar que en aquest codi, en contrast amb el primer exemple, el tipus d'atribut afegit. Gràcies a ell, es pot especificar el tipus d'ordenació per a tots dos numerats i per a les llistes de marcadors.

   Per numerada especificar el tipus d'alfabet o números, i en els casos restants - el tipus de marcador.

   classificar la llista d'opcions

   Si s'utilitza una etiqueta especial HTML, llistes numerades poden ser de qualsevol forma que desitgi.

   Es pot especificar el tipus d'atribut a qualsevol valor de la taula. O a l'aula d'estils CSS especifica el tipus d'estil de llista amb el tipus de classificació desitjada.

   Traducció dels valors és bastant simple. coneixement bàsic d'anglès suficient. Però fins i tot si no es pot traduir la paraula "cercle", "quadrada", i així successivament. N., es pot veure visualment el que és el resultat quan s'especifica aquests valors en l'atribut del tipus.

   Per llistes numerades, cal utilitzar les següents opcions:

   • 1 - nombres aràbics;
   • A - majúscules les lletres ;
   • a - lletres minúscules;
   • I - majúscula nombres romans;
   • i - minúscules nombres romans.

   Per defecte, la llista sempre s'usa amb nombres aràbics. És a dir, si no s'especifica res, és equivalent a type = "1".

   A més, les llistes numerades poden començar en qualsevol posició desitjada. Per defecte - la conclusió 1. No obstant això, si ho desitja, pot fins i tot començar amb un centenar. Per a això, cal especificar l'atribut d'inici amb qualsevol valor.

   A més, es pot concloure en ordre invers. Per fer això, escriviu a l'inrevés.

   fer llistes

   Llista numerada HTML es poden organitzar tan bé que no es pot endevinar immediatament que aquesta és la llista de costum, i no un quadre fet en Photoshop.

   Aquí són bells exemples de llistes.

   Com es pot veure en l'exemple, és possible canviar l'aspecte i la numeració dels propis elements.

   Podeu obtenir una llista regular d'aquesta manera.

   En els estils css cal especificar el disseny de l'etiqueta ol. Tingueu en compte que en aquest cas, els ajustos s'aplicaran a totes les llistes de tots els llocs que utilitzen aquest arxiu d'estil.

   Considerem en primer lloc de realització amb una llista de control circular. Tornar a la llista de codis. Hi ha classes set-list arrodonit. Això és tot amb aquesta classe necessitat de retocar, que fes una bellesa. Trucar a la classe el que desitja.

   Considerem ara un disseny quadrat.

   Els estils són molt similars. La diferència és que en el primer cas hi ha un element d'arrodoniment per les opcions css.

   Suport del navegador

   És important entendre que no tots els navegadors són compatibles amb tots els atributs de CSS.

   Per exemple, vostè vol fer una llista numerada al mig. De codi HTML serà el mateix, però el resultat en els navegadors antics pot ser molt diferent.

   El mateix s'aplica al disseny de numeració.

   Com es pot veure, les places que envolten els números a les versions antigues de l'IE no van aparèixer, a causa que el controlador no coneix els nous atributs que li permeten realitzar aquest registre.

   codificador professional ha d'anticipar i entendre que no tots els usuaris utilitzen els ordinadors moderns. No tot instal·lat Windows 7, 8, 10. Hi ha un percentatge d'usuaris que encara es troba en el Windows XP i utilitza una versió antiga de l'Internet Explorer.

   Com a regla general, gairebé tots els dissenys moderns per millorar no són compatibles amb els seus elements. L'usuari se sentirà que no funcionava en el disseny del lloc. Que tots es van traslladar a terme. Els elements se situen junts. Per evitar això, cal comptar amb totes les opcions.

   Alguns administradors web estan fent els ulls grossos a ells, per la seva participació en el mercat avui en dia és cada vegada menys i menys. No obstant això, per a apreciar cada visitant professional, especialment si és un lloc comercial.

   Fer alguna cosa adequat per a tots o per a considerar totes les opcions del navegador.