Bobuu

domingo, 1 de febrero de 2009

42.- Elementos de Estructuración de Texto <blockquote></blockquote>

Continuamos con los elementos de estructuración (ya faltan menos) de texto en html, tenemos la etiqueta para citas largas, esto muestra un bloque de texto con sangria.

código : <blockquote></blockquote>
resultado: formato para escribir citas largas

Pasemos al Código de ejemplo:
(He agregado un , salto de línea en el código para poder ver el resultado en dos líneas).

<html>
<head>
 <title>Estructuración de Texto</title>
</head>
<body>
 Texto normal 
 <blockquote>Formato utilizado para escribir
 citas largas con blockquote como un solo bloque 
 </body>
</html>

El código anterior se vería así en el navegador:

Texto normal

Formato utilizado para escribir citas largas con blockquote como un solo bloque

Nota: Para el ejemplo se ha utilizado el Bloc de notas de Windows y el navegador I. Explorer 7
-----------------------------------------------------------

Podéis encontrar más información sobre este tema en: Conclase.net

viernes, 30 de enero de 2009

41.- Elementos de estructuración de Texto <address></address>

En este caso, y continuando con los elementos de estructuración de texto en html, tenemos la etiqueta para direcciones.

código : <address></address>
resultado: formato para escribir direcciones

Pasemos al Código de ejemplo:
(He agregado un , salto de línea en el código para poder ver el resultado en dos líneas).

<html>
<head>
<title>Estructuración de Texto</title>
</head>
<body>
Texto normal

<address>Formato utilizado para escribir direcciones con "address"</address> 
</body>
</html>

El código anterior se vería así en el navegador:

Texto normal

Formato utilizado para escribir direcciones con "address"

Nota: Para el ejemplo se ha utilizado el Bloc de notas de Windows y el navegador Chrome 1.0.
-----------------------------------------------------------

Podéis encontrar más información sobre este tema en: Programación html

http://bobuu.blogspot.com

viernes, 23 de enero de 2009

40.- Elementos de estructuración de Texto <acronym></acronym>

Un nuevo elementos que nos ayudara a estructurar el texto. Ahora veremos que formato utilizar cuando utilizamos acrónimos.

código : <acronym></acronym>
resultado: formato para escribir acrónimos

Antes de poner el código de ejemplo, y para los que no lo sepan he aquí lo que es un acrónimo:

En lingüística moderna, un acrónimo (del grigo ἄκρος akros, 'extremo' y ὄνομα ónoma, 'nombre') puede ser una sigla que se lee como una palabra o un vocablo formado al unir parte de dos palabras. Este tipo de acrónimos funden dos elementos léxicos tomando, casi siempre, del primer elemento el inicio y del segundo el final. (fuente Wikipedia)

Ahora que sabemos lo que es un acrónimo pasemos al Código de ejemplo:
(He agregado un , salto de línea en el código para para poder ver el resultado en dos líneas).

<html>
<head>
 <title>Estructuración de Texto</title>
</head>
<body>
 Texto normal 
 <acronym>Formato utilizado para escribir acrónimos con "acronym"</acronym>
 </body>
</html>

El código anterior se vería así en el navegador:

Texto normal
Formato utilizado para escribir acrónimos con "acronym"

Nota: Después de haber escrito este artículo y no antes, les digo, que en mi opinión este elemento solo sirve más qeu para ordenar nuestro código, ya que he probado el ejemplo en los siguientes exploradores todos con el mismo resultado ningún cambio en el formato.

iexplorer 7.0
google chrome 1.0
Mozilla Firefox 3.0
SeaMonkey 1.1

Si alguien ve en algún navegador un cambio en el formato del texto que lo diga.
-----------------------------------------------------------

Podéis encontrar más información sobre este tema en: Otringal

