Sunteți pe pagina 1din 5

Estructura bsica de un documento web

El primer paso a la hora de comenzar a disear una pgina web es centrarnos en su estructura. Todos los documentos HTML (HyperText Markup Language) estn compuestos por 3 etiquetas fundamentales: html head body

La primera etiqueta, html, define lo que comprende el documento web, es el inicio del mismo. ste, a su vez, se divide en dos partes diferenciadas: head y body. En la seccin head es donde colocaremos aquellos elementos que no estn relacionados directamente con el contenido del documento. Es decir, hojas de estilo, scripts, cdigos especiales, etc. Dentro de ella colocaremos la etiqueta title que definir el ttulo de nuestro documento web. En la seccin body es donde propiamente desarrollaremos el contenido de nuestra web y es lo nico que se va a mostrar en el navegador. Ejemplo de la estructura bsica:

ESTRUCTURA DE UN DOCUMENTO HTML


Una pgina web est formada por una serie de pginas enlazadas entre s, es decir, vamos a tener una serie de ficheros y cada uno de esos ficheros va a contener texto, imgenes, etc. As que lo primero que deberamos hacer es un boceto en papel con todo lo que va a contener el documento. Una vez claro este contenido hay que pensar en la estructura de la pgina y en la organizacin de los ficheros. Normalmente hay una pgina principal, que se suele llamar index.html, con enlaces a otras pginas, que tendrn a su vez otros enlaces y as sucesivamente. Es importante que todo est bien organizado tanto para que a un usuario le resulte cmodo navegar por ella, como para que al autor le sea fcil poder modificarla o aadir informacin. Un documento HTML est formado por tres partes: Una lnea que contiene informacin sobre la versin de HTML (no siempre), Una cabecera (delimitada por el elemento HEAD), y Un cuerpo, con el contenido del documento (delimitado por el elemento BODY). Todo el documento tiene que ir entre las etiquetas <HTML></HTML> El elemento <HEAD></HEAD> contiene informacin sobre el documento actual, como el ttulo, palabras clave que utilizan los motores de bsqueda, y otros datos que no se consideran parte del contenido del documento porque no se visualizan en el navegador. Sin embargo, pueden poner esta informacin a disposicin de los usuarios a travs de otros mecanismos. Todos los documentos HTML deben tener un elemento <TITLE></TITLE> en la seccin HEAD. Los autores deberan utilizar el elemento TITLE para identificar los contenidos de un documento, con lo que se aconseja poner ttulos que reflejen con claridad el contenido del documento. Este ttulo puede contener caracteres, pero no trozos de cdigo. La etiqueta <BODY></BODY> va a contener el contenido del documento. Puede tener los siguiente atributos: background = archivo. Establece como fondo de la pgina la imagen especificada en el archivo. bgcolor = color. Establece un color de fondo para la pgina. text = color. Este atributo establece el color del texto link = color. Este atributo establece el color del texto de los vnculos no visitados vlink = color. Este atributo especifica el color del texto que de los vnculos visitados

alink = color. Este atributo especifica el color del texto que de los vnculos cuando son seleccionados por el usuario. Es decir, la estructura bsica de un documento HTML sera:
<HTML> <HEAD> <TITLE> Ttulo de la pgina </TITLE> </HEAD> <BODY> Contenido de la pgina </BODY> </HTML>

Resultado Otro ejemplo:


<HTML> <HEAD> <TITLE> Ttulo de la pgina </TITLE> </HEAD> <BODY bgcolor="#000000" text="#FFFFFF" link="#FFFFFF" vlink="#FF9933" alink="#FFFF00"> Contenido de la pgina Enlace </BODY> </HTML>

Resultado

HTML no es sensible a maysculas y minsculas. En otros lenguajes de la familia HTML, como WML para telfonos mviles, es obligatorio escribir los nombres de etiquetas y atributos en minsculas, poner etiquetas de cierre en elementos no vacios y poner los valores de los atributos entre comillas dobles, as que podemos ir aplicando estas reglas. El elemento <META>: Este elemento se sita dentro de la cabecera <HEAD>, y con l se puede dar informacin sobre el documento. Sus atributos son: name = nombre. Este atributo identifica un nombre de propiedad. content = cadena de caracteres. Este atributo especifica el valor de una propiedad. scheme = cadena de caracteres. Este atributo especifica un esquema que se usar para interpretar el valor de la propiedad http-equiv = nombre. Este atributo puede utilizarse en lugar del atributo name. Los servidores HTTP utilizan este atributo para obtener informacin sobre los encabezados del mensaje de respuesta HTTP. lang = cdata. Este atributo se usa para especificar un idioma. Ejemplos de su uso: Informacin sobre el autor y el contenido:

<meta name="Beatriz Prieto" content="Introduccion al HTML " lang="esp"> Para especificar palabras clave que pueden usar los motores de bsqueda para mejorar la calidad de los resultados de una bsqueda. Por ejemplo: <meta name="keywords" lang="es" content="vacaciones, Espaa, sol, playa"> El elemento META puede utilizarse para especificar el lenguaje de los scripts por defecto, el lenguaje de hojas de estilo por defecto y la codificacin de caracteres del documento. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> A veces tambin se suele definir el tipo de documento (DTD) mediante la etiqueta DOCTYPE. <!DOCTYPE HTML PUBLIC "http://www.w3.org/TR/html4/strict.dtd"> "-//W3C//DTD HTML 4.01//EN"

Antes que nada reciba un cordial saludo. Me gustara saber cul fue mi desempeo en las actividades del diplomado. Le reenvo una vez ms los trabajos por si hubo alguna dificultad en la entrega.

S-ar putea să vă placă și