Bobuu

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 <br>
28.- HTML - Elementos básicos - Párrafos- <p> </p>
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 <br>

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 <br>. Es decir que por cada <br> que se escribe en el código, se salta una linea en la representación.
Código Ejemplo de etiqueta <br>:
<html>
<head>
    <title>Etiqueta de salto de línea <br></title>
</head>
<body>
    Esto
    es una línea, que saltara una línea después de la etiqueta<br>
    esta línea esta debajo porque antes hay una etiqueta <br> </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- <p> </p>
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- <p> </p>

Como ya hemos visto para representar saltos de línea utilizamos la etiqueta <br>, para el caso de párrafos, utilizamos las etiquetas <p> y </p> 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>
    <p>Primer Párrafo</p>
    <p>Segundo Párrafo</p>
</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 <p> </p> 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>
<p align="left">texto alineado a la izquierda</p>
</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>
<p align="right">texto alineado a la derecha</p>
</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>
<p align="center">texto alineado al centro</p>
</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>
<p align="justify">texto alineado al centro</p>
</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

domingo, 28 de septiembre de 2008

La crisis económica.

Interpretación con humor de la crisis

viernes, 12 de septiembre de 2008

Curiosidades en Google

Hay muchas curiosidades, y esta es otra de ellas, tenéis que probar realizar las siguientes búsquedas en http://www.google.es/, y presionar el botón <voy a tener suerte>.

Hace las siguientes búsquedas y os sorprenderéis, leed con atención lo que sale.

Por ejemplo buscando trabajo digno

y parte de lo que encontraréis será lo siguiente:

otras búsquedas curiosas ...

un mecánico serio y fiable
un aparcamiento
una razón para esta barbarie
una vivienda digna a un precio razonable
Osama Bin Laden
Armas de Destrucción Masiva (ADM)
responsables del desastre del Prestige
Versió en català: No es poden trobar els responsables...
encontrar a Wally
póngase en contacto

Que les sea agradable,

jueves, 11 de septiembre de 2008

Curiosidad de Google (el buscador)

Si creías que la gente de Google no tiene humor.

mira este post y prueba hacer la búsqueda de Chuck Norris, eso si tienes que estar preparado para correr.

Pincha en el siguiente enlace para ver la noticia:

Cuidado te están buscando

viernes, 5 de septiembre de 2008

El Humano, Ser imperfecto - Parte VI (Ahora el Humano)

El Humano, Ser imperfecto - Parte VI (Ahora el Humano)

Podríamos seguir mucho mas mirando la evolución, pero error, tras error, surge el ser humano. Fruto de miles de alteraciones.

Al principio, hablo de muy al principio, el mas fuerte y mas violento era que conseguía las hembras y lograba una abundante prole, extendiendo sus genes.

El “educado” y “pacifico”, o moría, o no lograba una extensión de sus genes

Así por generaciones, logrando la reproducción, los violentos, asesinos y dominantes.

jueves, 4 de septiembre de 2008

El Humano, Ser imperfecto - Parte V (Más deformaciones)

El Humano, Ser imperfecto - Parte V (Más deformaciones)

Nuevamente la normalidad pasa a ser la ultima mutación, que domina.

Pero otro accidente, hace que algunos de los seres tengan pequeñas “verrugas” en forma de gancho o deformaciones exteriores.

Todas las demás se ríen de los “monstruos”, sin embargo logran reproducirse. Y una catástrofe hace que grandes corrientes arrastren a la mayoría de los organismos “normales”, sin embargo los sobrevivientes son los deformes con sus irregularidades en la superficie que les permito engancharse para no ser arrastrados.

Y una nueva generación, ya normalizada pero fruto de una anomalía es la que domina el ambiente.

Ahora saltaremos ya al ser humano…

miércoles, 3 de septiembre de 2008

El Humano, Ser imperfecto - Parte IV (Primeros caníbales)

El Humano, Ser imperfecto - Parte IV (Primeros caníbales)

Ya nos acostumbramos a los seres pluricelulares, es algo normal, seres que deambulan llevados por las corrientes, absorbiendo las materias elementales para su existencia.

Pero una nueva sorpresa nos espera, algunas de los seres mas grandes comienzan a “absorber” a los mas pequeños, dándoles mayor velocidad de crecimiento, ya que la energía absorbida requiere de menos esfuerzo que tomarla directamente de los elementos.

Este cambio hace que una nueva generación “deformada”, comience a dominar el ambiente, Son los Caníbales, de su época, los primeros que comen a sus congéneres. Monstruos que logran finalmente logran el control.

Hasta ahora algunos dirían, “la evolución”, pero sigamos mas adelante…

martes, 2 de septiembre de 2008

Google ha lanzado su navegador "Chrome"

Google ha lanzado su navegador "Chrome"

Lo que faltaba... google tiene su propio navegador, eso si por ahora solo para windows.

Podeis descargarlo desde la pagina del buscador de google

"http://www.google.es"

Podéis encontrar mas información en el blog

"http://www.softhoy.com"

