martes, 25 de noviembre de 2008

27.- HTML - Elementos básicos - Separadores de Texto

Los separadores de texto son líneas horizontales que se utilizan para separan las secciones de los documentos.

Se incluyen mediante el elemento <hr>, y no tienen etiqueta de cierre. Se separan del texto en un salto de línea antes y después.

E elemento <hr> dispone de los siguientes atributos:

  • width: permite indicar el ancho que va a tener la línea en pixels o en porcentaje (%).
  • size: permite indicar el alto que va a tener la línea en pixels.
  • align: Especifica su posición con respecto a los márgenes izquierda, derecha o centro (left, right, center).
  • noshade: Este atributo permite eliminar el relieve de la línea que tiene por defecto.

A continuación como siempre un pequeño ejemplo, copiad el siguiente codigo en un editor de texto plano, guardar el archivo con extensión .hml y después abridlo con cualquier navegador para ver los resultados.


*********** El código de ejemplo*******************************
<html>
  <head>
    <title>Separadores de texto en html</title>
  </head>
  <body>
    Separador sencillo :
    <hr />
    Separador con width (ancho) de 80% y align (alineacion) centro : 
    <hr align="center" width="80%" />
    Separador con size 3 y noshade :
    <hr size="3" noshade="noshade" />
    Ahora un ejemplo con align derecha, width de 50%,
      size 7 y noshade :
    <hr align="right" width="50%" size="7"
      noshade="noshade" />
    Fin de los ejemplos de separadores.
  </body>
</html>

**********************************************

y el resultado seria el siguiente:


 


separadoreshtml   



Si tenéis dudas, escribid...


Temas anteriores *

26.- Un buen editor para programación Web - Notepad2


25.- HTML: Entidades y caracteres especiales. (2a parte)


24.- Encabezados o títulos en html


23.- Elemento de centrado html


22.- Estructura básica de un documento


21.- Estructura básica de un documento html - Marcas y etiquetas


20.- Estructura básica de un documento html. Metodología


19.- Algunos Navegadores


18.- Evolución del concepto hipertexto


17.- Información lineal e hipertexto

jueves, 6 de noviembre de 2008

¿Quieres postear en este blog?

Si tienes algo interesante o curioso, un truco o novedad que quieres contar o compartir puedes, enviar un post como comentario, indicando tus intenciones de que se publique como entrada, o enviándolo al e-mail: f1news(arroba)adinet.com.uy.

Una vez revisado por nuestro equipo de editores será publicado en http://www.bobuu.blogspot.com/. Si tienes pagina web incluso puedes incluir un link a tu página para promocionarlo.

Solo recuerda que no nos gustan los recorta y pega, y si se hace referencia a otra web o información, se debe mencionar esa fuente así como incluir un link a la misma.

escritor

miércoles, 5 de noviembre de 2008

26.- Un buen editor para programación Web - Notepad2

Un buen editor para programación Web - Notepad2

Hemos visto en post anteriores, algo sobre html, y podíamos usar para probar los ejemplos el Notepad de Windows o cualquier editor de texto "plano".

Hoy les vamos a proponer otro editor de fácil uso y con algunas ventajas sobre los editores simples.

Estamos hablando del Notepad2, es muy simple de usar, pero entre sus diferencias tenemos que utiliza colores para facilitarnos la escritura y lectura del código, además es posible configurarlo para que realice automáticamente el cierre de sentencias que hemos abierto, he incluso puede identificar que tipo de archivo estamos utilizando de acuerdo al nombre de la extensión de este.

notepad2

No necesita instalación, solo se baja en un archivo .zip, se descomprime en una carpeta y voila, ya esta funcionando.

Después solo queda "jugar" con los settings para adaptarlo a la comodidad de cada uno.

Lo podéis descargar gratis de la siguiente Web.

Descarga : Islabit

Temas anteriores *
25.- HTML: Entidades y caracteres especiales. (2a parte)
24.- Encabezados o títulos en html
23.- Elemento de centrado html
22.- Estructura básica de un documento
21.- Estructura básica de un documento html - Marcas y etiquetas
20.- Estructura básica de un documento html. Metodología
19.- Algunos Navegadores
18.- Evolución del concepto hipertexto
17.- Información lineal e hipertexto
16.- Estructura básica de un documento HTML