jueves, 22 de agosto de 2013

09.- Vídeo: ¿cuántas opciones de formato?

En la entrada 05.- Vídeo explicábamos el código para la inserción del vídeo con dos formatos diferentes: el ogv y el mp4.
Con estos dos formatos, las cosas funcionan.
Sin embargo, en algunos sitios, hacen la propuesta de un tercer formato: el webm.
Es un formato ideado por Google y destinado especialmente para ser usado con el HTML 5. Así que no parece mala idea incluirlo como una tercera opción.

miércoles, 21 de agosto de 2013

08.- Etiqueta <source>

Una de las más importantes características del lenguaje HTML 5 es la posibilidad de reproducir archivos de audio  o de vídeo sin la dependencia de los reproductores flash.
El objetivo es que nuestra multimedia pueda ser vista y oída en cualquier sistema operativo de cualquier dispositivo.
En las entradas 4.- Audio y 5.- Vídeo hemos descrito cómo debe hacerse para que el navegador reconozca los archivos multimedia correspondiente y nos coloque el reproductor.
He revisado ambas entradas fruto de algunos comentarios.

07.- CSS 2: Centrar un texto

De forma similar a centrar una imagen, para centrar un texto hay que declarar una norma de estilo CSS:

p.txtcentrado {
text-align:center;
}


Y después llamar a ese estilo cuando construyamos el párrafo que queremos entrar:

<p class="txtcentrado">Este texto tiene que aparecer centrado</p>

Ver el ejemplo concreto para comprobar el código y para la validación

jueves, 13 de enero de 2011

03.- CSS 1: centrar una imagen

Muchos de los temas de formato ya no se pueden hacer con tas tradicionales etiquetas.
Es lo que ocurre, por ejemplo, con <center> para centrar un objeto, una imagen por ejemplo.
Estos temas tienen que resolverse con CSS.
Hay tres niveles de declaración para estos estilos:
  • La hoja de estilos externa
  • La declaración para todo el documento en la cabecera del mismo
  • El estilo en una etiqueta al lado del elemento, en el body. El menos recomendado
Estos tres niveles de concreción es lo que da nombre a estos estilos "en cascada".
Vamos a ver cómo hemos centrado la imagen del logo del W3C en los ejemplos anteriores para crear el vínculo al W3C Validator.
La declaración se ha hecho en la cabecera del documento.
Ver el ejemplo concreto.