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.
jueves, 22 de agosto de 2013
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.
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:
Y después llamar a ese estilo cuando construyamos el párrafo que queremos entrar:
Ver el ejemplo concreto para comprobar el código y para la validación
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
martes, 20 de agosto de 2013
06.- Cursos gratuitos en la Web
Retomamos la edición de este blog con la recomendación de un curso gratuito disponible en Internet.
Se trata del curso de Microsoft en seis lecciones:
1.- Definición de HTML 5
2.- Conceptos básicos de HTML, XHTML y CSS
3.- Introducción a la presentación en pantalla con CSS
4.- Uso de las etiquetas HTML5
5.- Uso del elemento Canvas
6.- Funciones Drag y Drop de HTML5
Se trata del curso de Microsoft en seis lecciones:
1.- Definición de HTML 5
2.- Conceptos básicos de HTML, XHTML y CSS
3.- Introducción a la presentación en pantalla con CSS
4.- Uso de las etiquetas HTML5
5.- Uso del elemento Canvas
6.- Funciones Drag y Drop de HTML5
Etiquetas:
curso,
curso gratuito,
curso online,
html 5,
lenguaje html 5
viernes, 28 de octubre de 2011
miércoles, 26 de octubre de 2011
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:
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.
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
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.
Suscribirse a:
Entradas (Atom)