El Blog de Alex Borrás » Posts in 'HTML' category

Equivalencias HTML de carácteres especiales

Completísima tabla de conversión de carácteres especiales a HTML  HTML - Special Entity Codes

VN:F [1.4.6_730]
Rating: 0.0/5 (0 votes cast)
Posted in HTML
Tags:

Diseñar tu propio favicon

El favicon es el icono que aparece en la parte superior del navegador y que identifica una Web.

Para diseñarlo de una forma sencilla basta con hacer una imagen de 32×32 con tu editor favorito.

También tienes estas páginas para generarlos online:

Donde se convierta la imagen al formato ico y otras opciones adicionales

VN:F [1.4.6_730]
Rating: 0.0/5 (0 votes cast)
Posted in HTML
Tags:

Como añadir música de fondo en una página Web

En formato MIDI

Poniendo el siguiente código en nuestra Web:

HTML:
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100" height="100" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://www.miweb.com/audio/archivo.mid" /><embed type="application/x-shockwave-flash" width="100" height="100" src="http://www.miweb.com/audio/archivo.mid"></embed></object>

o con más opciones:

HTML:
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="200" height="28" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://www.miweb.com/audio/archivo.mid" /><embed type="application/x-shockwave-flash" width="200" height="28" src="http://www.miweb.com/audio/archivo.mid"></embed></object>

Esto funciona para insertar un midi de fondo y funciona en los siguiente navegadores: Firefox, Opera, Internet Explorer y Safari.

Basta con subir el archivo midi e indicar la ruta en el parametro src de la etiqueta embed.

Si se está trabajando con WordPress sólo es necesario ir a modo HTML y poner el código en la Entrada o página donde queremos que se reproduzca el archivo de música.

VN:F [1.4.6_730]
Rating: 0.0/5 (0 votes cast)
Posted in HTML
Tags:

Etiquetas HTML

DIV

Este comando permite estructurar un documento HTML. Se trata de un contenedor que incluye texto, imágenes, tablas, etc. Lo que se encuentre entre las etiquetas <DIV> y </DIV> se cosidera una capa y puede posicionarse en el documento HTML de forma absoluta mediante CSS.

Admite los atributos ID (para identificar la capa) y STYLE (para definir sus estilos). Si se desea establecer los estilos de una capa en la cabecera, se ha de incluir su nombre, precedido del símbolo de almohadilla (#):

HTML:
<HTML>
<HEAD>
<TITLE>Capas</TITLE>
<STYLE>
#capa0 {position:absolute; top:0; left:0; background-color:lime; width:200; font-family:Arial}
#capa1 {position:absolute; top:50; left:50 ;background-color:yellow; width:200; font-family:Courier}
</STYLE>
</HEAD>

<BODY>
<DIV ID="capa0">
Esta es la capa cero. Está posicionada en la esquina superior izquierda de la ventana y cubierta
por la otra capa, así que leer esto es bastante complicado
</DIV>
<DIV ID="capa1">
Esta es la capa uno. Con otro color de fondo, tapa la anterior e impide su cómoda lectura.
Se podría establecer sin color de fondo, pero también dificultaría la lectura.
</DIV>
</BODY>
</HTML>

VN:F [1.4.6_730]
Rating: 0.0/5 (0 votes cast)
Posted in HTML
Tags: