Inicio »

Ejemplos en la categoría de html

Ejemplo de Forma HTML

Te has preguntado alguna vez como hacer una forma en HTML bien alineada y ordenada. Pues aquí la respuesta y es muy simple utilizando tablas. Las tablas permiten alinear en columnas separadas los campos y las etiquetas, sin más preambulos les dejo el código para Ejemplo de Forma en HTML: <form name="form1" method="post" action="envio.php">      <table border="0"...

Ejemplo de Marquesina HTML

La etiqueta <marquee> nos permite generar un texto o imágenes en movimiento, es muy útil para banners rotatorios o resaltar un mensaje dentro de nuestro sitio y así llamar la atención de los visitantes para comunicarles alguna noticia importante, con el siguiente código se logra ese objetivo: <marquee width="50%" scrolldelay="0"> Ejemplo de marquesina HTML </marquee> Donde scrolldelay es el valor de milisegundos que...

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

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

Ejemplo de 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: <html>    <head>       <title>       </title>    </head>...

Ejemplo de Correo o Email en PHP con HTML

Cuando requerimos enviar un correo o email desde nuestra página web, acudimos a un lenguaje de programación, con la función mail() de PHP podemos enviar correos electrónicos sin necesidad de tener un cliente de correo instalado en un servidor apache o cualquiera que soporte esta función, su sintaxis es muy simple: [codigo] mail($destinatario,$asunto,$cuerpo);[/codigo] Si lo ocupamos de este modo nos llegara sin formato, o sea, sólo texto, pero...

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

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

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

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

¿No encontraste lo que buscabas? Prueba la búsqueda

Búsqueda personalizada
Tweet