12.212 cursos gratis
8.324.991 alumnos
Facebook Twitter YouTube
Busca cursos gratis:

Manual HTML

Silvestre Goxcon Blas

Autor: Silvestre Goxcon Blas
Curso:
9,29/10 (104 opiniones) |74947 alumnos|Fecha publicación: 25/11/2004

Capítulo 21:

 Numeración y viñetas

Al igual que en un procesador de textos u otros programas, el lenguaje HTML permite aplicar viñetas, a excepción de que se cuenta sólo con tres tipos diferentes de viñetas.

Viñetas

Para aplicar viñetas debe hacerse uso de la instrucción <UL>. Esta instrucción indica al explorador que lo que sigue a continuación es una lista con viñetas. Por cada símbolo utilizado debe usar la instrucción <LI>, la cual se corresponde con cada línea de dato de la lista. Finalmente debe cerrar la lista de viñetas con la instrucción </UL>.

Las siguientes líneas de código muestran la forma como debe introducirse cada expresión en la página Web para su correcta ejecución.

<ul>

<li>Viñeta 1</li>

<li>Viñeta 2</li>

<li>Viñeta 3</li>

<li>Viñeta 4</li>

</ul>

Si copia estas líneas de código a una página Web, guarde los cambios y actualice la página para ver el resultado, debe mostrarse como la figura siguiente:

Numeración y viñetas

Si se desea cambiar el tipo de viñeta predeterminada, se debe incluir el parámetro TYPE junto con la instrucción <UL>.  Por ejemplo, la siguiente línea de código, aplica el estilo círculo a la lista de viñetas.

<ul type="circle">

<li>Viñeta 1</li>

<li>Viñeta 2</li>

<li>Viñeta 3</li>

<li>Viñeta 4</li>

</ul>

El resultado se muestra a continuación:

Numeración y viñetas

Otro tipo de viñetas que puede usarse en una lista es el tipo cuadrado. Para ello, utilice el parámetro TYPE con la expresión square. El siguiente ejemplo aplica viñeta de tipo cuadrado a la lista.

<ul type="square">

<li>Viñeta 1</li>

<li>Viñeta 2</li>

<li>Viñeta 3</li>

<li>Viñeta 4</li>

</ul>

El resultado se muestra abajo.

Numeración y viñetas

Si se desea cambiar el color de la lista con viñetas, se debe incluir el parámetro STYLE="Color: nombrecolor". Por ejemplo, la siguiente línea de código aplica una viñeta de tipo cuadrada, con color de texto y viñeta azul.

<ul type="square" style="color: blue">

Asimismo puede usar la instrucción <Font Color=Color> para modificar el color del texto.

Capítulo siguiente - Numeración
Capítulo anterior - Películas

Nuestras novedades en tu e-mail

Escribe tu e-mail:

Al presionar "Recibir" estás dándote de alta y aceptas las condiciones legales de mailxmail

Cursos similares a Manual HTML


  • Vídeo
  • Alumnos
  • Valoración
  • Cursos
1. Manual de GMail
Google, la mayoría de las personas conocen a esta empresa, pero no todas saben que,... [27/11/06]
21.606  
2. HTML. Introducción práctica
HTML, este lenguaje para la creación de páginas Web o sitios de Internet, es la... [23/07/09]
4.600  
3. Cómo exportar una animación de Flash a HTML
En este curso de vídeo se enseña la manera de transportar o exportar animaciones... [29/06/12]
20
Curso con video

¿Qué es mailxmail.com?|ISSN: 1699-4914|Ayuda
Publicidad|Condiciones legales de mailxmail


Ponte al día de Internet con nuestros cursos gratis