Estructura del HTML

El hombre arrancó pintando en las cavernas, después los egipcios tenían papiros...y muuuuchos pero muuuuuchos años después nosotros empezamos a expresarnos con un papel y un lápiz (aunque a veces era con una pared y un lápiz…. ¿quizás algo que viene en los genes desde las épocas cavernícolas?). Luego vinieron las computadoras y bueno, acá estamos tratando de entenderlas.... pero lo bueno es: lo que se hace en la computadora en realidad puede empezarse en un papel y con un lápiz. Y créanme.... van a agarrar un block de anotaciones más de una vez....

Para hacer una página web tienen que visualizar lo que quieren hacer. Cuales son los titulos, el contenido, las imagenes, donde van a ir, etc.

Imaginense que un HTML es como cuando hacíamos una redacción en la primaria:

Teníamos un titulo y luego desarrollábamos un contenido con párrafos, figuritas pegadas, titulos intermedios subrayados, etc.

Acá es lo mismo, la estructura es partiendo de lo general a lo particular.

Lo general es: 1) título y 2) cuerpo.

1) Título: 

Es como si fuera el titulo de nuestra hoja. En HTML es lo que aparece en la primera barra del explorador. Es el nombre de la página, que aparece al lado del nombre del explorador.

En HTML esto se llama "Head". Dentro del Head son pocos los tags que se pueden poner. Este Head es lo que contiene el "Title" (o título).

El Title es lo que usa el marcador del navegador e identifica el contenido de la página. Sólo puede haber un título por documento. Lo preferible es que sea corto pero significativo!

Aqui no se coloca nada del contenido de la página en sí. Por ahora es todo lo que vamos a decir del Head, a partir de ahora lo que vamos a desarrollar es todo lo que se puede hacer en el Cuerpo.

2) Cuerpo

Esto es en sí lo que escribimos, donde ponemos los títulos, los parrafos, las imágenes, etc. En HTML se le llama Body ("Cuerpo" en inglés) y obviamente que lleva muchas tags, todas las que queramos.

Ejemplo: Arranquemos a hacer un poco de código. Empezamos siempre diciendo el lenguaje que estamos escribiendo, luego el head y luego el body. Acuerdense de que siempre una tag que se abre se debe cerrar. Si uno hace tabulaciones de 4 espacios (bueno, de cuantos quieran, el 4 es heredado de Python y no es mio, pero me parece a mi una medida justa) no es necesario poner enter entre cada línea de código, pero es a gusto del consumidor, si les parece que está apretado, pongan enter entre líneas. La <p> que se van a encontrar en el body es simplemente la tag de párrafo, pero no se preocupen, se explica en la próxima entrada..... Dicho esto quedaria así:

<html>

    <head>

        <title>mi pagina web</title>

    </head>

    <body>

        <p>hola que tal</p>

    </body>

</html>

Para ver como queda, hagan un archivo html y copien este código.

Y veamos ahora muuuchas cosas mas del Body......