Temas anteriores *
39.- Elementos de Estructuración de "<abr></abr>" y "<abbr></abbr>"
38.- Elementos de Estructuración de Texto "<cite></cite>"
37.- Elementos de estructuración de Texto "<var></var>"
36.- Elementos de estructuración de Texto "<kbd></kbd>
35.- Elementos de estructuración de Texto "<samp></samp>"
34.- Elementos de estructuración de Texto "<code></code>"
33.- Elementos de estructuración de Texto "<dfn></dfn>
32.- Elementos de estructuración de Texto "
31.- Elementos de estructuración de Texto ""
30.- HTML - Encabezados o Titulos <hn><hn>
href="http://bobuu.blogspot.com">href="http://bobuu.blogspot.com">Sponsors:

jueves, 22 de enero de 2009

Firefox 3.0.5 - actualización

Ya se puede actualizar Firefox a la versión 3.0.5, puedes bajarlo en español para Windows de la siguiente dirección http://www.mozilla.com/en-US/.

Vía: Softhoy
Mas información: Mozilla

sábado, 17 de enero de 2009

39.- Elementos de Estructuración de "<abr></abr>" y "<abbr></abbr>"

Seguimos con los elementos que nos ayudaran a estructurar el texto. Ahora veremos que formato utilizar cuando utilizamos abreviaturas.

código : <abr></abr>
resultado: formato para escribir abreviaturas
código : <abbr></abbr>
resultado: formato para escribir abreviaturas con texto emergente

Código de ejemplo:
(He agregado un , salto de línea en el código para para poder ver el resultado en dos líneas).

<html>
<head>
 <title>Estructuración de Texto</title>
</head>
<body>
 Texto normal 
 <abr>Formato utilizado para escribir abreviaturas con "abr"</abr>
 
 <abbr title="Texto sin abreviar, texto largo">Abreviatura utilizando "abbr"</abbr>
 </body>
</html>
El código anterior se vería así en el navegador:
Texto normal
Formato utilizado para escribir abreviaturas con "abr"
Abreviatura utilizando "abbr"
Nota: he probado el código con iexplorer, gmail y mozilla, y en ninguno he visto un cambio de formato. Incluso aquí he aplicado el código sin cambios en su formato. En cuanto a "abbr", si podéis ver que al pasar el mouse (ratón) sobre el texto surge una etiqueta con el texto largo.
-----------------------------------------------------------
Podéis encontrar más información sobre este tema en: Línea de código
Temas anteriores *
38.- Elementos de Estructuración de Texto "<cite></cite>"
37.- Elementos de estructuración de Texto "<var></var>"
36.- Elementos de estructuración de Texto "<kbd></kbd>
35.- Elementos de estructuración de Texto "<samp></samp>" 34.- Elementos de estructuración de Texto "<code></code>"
33.- Elementos de estructuración de Texto "<dfn></dfn>
32.- Elementos de estructuración de Texto "
31.- Elementos de estructuración de Texto ""
30.- HTML - Encabezados o Titulos <hn><hn> 29.- HTML - Elementos básicos - Espacios y líneas

lunes, 12 de enero de 2009

38.- Elementos de Estructuración de Texto "<cite></cite>"

Como se puede ver en este y los anteriores temas hay muchos elementos que nos ayudaran a estructurar el texto. Ahora veremos que formato utilizar cuando hacemos referencia a otra fuente.

código : <cite></cite>
resultado: formato para hacer referencia a otra fuente

Código de ejemplo:
(He agregado un , salto de línea en el código para para poder ver el resultado en dos líneas).

<html>
<head>
 <title>Estructuración de Texto</title>
</head>
<body>
 Texto normal 
 <cite>Formato utilizado para hacer referencia a otra fuente</cite>
 </body>
</html>

El código anterior se vería así en el navegador:

Texto normal
Formato utilizado para hacer referencia a otra fuente

Nota: En el link de más abajo sobre donde encontrar más información, hemos aplicado este formato.
-----------------------------------------------------------

Podéis encontrar más información sobre este tema en: Lycos

