"Shake" the "Body" !!!

Dejemos el Head de lado.... ya dijimos que es un tema de muy pocos tags y el importante es el Title.

Ahora.... SHAKE THE BODY, BABY!

Básicamente el Body es donde va el contenido... es la gran hoja donde creamos toda la página web.

Les voy a explicar todos los tags, los que se usan y los que no deberían usarse. A ver, no es que "no deberían" como diciendo "que chanchada! desprolijo! asqueroso!".

Simplemente el tema es que tenemos que pensar en función de los buscadores y éstos se fijan en el código de HTML para ordenar la importancia de ciertas cosas en el documento. Dada la importancia que le da el programador en el código a cierto contenido es que Google arma su lista de búsquedas encontradas.

También lo explico porque se van a encontrar en la web muchos códigos hechos con estos tags. Básicamente está bueno el "saber por saber" en esto para no estar perdido en la vida y tener una visión lo más amplia posible....

En esta entrada vamos a ver tags que describen la estructura general de un documento y dan una información sencilla sobre él. Sirve para filtrar los archivos HTML en los buscadores. Vamos a ver 4:

* Titulares

Estos son los títulos que hay en cualquier página. Es diferente del <title> del head porque no es lo que se muestra en la barra del explorador, sino que es lo que se va a mostrar en el documento. Se representa con la tag <h1> (por las dudas que no quede claro, H uno). Hay hasta 6 niveles de titulares... desde h1 a h6. Tiene tag de apertura: <h1> y tag de cierre: </h1>

El explorador diferencia en tamaño un h1 de un h2 por ejemplo, sin perjuicio que después uno le aplique el estilo que uno quiera.

* Párrafo

Sirve para hacer una diferenciación de párrafos. Tiene tag de apertura <p> y de cierre </p>. Básicamente encierra texto. No le da formato.

* Salto de línea

Esto es como dar un enter en el documento. Esta es de esas tags no apropiadas. Por qué? Si uno encierra el documento entre <p>, para qué uno quiere dar un enter? Quizás para espaciar entre una cosa y otra, pero esto es de estilo y no de código. Lo van a ver muy seguido porque es una tag corta: no tiene un tag de apertura, se pone el tag <br> al final de la oración donde se quiere dar un enter y ya está.

* Comentarios

Son directivas que nunca se van a mostrar en el explorador de quien mire la página web de ese código pero sirven como recordatorios de las futuras revisiones para los programadores. La tag es <!--Aqui va el comentario-->. No tiene tag de cierre.

Ejemplo de código con estas tags nuevas:


<html>
    <head>
        <title>Ejemplo 1</title>
    </head>
    <body>
        <h1>Mi primera pagina web</h1>
        <h2>Este titulo es mas chico que el h1</h2>
        <!--Pero seguramente no va a ser la última página que haga, jaja-->
            <p>Párrafo y varios saltos de página</p>
            <p>Van a ver que igual se hace un salto de página aunque este todo pegado</p>
            Uno<br>
            Dos<br>
    </body>
</html>

Como siempre, armense un archivo html para ver como queda este código y abranlo en el explorador. El head les aparece arriba, en la barra del explorador, el comentario no aparece como contenido de la página, el <p> y <br> tienen la misma función y el h1 respecto al h2 es mas grande, pero como ya dije, es como consecuencia de la interpretación del explorador del código que escribimos. Se puede dar después cualquier formato que queramos. Lo que sí para el buscador a la hora de mostrar las búsquedas encontradas, el h1 va a tener mas peso que el h2.

En la próxima vemos las URL....