Buscar Más buscado

Programación de páginas web (HTML y CSS) - Estructura del documento

4 - Estructura del documento

[editar]
Curso gratis creado por Rafael Menéndez-Barzanallana Asensio. Extraido de: http://www.um.es/docencia/barzana
30 de Noviembre de 1999
< anterior | 1 ... 2 3 4 5 6 7 8 ... 12 | siguiente >
La estructura de un documento HTML se puede resumir así:
tipo de documento
<HTML>
<HEAD>
<TITLE>titulo de la página</TITLE>
cosas que afectan a la página pero no a su contenido
contenido de la página
</BODY>
</HTML>
En el tipo de documento deberemos especificar a que estándar del HTML responde nuestra página entre una de las siguientes opciones:
<!DOCTYPE HTML PUBLIC "-IETFDTD HTML 2.0ES">
Cumple el estándar HTML 2.0
<!DOCTYPE HTML PUBLIC "-W3CDTD HTML 3.2 FinalES">
Cumple el estándar HTML 3.2
<!DOCTYPE HTML PUBLIC "-W3CDTD HTML 4.0 TransitionalES" "http://w3.org/TR/REC-html40/loose.dtd">
Cumple el estándar HTML 4.0
<!DOCTYPE HTML PUBLIC "-W3CDTD HTML 4.0ES "http://w3.org/TR/REC-html40/strict.dtd">
Cumple el estándar HTML 4.0 y no contiene además elementos desaconsejables
<!DOCTYPE HTML PUBLIC "-W3CDTD HTML 4.0 FramesetES" "http://w3.org/TR/REC-html40/frameset.dtd">
Es una definición de marcos que cumple el estándar HTML 4.0
El HTML 4.0 considera desaconsejables aquellos elementos que, aún siendo soportados, han sido sustituidos por otros más potentes y, por ello, es posible que sean eliminados del estándar HTML en el futuro.
La cabecera

Suele ser el lugar más indicado para colocar aquellos elementos de la página que no alteren el contenido de la misma, aunque si la forma de presentarlo y su comportamiento. Es por eso que es el lugar más recomendable para colocar los scripts y las hojas de estilo, como veremos en los capítulos correspondientes.

Además del título de la página, uno de los elementos que se pueden incluir aquí son los META. Entre otras cosas, sirven para indicar propiedades de la página como pueda ser el nombre de su autor. Por ejemplo,
<META NAME="GENERATOR" CONTENT="Mozilla/4.03 [es] (Linux;) [Netscape]">
nos indicaría la herramienta con que hemos creado la página (en este caso la versión 4.03 en español para Linux del Composer de Netscape). Estas son las propiedades más comunes:

|| Propiedad || Utilidad ||
|| AUTHOR || Autor de la página. ||
|| GENERATOR || Herramienta utilizada para hacer la página. ||
|| CLASSIFICATION || Palabras que permite clasificar la página dentro de un buscador jerárquico (como Yahoo). ||
|| KEYWORDS || Palabras clave por las que encontrarán la página en los buscadores. ||
|| DESCRIPTION || Descripción del contenido de la página. ||





Hay también otro elemento interesante que podremos incluir en nuestras cabeceras. Cuando especificamos una URL relativa en un enlace, en principio es para acceder a una página situada en nuestro mismo servidor. Sin embargo, si especificamos:
<BASE HREF="http://www.um.es/docencia/barzana/IAGP/">
Ahora todas nuestras URLs relativas se referirán al directorio /IAGP dentro del servidor http://www.um.es/docencia/barzana//.------**El cuerpo


En este apartado se van a explicar los parámetros que admite la etiqueta <BODY>, ya que el resto de la estructura del cuerpo se explica en otras partes:

|| BACKGROUND || Permite definir un gráfico de fondo para la página. ||
|| BGCOLOR || Permite definir el color de fondo de la página. ||
|| BGPROPERTIES || Cuando es igual a FIXED el gráfico definido como fondo de la página permanecerá inmóvil aunque utilicemos las barras de desplazamiento. ||
|| TEXT || Cambia el color del texto. ||
|| LINK || Cambia el color de un enlace no visitado (por defecto azul). ||
|| VLINK || Cambia el color de un enlace ya visitado (por defecto púrpura). ||
|| ALINK || Cambia el color que toma un enlace mientras lo estamos pulsando (por defecto rojo). ||
|| LEFTMARGIN y TOPMARGIN || Especifican el número de pixels que dejará de margen entre el borde de la ventana y el contenido de la página. Se suelen utilizar para dejarlos a cero. ||
|| MARGINWIDTH y MARGINHEIGHT || Más o menos equivalentes a los anteriores, pero éstos funcionan en Netscape. ||





No resulta recomendable cambiar los colores del texto y enlaces a no ser que exista alguna dificultad al leerlos por haber cambiado el fondo, ya que en muchas ocasiones el usuario ha podido cambiarlos en las opciones de su navegador y estarán ya a su gusto.
[editar]
< anterior | 1 ... 2 3 4 5 6 7 8 ... 12 | siguiente >

Opinar
7 opiniones

ggggg

1111
hhh

hh
Se puede hacer un formulario dentro de otro?.

Tengo una duda sobre si se puede hacer un formulario dentro de otro?.
Curso excelente.

Muy buen material.
Programacion de paginas web.

El curso es bueno pues ofrece las pautas principales para tener en cuenta al diseñar una pagina web.
1 2 | siguiente >

Cursos gratis relacionados con 'Programación de páginas web (HTML y CSS)'

Programación de páginas web (HTML y CSS)
Práctico y ameno curso de HTML. El lenguaje HTML se basa en la sintaxis SGML,... Más »
Fundamentos de diseño de Sitios Web
Cuando hablamos de un sitio web nos estamos refiriendo en realidad a un conjunto de... Más »
HTML 2.0. Manual de Referencia
El HTML no es más que una aplicación del SGML (Standard Generalized Markup Language), un... Más »
Una Web es más que código
Una web es mucho más que abrir el block de notas y ponerse a tirar... Más »
El fascinante mundo de los virus informáticos
Completo curso acerca de los virus informáticos, historia, clasificación, protección...

Anuncios Google

Autor y licencia de 'Programación de páginas web (HTML y CSS)'


Curso gratis de Rafael Menéndez-Barzanallana Asensio. Extraido de: http://www.um.es/docencia/barzana CopyLeft
Este contenido ha sido recopilado por el equipo de Wikilearning. Todo el contenido recopilado se ha obtenido respetando y comunicando en nuestro site la licencia de cada fuente.
Wikilearning tiene permiso expreso por escrito de los autores para publicar los contenidos que ha extraído de otras webs, incluyendo su uso comercial.