Temas anteriores *
37.- Elementos de estructuración de Texto "<var></var>"
36.- Elementos de estructuración de Texto "<kbd></kbd>
35.- Elementos de estructuración de Texto "<samp></samp>"
34.- Elementos de estructuración de Texto "<code></code>"
33.- Elementos de estructuración de Texto "<dfn></dfn>
32.- Elementos de estructuración de Texto "
31.- Elementos de estructuración de Texto ""
30.- HTML - Encabezados o Titulos <hn><hn>
29.- HTML - Elementos básicos - Espacios y líneas 
28.- HTML - Elementos básicos - Párrafos-

viernes, 9 de enero de 2009

37.- Elementos de Estructuración de Texto "<var></var>"

Como se puede ver en este y los anteriores temas hay muchos elementos que nos ayudaran a estructurar el texto. Ahora veremos como poner el texto en formato variables de un programa.

código : <var></var>
resultado: formato variables de un programa

Código de ejemplo:
(He agregado un , salto de línea en el código para para poder ver el resultado en dos líneas).

<html>
<head>
 <title>Estructuración de Texto</title>
</head>
<body>
 Texto normal 
 <var>Texto en formato variables</var>
 </body>
</html>

El código anterior se vería así en el navegador:

Texto normal
Texto en formato variables

-----------------------------------------------------------

Podéis encontrar más información sobre este tema en: Universidad de Murcia

Temas anteriores *
36.- Elementos de estructuracion de Texto "<var></var>"
35.- Elementos de estructuración de Texto "<kbd></kbd>
34.- Elementos de estructuracion de Texto "<samp></samp>"
33.- Elementos de estructuración de Texto "<dfn></dfn>
32.- Elementos de estructuración de Texto "
31.- Elementos de estructuración de Texto ""
30.- HTML - Encabezados o Titulos <hn><hn>
29.- HTML - Elementos básicos - Espacios y líneas 
28.- HTML - Elementos básicos - Párrafos- 
27.- HTML - Elementos básicos - Separadores de Texto

jueves, 8 de enero de 2009

36.- Elementos de Estructuración de Texto "<kbd></kbd>"

Seguimos con elementos que nos ayudaran a estructurar el texto. Ahora veremos como poner el texto en formato texto a introducir.

código : <kbd></kbd>
resultado: formato texto a introducir

Código de ejemplo:
(He agregado un , salto de línea en el código para para poder ver el resultado en dos líneas).

<html>
<head>
 <title>Estructuración de Texto</title>
</head>
<body>
 Texto normal 
 <kbd>Texto a introducir</kbd>
 </body>
</html>

El código anterior se vería así en el navegador:

Texto normal
Texto a introducir

-----------------------------------------------------------

Podéis encontrar más información sobre este tema en: ABC Web

Temas anteriores *
35.- Elementos de estructuración de Texto "<kbd></kbd>
34.- Elementos de estructuracion de Texto "<samp></samp>"
33.- Elementos de estructuración de Texto "<dfn></dfn>
32.- Elementos de estructuración de Texto "
31.- Elementos de estructuración de Texto ""
30.- HTML - Encabezados o Titulos <hn><hn>
29.- HTML - Elementos básicos - Espacios y líneas 
28.- HTML - Elementos básicos - Párrafos- 
27.- HTML - Elementos básicos - Separadores de Texto
26.- Un buen editor para programación Web - Notepad2

miércoles, 7 de enero de 2009

35.- Elementos de Estructuración de Texto "<samp></samp>"

Seguimos con elementos que nos ayudaran a estructurar el texto, Ahora veremos como poner el texto en formato ejemplo.

código : <samp></samp>
resultado: formato ejemplo

Código de ejemplo (samp, proviene del inglés sample=ejemplo):
He agregado un , salto de línea en el código para para poder ver el resultado en dos líneas.

<html>
<head>
 <title>Estructuración de Texto</title>
