Universidad Nacional Experimental de la Fuerza Armada
TSU Análisis y Diseño de Sistemas
Análisis y Diseño de Sistemas II


Manual Básico de HTML


El lenguaje HTML:

El lenguaje estándar usado en el Web para crear y reconocer documentos hipermedios es el Lenguaje de Marcado Hipertexto conocido como HTML (HyperText Markup Language). Este lenguaje está basado en la especificación conocida comoSGML (Standard Generalized Markup Language), que es un estándar para especificar un lenguaje de marcado de documentos.
HTML es ampliamente usado por su facilidad de uso. Un documento creado con HTML, por lo general se denomina página Web y se encuentra contenido en un archivo, estos archivos usualmente poseen el sufijo “html” o “htm” y no son más que archivos ASCII estándar de 7 bits con códigos paraformato que contienen información acerca del aspecto (estilos de texto, títulos de documentos, párrafos, listas) e hiperenlaces.
HTML es un lenguaje para describir documentos estructurados. Los elementos comunes de un documento son descritos a través de etiquetas (tags) HTML, todo aquello que no sea una etiqueta es parte del documento. Al separar la estructura de un documento de su apariencia,un browser puede darle formato al documento basado en las capacidades de cada plataforma individual, esto permite la independencia de la plataforma de hardware y software al momento de visualizar un documento HTML con un browser.
Con HTML se pueden crear lo que se denominan mapas de imágenes, los cuales son imágenes que poseen zonas que son hiperenlaces. Además, el lenguaje HTML permite crearelementos como cajas de texto, botones y menúes de ventana, para que una página Web permita a los usuarios escoger opciones e introducir datos que pueden ser usados para aplicaciones Web.

Figura 1: El código básico de un documento HTML

La etiqueta es la etiqueta de inicio e indica que es un documento HTML (la etiqueta indica el final del documento), los browsers en la actualidadinterpretan código HTML sin esta etiqueta.
La etiqueta indica el comienzo del encabezado del documento (y la etiqueta indica el fin de este encabezado).
Las etiquetas marcan el comienzo y final del título de la página, el título aparece en la barra superior del browser cuando es desplegada la página.
Las etiquetas y marcan el inicio y final del cuerpodel documento, generalmente todo el contenido de la página se encuentra entre estas dos etiquetas.
Las etiquetas

y

marcan el texto entre ellas como texto tipo encabezado 1, lo cual le da al texto un determinado tamaño y formato en la página.
Las etiquetas centran en el documento el texto entre ellas.
Las etiquetas son de tipo direcciones y el texto o imagenentre estas etiquetas es un hiperenlace a la dirección definida en la etiqueta UCV indica que el texto UCV es un hipertexto y enlace a la dirección dada por http://www.ucv.edu.ve/.
La etiqueta indica que el elemento de la página es una imagen, con altura de 74 pixeles y ancho de 74 pixeles, es posibleque una imagen sea un hiperenlace si se coloca entre las etiquetas .
La figura 4 muestra el documento correspondiente al código HTML de la figura 3, luego de ser interpretado por un browser, el texto “Universidad Central” tiene formato H1, las letras “UCV” son un enlace a la localización dada por http://www.ucv.edu.ve/ y abajo aparece el logo de la UCV. Las siglas http en las direccioneshttp://www... indican el protocolo empleado en el Web (hypertext transfer protocol). A través de este protocolo, al cual se hará referencia posteriormente, se transfieren documentos hipermedia.

Figura 2: La página con el ejemplo de HTML vista con un browser.

Marcas:
Las marcas delimitan elementos de un documento como cabeceras, párrafos, etc. La mayoría de marcas constan de una marca inicial,...