Ejemplos de HTML

Inicio » HTML
Listado de todos los artículos en la categoría HTML.

Ejemplo de Cómo poner imagen de fondo en HTML

Para poner una imagen de fondo con HTML es necesario agregar el atributo background al tag <body> y hacer referencia a una imagen. <html> <body background="fondo.jpg"> <h3>Ejemplo de imagen de fondo</h3> <p>Se pueden utilizar archivos en formato jpg, gif o png. No es recomendable usar otro formato.</p> <p>Si la imagen es más pequeña que la página, se repetirá en... Seguir leyendo

Ejemplo de Cómo colocar imágenes con HTML

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... Seguir leyendo

Ejemplo de Comentario en HTML

A veces cuando programamos es necesario colocar comentarios dentro del HTML dentro del código para que recordemos que es lo que hace la próxima vez que lo leamos y nos preguntamos cómo poner un comentario en HTML. Debido a un órden que debemos seguir es necesario hacerlo, tal vez hoy digas no tiene caso comentar pues está muy sencillo y me voy a acordar la próxima vez, sin embargo, después de varios meses es posible que nos ahorremos... Seguir leyendo

Ejemplo de Iframe con HTML

Un iframe es un marco flotante que puede estar colocado en cualquier parte de la página. La ventaja que tiene sobre los frames o marcos tradicionales es que se puede colocar donde sea necesario, sin partir la página en varias partes y además puede ser dinámico. Las propiedades de un iframe son: Con relación al scroll, podemos ponerlo automático, obligado o sin scroll scrolling="auto", scrolling="YES", scrolling="NO", Con... Seguir leyendo

Ejemplo de Ancla con HTML

Alguna vez has entrado a una página web donde das un clic y te manda a un sección dentro de la misma página y te preguntas cómo se puede hacer eso. Pues es muy sencillo, a ese tipo de ligas se les llama ancla y lo único que debes hacer es colocar este código en cualquier parte de tu html. <a name="Ancla" id="a"></a> Posteriormente debes crear una liga de la siguiente forma: <a... Seguir leyendo

Ejemplo de Enlaces, ligas o hipervinculos en HTML

Para poner un enlace o liga se utliza la etiqueta “<a>” nos permite enlazar directamente a otro archivo o pagina, dentro o fuera de nuestro servidor, dispone de los atributos: href, target y name, donde href es el archivo o url a donde va ir nuestro hipervínculo o enlace, target es el destino de la ventana y/o frame, y name es para poder hacer “anclas” dentro de nuestro documento, un ejemplo de enlace o hipervinculo en html se muestra abajo. <a... Seguir leyendo

Ejemplo de Cómo poner el título a un documento HTML

Para poner el título a un documento html, hacemos uso del tag <title> que debe ir colocado dentro del encabezado del documento, es decir, entre los tags <head>. Aquí el ejemplo: <html> <head> <title>Título de la página, es lo que se despliega en la parte superior izquierda del navegador.</title> </head> <body> <p>Cómo poner el título a un documento HTML</p> </body> </html>... Seguir leyendo

Ejemplo de Tabla HTML

Las tablas son la manera más sencilla de organizar el contenido en una página web. Nos permiten delimitar de qué lugar a qué lugar deseamos que se muestre el contenido. Desde mis inicios como diseñador web, me he dado a la tarea en especializarme en el manejo de tablas y siempre las uso, y por supuesto que a mis alumnos les exijo el uso de tablas y les pongo ejercicios muy complicados. La estructura básica consta de celdas y columnas, como si fuera una... Seguir leyendo

Ejemplo de Listas numeradas en HTML

Mediante la etiqueta <ol> podemos generar listas con elementos numerados y ordenar los elementos que queramos y/o necesitemos, pero necesitamos tambien del uso del tag <li> para cada opcion de nuestra lista, para generarlas nos podemos basar en el siguiente código como ejemplo de listas numeradas en HTML: <ol type=”1” start=”10”> <li> España </li> <li> Francia </li> <li> Italia </li> <li>... Seguir leyendo

Ejemplo de Redirección página con HTML

En algunas ocaciones deseamos redireccionar una página automáticamente y exiten varias formas de hacerlo. La más sencilla y aquella que nos permite hacerlo mediante HTML es usando el tag "meta". Ejemplo de redireccion de página con meta refresh: <meta http-equiv="Refresh" content="60;URL=nuevapagina.html" /> El código anterior nos enviara despues de 60 segundos a una página llamada... Seguir leyendo