</head>
<body>
 Texto normal 
 <samp>texto en formato ejemplo</samp>
 </body>
</html>

Se vería así:

Texto normal
texto en formato ejemplo

-----------------------------------------------------------

Podéis encontrar más información sobre este tema en: monografias.com

Temas anteriores *
34.- Elementos de estructuracion de Texto "<samp></samp>"
33.- Elementos de estructuración de Texto "<dfn></dfn>
32.- Elementos de estructuración de Texto "
31.- Elementos de estructuración de Texto ""
30.- HTML - Encabezados o Titulos <hn><hn>
29.- HTML - Elementos básicos - Espacios y líneas 
28.- HTML - Elementos básicos - Párrafos- 
27.- HTML - Elementos básicos - Separadores de Texto
26.- Un buen editor para programación Web - Notepad2
25.- HTML: Entidades y caracteres especiales. (2a parte)

lunes, 5 de enero de 2009

34.- Elementos de Estructuración de Texto <code></code>

Continuando con los diferentes elementos que nos ayudaran a estructurar el texto, Ahora veremos como poner el texto en formato código.

código : <code></code>
resultado: formato código

Código de ejemplo (hemos aplicado el formato 'code' a este código de ejemplo):

<html>      
  <head>       
    <title>Estructuración de Texto</title>       
  </head>       
  <body>       
     Texto normal       
     <code>texto en formato código</code>       
  </body>       
</html>

Se vería así:
Texto normal texto en formato código
-----------------------------------------------------------
Podéis encontrar más información sobre este tema en: ATC
Temas anteriores *
33.- Elementos de estructuración de Texto "
32.- Elementos de estructuración de Texto "
31.- Elementos de estructuración de Texto ""
30.- HTML - Encabezados o Titulos <hn><hn> 29.- HTML - Elementos básicos - Espacios y líneas 
28.- HTML - Elementos básicos - Párrafos- 
27.- HTML - Elementos básicos - Separadores de Texto
26.- Un buen editor para programación Web - Notepad2
25.- HTML: Entidades y caracteres especiales. (2a parte)
24.- Encabezados o títulos en html

sábado, 3 de enero de 2009

33.- Elementos de estructuración de Texto "<dfn></dfn>"

Continuando con los diferentes elementos que nos ayudaran a estructurar el texto, Ahora veremos como poner el texto en formato definición.

código : <dfn></dfn>
resultado: formato definición

Código de ejemplo:

<html>
<head>
 <title>Estructuración de Texto</title>
</head>
<body>
 Texto normal
 <dfn>texto en formato definición</dfn>
</body>
</html>

Se vería así:

Texto normal texto en formato definición

Nota: he probado el código en Google Chrome y no muestra el texto en formato definición, en IE8 si funciona.

-----------------------------------------------------------

Podéis encontrar más información sobre este tema en: conclase.net

Temas anteriores *
32.- Elementos de estructuración de Texto "
31.- Elementos de estructuración de Texto ""
30.- HTML - Encabezados o Titulos <hn><hn>
29.- HTML - Elementos básicos - Espacios y líneas 
28.- HTML - Elementos básicos - Párrafos- 
27.- HTML - Elementos básicos - Separadores de Texto
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

viernes, 2 de enero de 2009

32.- Elementos de estructuración de Texto ""

Continuamos en este y los siguientes post con los diferentes elementos, que nos ayudaran a estructurar el texto. En este caso veremos como enfatizar el texto o poner más fuerte.

código : 
resultado: mayor enfatizado

Para facilitar la diferencia en el ejemplo hemos incluido el elemento anterior "enfatizado" () para facilitar la comparación.

Código de ejemplo:

<html>
<head>
 <title>Estructuración de Texto</title>
</head>
<body>
 Texto normal
 texto enfatizado
 texto mayor enfatizado
 </body>
</html>

Se vería así:

Texto normal texto enfatizado texto mayor enfatizado

-----------------------------------------------------------

