Manual HTML

elche0108Tesis5 de Diciembre de 2014

3.211 Palabras (13 Páginas)231 Visitas

Página 1 de 13

Manual HTML

Introducción

HTML (HyperText Markup Language) es el lenguaje utilizado para crear documentos de hipertexto. Los archivos HTML describen la distribución y estilo de cada uno de los elementos de una página de Web, a base de combinar el texto de la página con los diferentes comandos (etiquetas) del lenguaje. El resultado de la presentación de un documento HTML es muy similar a lo que se puede conseguir con un procesador de textos; sin embargo, el código HTML puede ser interpretado y visualizado en una gran variedad de entornos, desde una impresora de líneas hasta una sofisticada estación gráfica.

Los documentos HTML suelen tener asignada las extensiones htm o html (depende del sistema operativo), pero gracias a MIME es posible utilizar otras extensiones, sin más que alterar la correspondiente base de datos MIME de los clientes o servidores.

Sintaxis

Como se comento en un principio, HTML es un lenguaje que se basa en el uso de marcas o etiquetas que comienzan por el símbolo de menor que < y terminan con el símbolo de mayor que >, entre los símbolos y las etiquetas no deben existir espacios. <etiqueta>

Para determinar el ámbito en el que debe aplicarse una etiqueta, se debe indicar hasta dónde actúa, para ello se utiliza el mismo nombre de la etiqueta pero con el símbolo / antecediendo el nombre de ésta. En otras palabras, cada etiqueta de principio de acción, o sea <...> tiene una correspondencia con una etiqueta fin de acción </...>. Ahora bien, no sucede con todas la etiquetas como se verá mas adelante.

Una etiqueta puede contener atributos que especifiquen como se quiere que actúe la acción que desarrollará la etiqueta. El formato es: <etiqueta atributo=”valor” atributo=”valor” .. atributo=”valor”>

Todo documento HTML comienza con la etiqueta <html> y termina con </html>, aunque también puede comenzar con el comentario siguiente haciendo referencia a la versión del HTML a utilizar y enseguida la etiqueta <html>:

<html>

...

</html>

Para poner comentarios en un documento HTML se hace a través de la etiqueta:

HTML permite anidar etiquetas, es decir, agruparlas de forma que el efecto de presentación conseguido sea la suma de los efectos de cada etiqueta por separado. El siguiente ejemplo mostrará el texto en negrita más itálica

Esto es negrita e itálica

Existen unas reglas estrictas que fijan la forma en que se pueden anidar etiquetas. Los diferentes estándares de HTML recogen estas reglas, ya que no todas las combinaciones están permitidas, y como cualquier lenguaje de programación, HTML tiene un conjunto estricto de reglas, recogido en su DTD (Document Type Definition), que fijan la sintaxis correcta de un documento; estas reglas se centran en tres aspectos principales: estructura general de un documento, etiquetas y atributos disponibles, y posibles formas de combinar (anidar) etiquetas. Algunas de estas reglas son:

-En caso de que dos etiquetas estén anidadas, en ningún caso se deben solapar los efectos de dos etiquetas, es decir, hacer que el final de una etiqueta aparezca antes que el de otra insertada después de ella.

-Si se encuentra una etiqueta desconocida o mal escrita, es ignorada. El texto afectado por la etiqueta se muestra como si ésta no estuviese presente.

-Si se encuentra un atributo desconocido, con un valor erróneo o fuera de rango, se ignora y dicho atributo toma su valor por defecto.

-Si se encuentra una combinación de etiquetas anidadas no permitida, se presenta el efecto conjunto, siempre que entre dentro de las capacidades del browser. En caso contrario, sólo se representará la primera etiqueta procesada.

Cabe recordar que un documento HTML puro, puede ser desarrollado en cualquier editor de textos que genere código ascii, dicho documento será grabado con la extensión .html (o .htm según sea el caso), se sugiere que el nombre del mismo sea corto, que no involucre espacios ni caracteres especiales, y que se escriba en minúsculas para que sea más fácil su manejo.

Esquema principal de una página

