Category: HTML

  • Liga, link o hipervínculo en imágen

    En documentos anteriores hemos explicado la forma de poner una liga, pero estoy seguro que muchos de ustedes se preguntaran cómo poner una liga a una imágen. Pues es muy sencillo y para probarlo aquí ponemos el siguiente ejemplo de liga en imágenes. <html> <body> <p> Puedes usar una imágen como link, solamente debes poner…

  • 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á…

  • Liga a Email

    ¿Te preguntas como funcionan esas páginas donde das un clic y te abre el programa de correo? ¿Quieres que te envíen un correo desde tu página de la manera más simple posible? La respuesta a ese par de preguntas es muy sencilla, la forma más simple de enviar un correo desde tu página web, sin…

  • 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…

  • 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…

  • 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 "nuevapagina.html"…

  • 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…

  • 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…

  • Fade In Out con Explorer

    ¿Alguna vez te has preguntado como poner una transición de fade out a fade in en tu página web sin usar códigos elaborados? Internet Explorer te permite hacerlo unicamente utilizando la etiqueta META. Coloca el siguiente código dentro del <head> de tu página y tendrás un Ejemplo de Fade In Out en Explorer. Para cambiar la…

  • Estructura básica de HTML

    Un documento en HTMl debería tener esta estructura básica, y, a partir de este se podrá generar la maqueta de elementos para formar nuestro diseño en HTML, ya sea mediante el uso de tablas o con el uso de DIVs y con código CSS posicionar y dar formato a estos, el código es el siguiente:…