Podéis encontrar más información sobre este tema en: vesc

Temas anteriores *
31.- Elementos de estructuración de Texto ""
30.- HTML - Encabezados o Titulos <hn><hn>
29.- HTML - Elementos básicos - Espacios y líneas 
28.- HTML - Elementos básicos - Párrafos- 
27.- HTML - Elementos básicos - Separadores de Texto
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

miércoles, 31 de diciembre de 2008

31.- Elementos de estructuración de Texto ""

En este y los siguientes post, veremos diferentes elementos, que nos ayudaran a estructurar el texto.

código : 
resultado: enfatizado

Código de ejemplo:

<html>
<head>
 <title>Estructuracion de Texto</title>
</head>
<body>
 Texto normal
 texto enfatizado
 </body>
</html>

Se vería así:

Texto normal texto enfatizado

-----------------------------------------------------------

Podéis encontrar más información sobre este tema en: deciencias.net

Temas anteriores *
30.- HTML - Encabezados o Titulos <hn><hn>
29.- HTML - Elementos básicos - Espacios y líneas 
28.- HTML - Elementos básicos - Párrafos- 
27.- HTML - Elementos básicos - Separadores de Texto
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

viernes, 12 de diciembre de 2008

30.- HTML - Encabezados o Titulos <hn><hn>

Hoy veremos como hacer un encabezado o un titulo fácilmente para nuestra pagina web, y además un formato que podamos repetir en otras, para mantener la homogeneidad (aunque mas adelante veremos métodos mas avanzados)

Se puede dar mayor o menor importancia a los textos cambiando el tamaño y aplicando "negrita". Esto se puede hacer manteniendo un criterio si utilizamos la etiqueta<hN></hN>, en donde N es un valor valor entero comprendido entre 1 y 6 (el 1 formatearía títulos de mayor importancia, y el 6 los de menor importancia).

Estos títulos son párrafos, y producen saltos de línea. Veamos un ejemplo:

<html>
<head>
 <title>Encabezados o Títulos</title>
</head>
<body>
 <h1>Ejemplo de Encabezado 1 - etiqueta <h1></h1>
 <h2>Ejemplo de Encabezado 2 - etiqueta <h2></h2>
 <h3>Ejemplo de Encabezado 3 - etiqueta <h3></h3>
 <h4>Ejemplo de Encabezado 4 - etiqueta <h4></h4>
 <h5>Ejemplo de Encabezado 5 - etiqueta <h5></h5>
 <h6>Ejemplo de Encabezado 6 - etiqueta <h6></h6>
</body>
</html>

Como se puede observar esta etiqueta tiene un principio <hn> y un cierre <hn>

-----------------------------------------------------------

Podéis encontrar más información sobre este tema en: MovableType

Temas anteriores *
29.- HTML - Elementos básicos - Espacios y líneas 
28.- HTML - Elementos básicos - Párrafos- 
27.- HTML - Elementos básicos - Separadores de Texto
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

martes, 9 de diciembre de 2008

29.- HTML - Elementos básicos - Espacios y líneas

Como hemos dicho anteriormente el html fue diseñado al principio especialmente para texto. Es por eso que los saltos de línea no se representan, y aunque lo escribamos en varias líneas se representa en una sola línea separada por espacios, veamos un ejemplo.

Código Ejemplo de separadores y líneas:
<html>
<head>
 <title>Espacios y líneas</title>
</head>
<body>
 Esto
 aunque no lo parezca
 es
 una
 sola
 línea
 de
 texto
</body>
</html>
----- el código anterior en el navegador será así ---------

Esto aunque no lo parezca es una sola línea de texto
-----------------------------------------------------------
El ancho de la representación de esta línea de texto vendrá determinada por la ventana del navegador.
Como podéis observar tampoco se representan los espacios en blanco, por muchos espacios que pongamos solo se representara uno.
Para representar un salto de línea se utiliza la etiqueta . Es decir que por cada que se escribe en el código, se salta una linea en la representación.
Código Ejemplo de etiqueta :
<html>
<head>
 <title>Etiqueta de salto de línea </title>
