Como insertar una imagen en HTML: febrero 2017

martes, 7 de febrero de 2017

Como insertar hipervinculo en html

Los hipervínculos locales o marcadores son enlaces dentro de la misma página. Es decir, al hacer clic en uno de ellos nos llevará a una posición distinta dentro de la misma página que estamos visualizando.

Esta técnica hace que los usuarios accedan de una manera más rápida a la información.

Para crear este tipo de enlaces hay que hacer dos operaciones:

Establecer marcadores (anclas) a lo largo de la página (son los lugares a los que queremos saltar con los enlaces).
Poner enlaces que salten a los marcadores.

El código de los marcadores se crea con los atributos name (no recomendado) ó id (recomendado):

<a name="nombre_del_marcador">Texto asociado al marcador</a> (No recomendado: no es aceptado por las nuevas versiones de HTML, aunque se usó bastante en el pasado).

<a id="nombre_del_marcador">Texto asociado al marcador</a>

El name ó id de una etiqueta debe ser único, es decir, no puede haber dos etiquetas cuyo name ó id sea el mismo dentro de un documento HTML.

Por ejemplo, <a id="marcadorDeportes">Los deportes en aprenderaprogramar.com</a>

Por otro lado, el código de un enlace para que salte a un marcador.

Pulsa para volver al <a href="#nombre_del_marcador ">Inicio</a>

Hay que tener en cuenta que los marcadores distinguen entre mayúsculas y minúsculas. También hay que tener en cuenta que dentro de las etiquetas <a> </a> hay un texto que aparece visible para el usuario, que es el que hemos marcado subrayado en amarillo. No obstante, es válido no incluir texto alguno como veremos en el siguiente código.

Como insertar musica en html

La presencia de archivos en forma mitewav puede servir como agradable banda sonora mientras se navega por una pagina web pero tambien puede ser que la pagina se vuelva lenta y ponerla nervioso o asustar al visitante aunque sin lugar entre una opcion muy atractiva para una pagina web.
La introduccion de este tipo de archivos debe evitar de ser tan grande o pesados, 60 kb con extencion midi para que se puedan reproducir en telefonos celulares. Para evitar este tipo de inconvenientes se puede detallar a continuacion por ejemplo:
Si tenemos archivo midi musica.midi y se quiere insertar como fondo en la pagina web nada mas al abrirse de forma automatica, para ello nosotros necesitamos utilizar las etiquetas de <bgsound> que este indica las veces que se va a repetir dicho archivo adicional a ella tenenmos que utilizar 2 herramientas mas que son el llamado del archivo src="musica.midi" loop=infinite
El src como en comandos anteriores se usa para llamar el archivo y el comando loop significa que el archivo que nosotros insertamos se reprodusca infinitamente.
Con la etiqueta <bgsound> se puede utilizar archivos de musica con las extenciones wav y tambien con la extencion av.
Para que no exista ningun impedimento se trabaja con la etiqueta <embed> que se usa para la abertura de un archivo de audio que use <netscape>. Ejemplo:

<embed src="musica.midi"
autostart=true loop=true
volumen="80" width=0"}
height="0">

miércoles, 1 de febrero de 2017

Como insertar un menú en html

Este tutorial le ayudará a crear un menú vertical y horizontal en HTML usando estilos CSS. Antes de continuar asegúrese de que Usted sabe las etiquetas HTML de la lista desordenada. Además, por favor consulte el tutorial ¿cómo crear un menú en HTML?.

Ok, en primer lugar hay que crear un menú HTML usando la lista desordenada:

<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Partners</a></li>
<li><a href="#">Contacts</a></li>
</ul>
Luego hay que crear un nuevo fichero CSS y adjuntarlo a la página HTML:

?
1
<link href="style.css" rel="stylesheet" type="text/css" />
También puede utilizar los estilos en línea (inline).

?
1
2
3
<style type="text/css">
...here goes your CSS styles...
</style>
Como resultado debe obtener el siguiente código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>

<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Partners</a></li>
<li><a href="#">Contacts</a></li>
</ul>

</body>
</html>
La lista desordenada tiene sus propios estilos, así que sin los cambios adicionales obtiene un menú vertical.

Para obtener el menú horizontal es necesario hacer algunos cambios en HTML y CSS.

En primer lugar hay que añadir un nuevo clase a la lista, reemplace <ul> con <ul class="horizontal">

Ahora en el fichero CSS vamos a crear el menú horizontal. La lista desordenada tiene valores de margen y relleno (margin and padding) asignados por defecto. Tenemos que limpiar ellos:

ul.horizontal{
margin:0;
padding:0;
}
Luego haga los cambios para que sus elementos de la lista se muestren de manera horizontal:

ul.horizontal li{
display:block;
float:left;
padding:0 10px;
}
Hemos añadido el valor de relleno horizontal (padding) a los elementos de la lista para que luego no se peguen unas a otras. Ahora su menú está listo, asigne enlaces, añada un poco de colores y fondo y ya.

Como insertar hipervinculo en html