HTML 5

Desde hace tiempo el diseño web ha tenido que ir sufriendo las diferentes lecturas de los navegadores respecto al lenguaje de etiquetas de hipertexto que se utiliza para crear y poder visualizar los contenidos de las páginas web. El Explorer empezó llevándose mal con el Netscape y ahora lo hace con todos los demás, particularmente hace mucho tiempo que tomé la determinación de prescindir de él, sin embargo sigo comprobando que cada uno de mis diseños se vea igual en él, porque sigue siendo una gran mayoría la que lo usa (aunque no creo que los motivos sean por haberlo elegido frente a otros). Así que maqueto para firefox, porque así me aseguro que también funcionará para los demás navegadores […]

Efectos con Transiciones en Javascript

Llevo un tiempo (y parece que aún me queda bastante) trabajando con Javascript, y en lo vengo haciendo necesito crear muchas animaciones. Si queréis saber como realizar este tipo de transiciones en Javascript os dejo en enlace al artículo donde te explican paso a paso como realizar diferente tipo de movimientos sobre tus elementos HTML. Transaciones en Javascript A mí seguro que me viene muy bien en más de una ocasión (y espero que a vosotros también), así que lo tendré muy a mano. Desde aquí agradecer la tan laboriosa explicación a su autor.

Vistazo rápido a las etiquetas más importantes del código HTML

Etiquetas HTML más importantes A continuación os muestro una lista de etiquetas HTML básicas, con la definición de uso. Tags Básicos <html></html> Crea un documento HTML <head></head> Setea el título y otra información que no se visualizará en la página web <body></body> Setea la parte visible de la página Header Tags <title></title> Pone el nombre del documento en la barra del título Atributos del Body <body bgcolor=?> Setea el color de fondo, usando nombres o valores hex <body text=?> Setea el color del texto, usando nombres o valores hex <body link=?> Setea el color de los enlaces, usando nombres o valores hex <body vlink=?> Setea el color de los enlaces visitados, usando nombres o valores hex <body alink=?> Setea el […]

La planta de Omeyas Web

Se nos ha olvidado regar nuestra “planta html”, y el resultado ha sido el siguiente: Si quieres saber cómo sería tu web si fuera una planta, sólo tienes que insertar la url en OrganicHTML y florecerá. Será fácil que la planta de vuestra web sea más bonita. Creo que podríamos ir probando otro diseño, a ver si mejora nuestra planta… ¡Qué conste que del diseño se encarga Jose María, yo sólo aporto contenido! Enlace: Organic HTML

Las listas en Html

Una de las etiquetas con mayor utilidad es la que se utiliza para formar lista de elementos. Existen dos tipos de listas, la de elementos ordenados por números y los que no tiene dicha ordenación. Como viereis a continuación, esta etiqueta ayuda a estructurar de la información de nuestra web. Lista no numeradas <ul> <ul> <li>Tomates</li> <li>Zanahorias</li> <li>Puerros</li> </ul> Resultado: Tomates Zanahorias Puerros Lista numeradas <ol> <ol> <li>Tomates</li> <li>Zanahorias</li> <li>Puerros</li> </ol> Resultado: Tomates Zanahorias Puerros

Etiqueta para insertar una imagen en Html

La etiqueta <Img></Img> en html se utiliza para la inserción de imágenes, en nuestros documentos Web, ya sea un blog, una web clásica, un portal, cualquier sitio que necesite una imagen debe introducir esta etiqueta. Atributos de la etiqueta Img Existen, varios atributos para esta etiqueta, aunque esencial es sólo uno, el atributo Src. Src=”localización de la imagen”. Con este atributo indicamos donde está guardado nuestro archivo de imagen .jpg, .gif o .png. Alt=”Texto explicativo”. El alt es el texto que se muestra cuando posicionamos el curso encima de la imagen. Width y Height. Estos dos atributos se utilizan para modificar el Ancho y el Alto de la imagen en pixels, pero no es aconsejable ya que es aconsejable hacer […]

Los encabezados en el Html

Si soy escritores de blog y disponéis de un programa de estadísticas par él, seguramente os habréis dado cuenta de lo importante que es el título de un post ya que, las palabras los buscadores lo tienen muy en cuenta. Pues bien, si os fijáis veréis como dichos títulos están entre unas etiquetas parecidas a esto . Pues en concreto estas son las etiquetas de encabezado. Encontramos etiquetas que van desde el h1, que es la mayor, hasta la h6, la más pequeña. Tened en cuenta que estás etiquetas no sólo sirven para diferenciar el tamaño de las letras, si no que pueden ser una de las principales formas de promoción. Ejemplo: Texto de Ejemplo h1 Texto de Ejemplo h2 […]

Las etiquetas Meta o Meta Tags

Las etiquetas Meta son utilizadas por los buscadores para poder obtener una descripción de la Web, el nombre del autor, las palabras claves relacionadas con el sitio Web??? Existen una gran variedad de tipos de Meta Tags y todas ellas tienen que estar situadas entre las etiquetas <Head></Head>, la sintaxis de los dos más importantes es la siguiente. -Descripción: <META name=”description” content=”descripcion de la página”> Se utiliza para realizar un pequeño resumen del contenido que va tener nuestra Web. Admite unos 200 caracteres. No es aconsejable que repitamos la misma palabra muchas veces ya que se puede considerar spam. -Palabras clave <META name=”keywords” content=”palabra 1,palabra 2,palabra3″> Son las palabras que si las ponemos en el buscador, están relacionadas con nuestra […]

Como hacer un enlace o hipervínculo con Html

Los hipervínculos son enlaces a otras páginas o a partes de una página. En Internet son muy utilizados, ya que estos son una parte importante a la hora de determinar la importancia de una página. Encontramos dos tipos: los enlaces a páginas del exterior o enlaces a partes de nuestra Web. Enlaces a páginas del exterior Suelen ser los más comunes. Su estructura es la siguiente: <a href=”Url del enlace”>Texto del Enlace</a> -Enlaces a partes de una Web Se utilizan para facilitar la navegación en páginas muy extensas, para ir a apartados concretos. La estructura es la siguiente: Origen: <a href=”#identificado”>Texto del Enlace</a> Destino: <a name=”identificador”>Texto del Enlace</a> Tanto el origen, como el destino, tienen que utilizar el mismo identificador.

El Código Html

El lenguaje Html se basa en marcas de etiquetas. En Html siempre existe una etiqueta de apertura y otra de cierre a excepción de unas pocas etiquetas que más adelante os diré. La estructura básica de una página Web hecha con Html es la siguiente: <html> <head> <title></title> </head> <body> </body> </html> Como habéis podido observa la etiqueta de inicio se diferencia de la de fin, en que la de fin tiene una barra inclinada a la derecha, ???barra del 7???. Para realizar un documento Html es necesario seguir esa estructura, ya que si no se realiza así se crearían errores. Las etiquetas <html></html> indican el principio y el fin del documento, dentro de ellas tendrán que estar todas las […]