OL se utiliza en HTML para crear listas ordenadas, y UL, para crear listas desordenadas. Normalmente, UL y OL son idénticas entre sí -, excepto que la primera ha numerado artículos y el segundo tiene viñetas artículos - pero se puede usar Cascading Style Sheets, un lenguaje común basado en la Web, para hacer UL aspecto diferente del OL. CSS puede cambiar numerosos aspectos de uno u otro elemento. Se puede, por ejemplo, cambiar el tipo de letra, el tamaño de fuente, el color y la altura de la línea y se puede alterar el aspecto de los marcadores de lista.
Instrucciones
1 Insertar "<style>" y "</ style>" entre el "<head>" y "</ head>" etiquetas que permiten CSS en la página. Por ejemplo:
<Head>
<Style>
</ Style>
</ Head>
2 Insertar "ol {}" y "ul {}" entre el "<style>" y "</ style>" etiquetas para que el código similar al siguiente:
<Style>
ol {}
ul {}
</ Style>
3 Inserte los atributos de CSS deseada entre las abrazaderas rizadas para hacer UL diferente del OL. Para asignar estilos de fuente específico a UL y OL, respectivamente, por ejemplo, editar el código para que se asemeje a lo siguiente:
ol {font-family: Arial; font-size: 8 puntos; color: # 000000; line-height: 14px; font-weight: bold; }
ul {font-family: Times New Roman; font-size: 12pt; color: # C0C0C0; line-height: 10px; font-weight: normal}
4 Use "-style-type lista" y "list-style-image" cambiar los marcadores de lista a otro objeto. Por ejemplo, para cambiar las viñetas de UL para los cuadrados, utilice el siguiente código:
ul {list-style-type: cuadrado; }
Consulte el sitio web del W3C para ver los diferentes valores disponibles para su uso con "estilo de tipo lista" y "list-style-imagen".
5 Guardar y cargar el código editado a su sitio web. Actualizar la página para ver los cambios y ver las diferencias en los estilos de OL y UL.