Página personal de WALTER FERNANDO SANDOVAL ACHURY

@font-face

@font-face permite al autor especificar fuentes online para visualizar en sus páginas web. Al permitir a los autores proporcionar sus propias fuentes, @font-face elimina la necesidad de depender del numero limitado de fuentes de usuarios instaladas en sus computadoras.



@font-face {
font-family: <un-nombre-de-fuente-remota>;
src: <origen> [,<origen>]*;
[font-weight: <peso>];
[font-style: <estilo>];
}

<un-nombre-de-fuente-remota>
Especifica el nombre de una fuente que será utilizada como valor de font face por las propiedades de fuente.
<origen>
Dirección URL para la ubicación remota del archivo de fuente, o el nombre de una fuente en la computadora del usuario en la forma local("Nombre de Fuente").
<altura>
Un valor de peso/grosor de fuente.
<estilo>
Un valor de estilo de fuente. Puede especificar una fuente por nombre en la computadora local del usuario utilizando la sintaxis local(). Si esa fuente no es encontrada, se intentarán otros orígenes hasta encontrar una fuente.


Etiqueta HTML para video

En HTML5 se introduce la interesante posibilidad de mostrar videos directamente desde nuestro navegador. De hecho, si arrastramos un video a la ventana del navegador, veremos que comienza a reproducirse en él. Para poder insertar videos en nuestras páginas HTML tenemos que utilizar la etiqueta <video>, que junto a la etiqueta <source> podremos utilizar estas capacidades multimedia de HTML5.

INSERTAR IMAGENES

Una de las primeras cosas que debemos aprender del HTML es la etiqueta <img> que funciona para colocar imágenes dentro de una página web.
Para poner una imágen utilizamos el siguiente código:
<img src="imagenHTML.jpg">
Donde "imagenHTML.jpg" es la imagen que vamos a colocar. Deberá estar ubicada en el mismo directorio. Si queremos colocar una imagen con HTML en una página que no está colocada dentro del mismo directorio, podemos usar una ruta absoluta:
<img src="folder/imagenHTML.jpg">
La etiqueta <img> tiene varias propiedas como son:
border, width, height, alt
Ejemplo con propiedades de imágen en HTML
<img src="imagenHTML.jpg" border="0" width="10" height="10">
El ancho y alto (width, height) se coloca en pixeles y deben corresponder al tamaño original de la imagen para que no se distorcione.
Los formatos soportados por el explorer son jpg, gif y png.

Curso HTML5 y CCS3