o en el propio google, lo estoy probando y les puedo asegurar que es bastante simple y "liviano".

Saludos

El Humano, Ser imperfecto - Parte III (la unión de las moléculas)

El Humano, Ser imperfecto - Parte III (la unión de las moléculas)

Y como decimos todavía estamos en el principio de los tiempos. Ya no se generaban nuevas moléculas, las condiciones medio-ambientales no son las mismas. Sin embargo las moléculas “defectuosas” que se dividían en si mismas logran multiplicarse en gran numero.

Pero, si partiésemos ahora de que esta forma de vida es la normal, nuevamente surge una deformación (no una mejora), un error, ya sea por electrostática, tensión superficial, o lo que sea, que hace que dos moléculas simples se unan y actúen como una sola. Por supuesto esto no es normal, ya que la normalidad son las pequeñas moléculas individuales y auto divisibles.

También existen uniones de más de 2 moléculas y hasta unión de uniones. Moléculas de 2 o mas elementos unidas entre si, formando grandes moléculas.

Pero paciencia que esto no termina aquí, en el próximo post, seguimos con la historia.

lunes, 1 de septiembre de 2008

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

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

Seguimos con el tema empezado antes y ampliaremos un poco el panorama sobre el uso de los caracteres ASCII y como mostrarlos en nuestro documento HTML.

Como el conjunto de caracteres ASCII no es suficiente para un sistema como la Web, HTML usa un conjunto de caracteres más completo llamado Conjunto Universal de Caracteres (Universal Character Set, UCS), que esta definido en ISO10646. Este estándar define un repertorio de miles de caracteres usados por comunidades de todo el mundo.

Como el conjunto de caracteres del documento no es suficiente para permitir a los agentes de usuario interpretar correctamente los documentos HTML es que éstos se intercambian normalmente: codificados como una secuencia de bytes en un fichero.

Los agentes de usuario deben conocer además la codificación de caracteres específica usada para transformar el flujo de caracteres del documento en un flujo de bytes.

También los agentes de usuario deben tener en cuenta la prioridad a la hora de determinar la codificación de caracteres de un documento. De prioridad mas alta a mas baja.

Un parámetro "charset" HTTP en un campo "Content-Type".
Una declaración META con "http-equiv" establecido en "Content-Type" y un valor dado para "charset".

El atributo charset establecido en un elemento que designe

<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

hasta la próxima...

Temas anteriores *

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

15.- Definición de Tipos de Documentos (DTDs)

El Humano, Ser imperfecto - Parte II (la división de las moléculas)

El Humano, Ser imperfecto - Parte II (la división de las moléculas)

Continuo con el tema que había empezado, pidiendo disculpas por la demora en estas otras partes.

Después de este primer accidente, nos encontramos un montón de moléculas orgánicas flotando en lo que algunos llaman “el caldo de la vida”, y las condiciones permitían generar mas de estas moléculas “vivas”, pero también sucedía que algunas de ellas se dividían, y a su vez estas también se dividían. Algo que no era normal, ya que lo normal era que las moléculas fuesen generadas por el entorno y no que se formaran nuevas moléculas de las ya existentes.

Una nueva imperfección de la naturaleza, permitía la división de las moléculas en 2 nuevas moléculas iguales.

Pero esto solo es el principio….,

domingo, 31 de agosto de 2008

Frase sesuda (... nadie ...)

Frase sesuda...

Nadie es nadie, para decir que nadie llegara a ser nadie en la vida.

... divagando con la mente y el ordenador...

Todos tenemos derecho a divagar siempre y cuando nadie moleste a nadie....

Porque no he escrito ...

Porque no he escrito...

He vuelto... y espero seguir escribiendo..

Pido disculpas por el mes de agosto que no he posteado nada. Espero que el que ha podido tomar sus vacaciones, las disfrutara como se merecen.

Cuando escribí el post "El humano, Ser imperfecto" solo pude publicar la primera parte, ya que un "maléfico" corte de electricidad, me hizo perder todo el resto del tema que ya tenia escrito.

Y por otra parte el tirano mes de agosto, no me ha dejado ni un minuto libre para escribir unas líneas. (y no estaba de vacaciones).

Intentaré continuar con la explicación de porque somos los seres mas imperfectos, y que la naturaleza no es siempre sabia, así como también agregaré notas sobre programación web.

saludos

domingo, 10 de agosto de 2008

Transmisión de vídeo inalámbrica

He visto que existen equipos capaces de transmitir vídeo en forma inalámbrica hasta 50 o 60 kms.

Con esto podríamos vigilar nuestra casa con pocket pc, o un móvil, fácilmente y sin demasiado costo. El sistema parece que es Wimax.

Via: STponce

Temas anteriores de curso gratis * http://bobuu.blogspot.com
69.- HTML - Listas descriptivas <dl><dt>...</dt><dd>...</dd></dl>
68.- HTML - Listas no ordenadas - <ul><li>...</li></ul>
67.- HTML - Listas ordenadas - <ol><li>...</li></ol>
mas ... acceder al índice de temas ...
** Gracias por visitar a nuestros Sponsors.