Una página Web, se divide en dos partes: Cabecera y cuerpo. La cabecera proporciona información acerca del documento: título, autor, fecha de creación, indicaciones para el servidor, para el cliente, entre otras cosas. El cuerpo contiene el texto (contenido) de la página: información que se le va a presentar al usuario, la cual estará formateada con el conjunto de etiquetas que ofrece HTML.

A continuación se muestra la estructura general de una página HTML:

<html>

<head>

Esta parte corresponde a la cabecera de la página, y aquí se colocará el conjunto de etiquetas de acuerdo al formato (acción) que se desee tener (desarrollar) en esta parte

</head>

<body>

Esta parte corresponde al cuerpo de la página, y aquí se colocará el conjunto de etiquetas de acuerdo al formato (acción) que se desee tener (desarrollar) en esta parte

</body>

</html>

Cabe mencionar que en un momento dado se puede prescindir de la cabecera, y por lo tanto el cuerpo de la página se podría diseñar sin la necesidad de indicarlo con las etiquetas correspondientes a esta parte, aunque si se desea un diseño especial de la misma, si será necesario el uso de éstas, ya que como se verá a continuación, el formato global del fondo que podría tener la página, el color de los vínculos, así como el tamaño de la sangría que pudiera tener ésta, se definen con los atributos que soporta la etiqueta <body>

Cabecera de una página

Para indicar donde comienza la cabecera se hace a través de la etiqueta <head> y con </head> se indica el final de la parte correspondiente a la cabecera. Entre estas etiquetas puede ir una serie de etiquetas que permitan especificar las acciones que se desean tener como inicio. Algunas de las etiquetas que pueden ir en esta parte son:

Titulo del documento

<title> titulo que aparecerá en la parte superior del navegador o visualizador (barra de título), el cual servirá para identificar el contenido de la página </title>

Metainformación

A veces es necesario enviar al navegador que va a visualizar una página o al servidor donde se van a almacenar una serie de datos para los cuales no existen etiquetas HTML definidas, en estos caso se usa la metainformación. Este tipo de información se escribe usando la etiqueta <META> acompañada por cualquiera de los dos atributos (solo uno de éstos puede ir) siguientes, más el atributo content=”valor” que se asocia a cualquiera de estos atributos:

-NAME =”valor”, especifica el nombre de la información. Este elemento es el que se usa para que un cliente o servidor identifique de qué se trata. Y se refiere a nombres elegidos al azar por el usuario, sin más que garantizar que el destinatario sea capaz de entenderlos y utilizarlos.

-HTTP-EQUIV =”valor”, Es similar a NAME, salvo que está pensado para que un servidor HTTP lo procese y lo convierta en un campo más de la respuesta a una petición de un cliente, como parte de la información de protocolo HTTP. Es decir, que el “valor” tiene una cabecera equivalente en el protocolo HTTP y puede ser cualquiera de los campos de respuesta del protocolo HTTP; sin embargo, se debe ser cuidadoso con algunos de ellos, para evitar modificar alguno de los campos que el servidor genera (SERVER, DATE, entre otros).

El atributo CONTENT define el contenido del atributo name o del atributo http-equiv.

Por ejemplo, si se desea incluir información adicional sobre el documento y solo es utilizada por nosotros como: palabras claves, programa con el que se construyo la página, nombre del autor, etc.:

Ahora bien, si se desea proporcionar datos al servidor de HTTP para que genere campos de cabecera como por ejemplo: la fecha de caducidad de un documento que se actualiza periódicamente, se pondrá:

-para indicar el tipo de archivo que se contendrá:

-para generar solicitud automática de documentos (cliente pull), n es el número de segundos que deben transcurrir entre cada refresco, y URL la dirección a cargar. Este parámetro es opcional.

-si se desea que un documento se recargue automáticamente cada 5 segundos, se pone

-si se quiere que pasados 10 segundos se debe cargar otro documento se pone

-un uso muy interesante de <META> es garantizar que nunca se mantendrá una copia no actualizada de un documento en un caché de páginas o servidor proxy. Para ello, se utiliza:

...

Descargar como (para miembros actualizados) txt (22 Kb)

Leer 12 páginas más »

Leer documento completo Guardar

Disponible sólo en Clubensayos.com