5 Abril, 2007
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
Publicado en General, Html, Manuales | No hay comentarios »
29 Marzo, 2007
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 las modificaciones pertinentes antes de insertar la imagen.
- Border. Con esta opción podemos poner o quitar un pequeño marco al rededor de la imagen, con Boder=”0″, se elimina dicho borde.
Publicado en General, Html, Manuales | 4 Comentarios »
10 Marzo, 2007
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
Texto de Ejemplo h3
Texto de Ejemplo h4
Texto de Ejemplo h5
Texto de Ejemplo h6
Publicado en General, Html, Manuales | No hay comentarios »
21 Febrero, 2007
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 Web. Se pueden repetir como mucho la misma palabra 5 veces, si se repitiese más se consideraría spam.
Estas son las 2 principales Metas en una Web, si queréis introducir más en esta Web tenéis un generador de metas.
Publicado en General, Html, Utilidades | 3 Comentarios »
13 Febrero, 2007
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.
Publicado en General, Html, Manuales | 1 Comentario »
9 Enero, 2007
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 demás etiquetas. A continuación, está la etiqueta <head></head> es el contenedor del título, además suele contener otros elementos que no son puramente Html, ya hablaremos mas delante de ellos. Las etiquetas <title></title> son donde se está el título de la Web, que es lo que se visualiza en la parte superior he inferior del navegador. Y por último, la etiqueta <body></body> es el cuerpo del sitio, en el está la gran mayoría de la información.
Publicado en General, Html, Manuales | No hay comentarios »
9 Enero, 2007
El lenguaje Html es el padre de las páginas Web. El nombre es un acrónimo inglés de HyperText Markup Language (lenguaje de marcas hipertextuales), lenguaje de marcación diseñado para estructurar textos y presentarlos en forma de hipertexto, que es el formato estándar de las páginas web.
Gracias a Internet y a los navegadores del tipo Internet Explorer, Opera, Firefox o Netscape, el HTML se ha convertido en uno de los formatos más populares que existen para la construcción de documentos y también de los más fáciles de aprender.
Para su programación los único necesario es un bloc de notas y como es normal un navegador Web.
Publicado en General, Html, Manuales | No hay comentarios »
