Unidad 18. Referencia de etiquetas HTML (IV)



18.14. Etiqueta <caption>

Definición: la etiqueta <caption> añade un título a una tabla, se debe escribir a continuación de la etiqueta <table>.

Ejemplo: <table> <caption>Ventas de coches</caption> <tr> ... resto de la tabla

Resultado:

Ventas de coches
Marcas Seat Ford BMW
2016 23900 21500 11500
2017 24600 23500 13400

Explicación en este curso.

Recomendación W3C

18.15. Etiqueta <cite>

Definición: la etiqueta <cite> se utiliza para citar un título en una obra creativa (Novela, película, canción, ...) Normalmente los navegadores visualizan la cita en tipo de letra cursiva.

Ejemplo: <p> El famoso cuadro<cite>Gernika</cite> fue pintado por P. Picasso en 1937.</p>

Resultado:

El famoso cuadro Gernika fue pintado por P. Picasso en 1937.

Explicación en este curso.

Recomendación W3C

18.16. Etiqueta <code>

Definición: la etiqueta <code> se utiliza para indicar que se trata de un fragmento de código de programación. Los navegadores ponen el texto  letra monospace (normalmente Courier). Se puede utilizar para mostrar, por ejemplo, código de php, javascript, etc.

Ejemplo: <code>var x,y; </code>

Resultado:

var x,y;

Explicación en este curso.

Recomendación W3C

18.17. Etiqueta <colgroup>

Definición: la etiqueta <colgroup> se utiliza para agrupar columnas, se utiliza junto con la etiqueta <col>.

Ejemplo:

Para dar color gris (lightgrey) a la primera columna y color verde claro (aquamarine) a la siguiente columna escribimos este código:

<colgroup >
  <col  style="background-color: lightgrey">
  <col  style="background-color: aquamarine">
</colgroup>

El resultado es este:

fila 1. col.1 fila 1. col.2 fila 1. col.3 fila 1. col.4
fila 2. col.1 fila 2. col.2 fila 2. col.3 fila 2. col.4
fila 3. col.1 fila 3. col.2 fila 3. col.3 fila 3. col.4

Explicación en este curso.

Recomendación W3C

18.18. Etiqueta <datalist>

Definición: la etiqueta <datalist> se utiliza para crear una lista de opciones en un formulario. Las opciones se indican con la etiqueta <option>. Al hacer clic en el campo se mostrarán las opciones.

Ejemplo:

<p>Elegir memoria USB:<input  list="listaUsb"></p>
<datalist id="listaUsb" >
  <option value="8" >
  <option value="16" >
  <option value="32" >
  <option value="64" >
</datalist>

Elegir memoria USB:

Explicación en este curso.

Recomendación W3C


Enero-2019 (V 2.2)
Pág. 18.4
Atrás Inicio Adelante






Página inicial  Cursos Informática Gratuitos

Síguenos en:   Facebook       Sobre aulaClic            Política de Cookies


© aulaClic S.L. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.