miércoles, 27 de mayo de 2015

2.4 Estructura Global de un Documento

2.4 Estructura Global de un Documento









La estructura de un documento nos permitira conocer el inicio y el final del mismo ,sin dejar a un lado los contenidos ,los tamaños de la hoja y el marguen con el que contara y se dividen en zonas principales que son :
  • cabeza
  • titulo
  • cuerpo

Dentro de los apartados el contenido el distinto y puede manejar un numero mayor de etiquetas y clasificaciones que se complementan con el lenguaje  de programacion como java, css3 y otros mas.
Todo lo que se encuentra dentro de este documento se puede localizar mediante exploradores de internet siempre y cuando se cumpla con los requerimientos de localizacion de documentos.


  











http://moodle2.unid.edu.mx/dts_cursos_mdl/pos/TI/LP/S03/LP03_Visual.pdf

Un documento html .no es mas que texto definido entre las marcas:
<HTML>
.........
</HTML>
Un documeno HTML siempre se compone de las siguientes 2 partes:
<HTML>
 <HEAD>Cabecera del documento
</HEAD>
<BODY>Contenido del documento
</BODY>
</HTML>

  • Cabecera:SE inicia mediante el contenido >HEAD> y se termina con >/HEAD>,Dentro de la cabecera hay informacion del documento que no se ve en la pantalla principal y que presisa las caracteristicas del documento,principalmente el titulo del documento.
  • El titulo del documento se declara entre las etiquetas <TITLE> y </TITLE>. El titulo debe ser breve y descriptico de su contenido,pues sera lo que vean los demas cuando añadan nuestras paginas a su bookmark (o libros de direcciones favoritas).
  • Cuerpo:Se inicia mediantwe el comando <BODY> y se termina con el comando </BODY>.Este comando acepta numeros modificadores .Dentro del cuerpo del documento se incluye calquier caracter imprimible.
En practica algunos visualizadores no necesitan las etiquetas de comienzo y cierre de <HTML>.<HEAD>, y <BODY> para interpreta un docuemento HTTML.sin embargo cuando diseñemos una pagina web debemos tener en cuenta a la mayoria de usuarios posibles por lo que es muy recomendable incluir estas marcas.





La estructura básíca de un doumento html5 es:

<!DOCTYPE html> <html lang='es'> <head> <meta charset='utf-8' /> <title>Título de la página</title> <meta name='description' content='Descripción de la página'>. </head> <body> </body> </html>




Creación de documentos HTML
Los documentos HTML son archivos de texto legibles ASCII con códigos de composición especiales embebidos o incorporados en el texto. Esto significa que los archivos HTML contienen letras, números, signos de puntuación, etc., más los códigos de composición HTML. Insistimos, se pueden leer o modificar directamente desde el bloc de notas.



Aunque no es obligatorio, es muy útil utilizar la extensión .html al archivar el documento HTML desde el bloc de notas. Así podrás saber luego de que tipo de documento se trata. Si utilizas un procesador de texto normal debes utilizar la opción Guardar como texto ASCII.

Aspecto de documentos HTML:


Lo que distingue a un archivo HTML de cualquier otro archivo de texto es la presencia de códigos de composición, denominados marcadores HTML. Estos códigos se incluyen en el documento y sirve para controlar el formato y la presentación del documento final. Los códigos también sirven para crear hipervínculos con otros documentos.



Los códigos de composición se acotan con unos caracteres especiales, que permiten diferenciarlos del texto del documento propiamente dicho. Estos símbolos son los corchetes angulares < y >. Estos códigos no distinguen entre mayúsculas y minúsculas aunque la normalización W3C indique que debemos usar minúsculas.



Los distintos navegadores muestran sus documentos de formas distintas: varía el color, el tipo de fuente, el tamaño, etc. Por lo tanto debes pensar en tu documento como una entidad lógica y no física, reconociendo que el aspecto físico puede variar de un visor a otro y de un PC a otro. Por ejemplo, si introduces tipos de letra especiales (que se salgan de los corrientes que tienen todos los PCs, en Arial, Courier, Times o Helvetica) dentro de tu página web, cuando alguien la "vea" en Internet, visualizará esos tipos de letra si están instalados en su PC, si no los verá con el tipo de letra que tenga cargado por defecto en su navegador.
Marcadores o etiquetas HTML obligatorios:
Marcador <html>: todos y cada uno de los documentos HTML deben empezar y terminar con este marcador que sirve para indicar que se trata de un documento HTML. En el marcador de cierre es obligatoria la barra inclinada (/html).
En html 5 la prímera línea es <!DOCTYPE html>



Marcador <head>: los documentos HTML se dividen en dos partes, la cabecera y el cuerpo. Los navegadores Web necesitan distinguir entre cabecera y cuerpo para poder interpretar correctamente los documentos. En general la cabecera del documento (head) incluye la información general sobre el documento. Este marcador tienen su marcador de terminación con la barra inclinada (/head).



Marcador <body>: incluye el contenido real del documento (body o cuerpo). Este marcador tiene también su marcador de terminación con la barra inclinada </body>.
Cabecera del documento

Contiene información general sobre el documento HTML. Es obligatorio incluir el marcador <title>, el resto de los marcadores son opcionales.
Marcador <title>
Los navegadores muestran el título de cada uno de los documentos HTML que encuentran. El título que aparece se toma del contenido de este marcador. Este marcador debe aparecer con su pareja con la barra inclinada </title> y dentro de la sección <head>


<title>Esto es el título de la página</title>



Marcador <meta>

Las metatags son etiquetas html que se incorporan en el encabezado de una página web y que resultan invisibles para un visitante normal, pero de gran utilidad para navegadores u otros programas que puedan valerse de esta información.
Su propósito es el de incluir información (metadatos) de referencia sobre la página: autor, título, fecha, palabras clave, descripción, etc. Esta información podría ser utilizada por los robots de búsqueda para incluirla en las bases de datos de sus buscadores y mostrarla en el resumen de búsquedas o tenerla en cuenta durante las mismas y será invisible para un visitante normal.
Estas etiquetas también se usan para especificar cierta información técnica de la cual pueden valerse los navegadores para mostrar la página, como el grupo de caracteres usado, tiempo de expiración del contenido, posibilidad de dejar la página en cache o calificar el contenido del sitio ("programación web", "Oracle", etc.).



fuente:
https://anhurtado.wordpress.com/2014/02/25/estructura-global-de-html5/

nayeli juarez acosta. (06/6/2012). 2.4 Estructura Global de un Documento. 06/6/2012, de estructura Sitio web: https://anhurtado.wordpress.com/2014/02/25/estructura-global-de-html5/

No hay comentarios.:

Publicar un comentario