</head>
<body>
 Esto
 es una línea, que saltara una línea después de la etiqueta 
 esta línea esta debajo porque antes hay una etiqueta </body>
</html>
----- el código anterior en el navegador será así ---------
Esto es una línea, que saltara una línea después de la etiqueta
esta línea esta debajo porque antes hay una etiqueta
-----------------------------------------------------------

Temas anteriores * 28.- HTML - Elementos básicos - Párrafos- 
27.- HTML - Elementos básicos - Separadores de Texto
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

martes, 2 de diciembre de 2008

28.- HTML - Elementos básicos - Párrafos-

Como ya hemos visto para representar saltos de línea utilizamos la etiqueta , para el caso de párrafos, utilizamos las etiquetas y para cerrar el párrafo.

Cada vez que se cambia de párrafo, se representa un salto de línea que separa un párrafo de otro.

Código Ejemplo de párrafo:

<html>
<head>
 <title>Párrafos</title>
</head>
<body>
 Primer Párrafo
 Segundo Párrafo
</body>
</html>

Como siempre copia o escribe este código con un editor de texto plano (como el notepad de Windows), grabadlo como un archivo con extensión .hml y después abrid ese archivo con vuestro navegador, y obtendrás algo como esto.

-----------------------------------------------------------

Primer Párrafo

Segundo Párrafo

-----------------------------------------------------------

La etiqueta cuenta con el atributo align que permite alinear el texto a la izquierda, a la derecha o al centro. Este atributo también permite justificar el texto a los márgenes, veamos los ejemplos.

Código Ejemplo de párrafo alineado a la izquierda (left):
<html>
<head>
<title>Párrafos</title>
</head>
<body>
texto alineado a la izquierda
</body>
</html>

----- aquí como se vera en el navegador ---------

texto alineado a la izquierda

-----------------------------------------------------------

Código Ejemplo de párrafo alineado a la derecha (right):

<html>
<head>
<title>Párrafos</title>
</head>
<body>
texto alineado a la derecha
</body>
</html>

----- aquí como se vera en el navegador ---------

texto alineado a la derecha

-----------------------------------------------------------

Código Ejemplo de párrafo alineado al centro (center):

<html>
<head>
<title>Párrafos</title>
</head>
<body>
texto alineado al centro
</body>
</html>

----- aquí como se vera en el navegador ---------

texto alineado al centro

-----------------------------------------------------------

Código Ejemplo de párrafo justificado (justify):

<html>
<head>
<title>Párrafos</title>
</head>
<body>
texto alineado al centro
</body>
</html>

----- aquí como se vera en el navegador ---------

texto justificado a los márgenes izquierda y derecha, esta línea es mas larga para que podáis observar claramente como funciona la justificación.

-----------------------------------------------------------

Como ya sabéis desde el post anterior, estamos agregando un link donde podáis ver mas información referente al tema tratado. Aunque todo el material expuesto en este blog es de creación propia, (excepto en los casos indicados), buscaremos otros sitios donde se trate el tema para que podáis tener otro punto de vista o ampliar la información.

Podéis encontrar más información en: Desarrollo web

Temas anteriores *
27.- HTML - Elementos básicos - Separadores de Texto
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

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:

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.

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.

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

domingo, 5 de octubre de 2008

Ilusiones ópticas, que te sorprenderán

Si te gustan las ilusiones ópticas, trata de ver las dos imágenes en los siguientes dibujos.

¿que ves ? te ayudo... dos mejicanos o dos ancianos, mira bien, que podrás ver las dos cosas.

¿ y en esta otra ?

¿Vez la muerte o dos enamorados ?, si quieres ver mas de estas imágenes con doble sentido visita portalmix, te divertirás.

Vía: Portalmix
Mas información: ilusiones ópticas portalmix