Manual básico HTML – Cap 1 – Estructura de un documento HTML

Una página web es en esencia un archivo de texto que podemos crear desde cualquier procesador de textos, incluído el Bloc de Notas de Windows.

El principio fundamental del lenguaje HTML son las llamadas Tags (Etiquetas), con una estructura del siguiente tipo:

<XXX> Inicio de la etiqueta

</XXX> Fin de la etiqueta

Todo lo que quede comprendido entre esas dos etiquetas se veerá influenciada por ellas.

Para empezar, tódo documento HTML debe abrirse y, finalmente, cerrarse con las etiquetas <HTML> y </HTML>.

Es decir, que si vieramos el código fuente de cualquier página web deberíamos ver algo así:

<HTML>

El resto de la página

</HTML>

Dentro de las etiquetas de inicio y cierre del documento HTML, éste documento estará dividido en dos zonas principales, el encabezado (Head) y el cuerpo (body). En el encabezado habrá información sobre nuestro documento que no se verá en la pantalla, la principal etiqueta aquí sera la del título (Title), que describirá el contenido de nuestra página a todo aquel que nos quiera agregar a su agenda de direcciones. Por otra parte, dentro del cuerpo (body) estará todo lo que queramos que aparezca en pantalla.

Es decir, la construcción básica de un documento HTML sería el siguiente:

<HTML>

<HEAD>

<TITLE> Título de la página </TITLE>

</HEAD>

<BODY>

Aquí ira todas las etiquetas para visualizar la pagina que ya veremos mas adelante

</BODY>

</HTML>

Fácil, ¿verdad?, pues esto es en esencia la estructura básica de un documento HTML, en el segundo capítulo daremos forma a los textos y realizaremos un par de prácticas que seguro que os resultan interesantes.

Escrito por rikype | 7 de Octubre de 2008 con 1 comentario.
Lee más artículos sobre General

Random Posts

  • Técnicas Black Hat Seo

    Seguro que te sonará las técnicas de Black Hat Seo. Estas técnicas derivan la mayoría en penalización por parte de Google, y por esto que...

  • Plantillas blogger de 2 columnas

    Si buscas temas para blogger te aconsejo 10bloggertemplates. Estas son algunas de las plantillas de 2 columnas. Vive la France | Download |...

  • Manual básico HTML - Cap 1 - Estructura de un documento HTML
    Qué es Ajax?

    Muchas veces hablamos de ajax pero en realidad no sabemos como funciona, cual es la diferencia y cuales son sus beneficios. Es por eso que...

  • Generador de pequeños Botones

    Button Generador es una herramienta online, para que en pocos segundos realices pequeños botones para tu sitio, siguiendo los siguientes...

  • Manual básico HTML - Cap 1 - Estructura de un documento HTML
    Precarga de imágenes mediante CSS

    Un ejemplo muy sencillo para precargar imágenes, muy útil cuando usemos el efecto roll over utilizando CSS, es creando una capa en el que...

Comentarios

  1. “Manual básico de HTML” de Zona Masters » Cosas sencillas - 23 de Octubre de 2008 | 10:37

    [...] 1. Estructura de un documento HTML [...]

Deja una respuesta