resumen xhtml v0.9999

Resumen xhtml v0.9999

Índice de contenidoSintaxis del manual.............................................................................................................................................3Http (Hypertext Transport Protocol) Protocolo de transporte de hipertexto......................................................4

El Protocolo Http...........................................................................................................................................4Estados de una comunicación http entre cliente-servidor..............................................................................4Petición http...................................................................................................................................................4

Url de la petición.......................................................................................................................................4Acción.......................................................................................................................................................4Cabeceras de petición................................................................................................................................5Cuerpo Http...............................................................................................................................................6

Respuesta http................................................................................................................................................6Estado........................................................................................................................................................7Cabeceras de respuesta..............................................................................................................................7Cuerpo Http...............................................................................................................................................8

Autenticación Http.........................................................................................................................................8Autenticación usuario-contraseña.............................................................................................................8Tipo de autenticación Usuario-Contraseña...............................................................................................9

Autenticación Simple (Basic)...............................................................................................................9Autenticación Digest (por hash).........................................................................................................10

XHTMLv4 Elementos comunes del estándar...................................................................................................12Conceptos básicos........................................................................................................................................12Especificación xhtml...................................................................................................................................12Estructura de un documento xhtml..............................................................................................................12Miembros comunes a todos los elementos xhtml........................................................................................12Etiqueta de encabezado................................................................................................................................13Etiqueta de cuerpo de página.......................................................................................................................13Etiquetas para estructurar el texto:..............................................................................................................13Etiquetas para alicar estilo al texto en deshuso (html4):.............................................................................13Listas............................................................................................................................................................14Gráficos........................................................................................................................................................14Hyperenlaces................................................................................................................................................14Imágenes......................................................................................................................................................14Tablas...........................................................................................................................................................14

Especificación genérica de una tabla:.....................................................................................................14Etiqueta Tabla:........................................................................................................................................14Etiqueta Fila:...........................................................................................................................................15Agrupaciones de Filas:............................................................................................................................15Agrupaciones de Columnas:...................................................................................................................15Etiqueta Celda:........................................................................................................................................15

Contenedores de agrupación........................................................................................................................15Subpáginas...................................................................................................................................................15Formularios de entrada de datos..................................................................................................................15

Declaración de formulario:.....................................................................................................................15Controles de formularios:........................................................................................................................16

XHTML5 Elementos del estándar....................................................................................................................16Etiquetas de estilos......................................................................................................................................16

Autor: José Manuel Oyola González, licencia creative commons Ir a Indice Página 1/20

http://creativecommons.org/licenses/by-nc-nd/3.0/


Etiquetas de contenido.................................................................................................................................16Etiquetas de elementos embebidos (plugins)...............................................................................................17Etiquetas de lienzo.......................................................................................................................................17Etiquetas de elementos multimedia.............................................................................................................17Etiquetas de formulario................................................................................................................................17

CSS Estilos.......................................................................................................................................................19Declaración de estilos..................................................................................................................................19Aplicación de estilos....................................................................................................................................19Definición y aplicación de estilos................................................................................................................19Unidades de medida en los valores de los estilos........................................................................................19

Apéndice A: Traducción de caracteres símbolos a código html.......................................................................20Apéndice B: Traducción de caracteres acentuados a código html...................................................................20Apéndice C: Traducción de caracteres griegos a código html.........................................................................20




Sintaxis del manual[Comando] : Cualquier comando entre corchetes implica que es opcional y puede omitirse.a | b | c : Cualquier comando unido a otro con el símbolo pipeline “ | ” implica “o”. Ej: A, o B, o C.<Interpretar> : Cualquier palabra dentro de los signos < y > (no negrita) se debe de interpretar.n...m : Números junto a la etiqueta especifica su cardinalidad (mínimo n, máximo m ocurrencias) y/o tipo.




Http (Hypertext Transport Protocol) Protocolo de transporte de hipertexto.El Protocolo HttpEL protocolo http es un protocolo de nivel superior OSI, normalmente sobre el protocolo tcp/ip y puerto 80 que permite el intercambio de mensajes entre un cliente-servidor.

Es un protocolo asíncrono (sin estados) basado en el simple flujo de petición (request) → respuesta (response):

Estados de una comunicación http entre cliente-servidor1.- El cliente prepara un paquete con la petición a enviar y realiza su petición a un destino (url).

2.- El servidor recibe la petición, la procesa y devuelve un paquete de respuesta como resultado.

Petición httpElementos que intervienen en una petición http son:

Url de la peticiónIdentifica el servidor, recurso y parámetros donde enviar la petición. Patrón de una url:

<protocolo>://[<autenticación>:/]<IPoFQDN>[:<puerto>][/<RutaaRecurso>][?<Parámetros>]

- Protocolos actualmente aceptados para http: http y https (http seguro)

- Autenticación: <usuario>@<contraseña>

- IP o FQDN del servidor donde se realiza la petición. P.ej.: 192.168.10.3 o www.google.com

- Puerto: Número de puerto tcp/ip por el que realizar la petición. P.def.: 80.

- Ruta al recurso http que se peticiona. P.ej.:/carpeta/archivo.php

- Parámetros enviados por url separados por '&'. Cada parámetro como <nombre>=<valor>

AcciónAcción que se demanda al servidor en la petición (debe de terminar en \r\n):


Acción \r\n


http://www.google.com/


<TipoAcción> <Recurso> <EstándarHttp>

- Tipos de acciones http contempladas en el estándar Http v1.0 (las obligatorias están subrayadas):

- GET Petición de recurso remoto. Espera una respuesta con el contenido del recurso como cuerpo.

- HEAD Petición de cabeceras de respuesta (igual a GET pero sin contenido).

- POST Petición de gestión remota de parámetros que viajan en las cabeceras de petición.

- PUT Petición de guardado de recurso en remoto. El contenido viaja en las cabeceras de petición.

- DELETE Petición de borrado de recurso remoto.

- PATH Petición de modificación parcial de recurso remoto.

- TRACE Petición de traza: El servidor devuelve la misma petición solicitada. Se utiliza para vigilar que

información es añadido/modificada por los servidores intermedios.

- OPTIONS Petición de acciones soportadas por el servidor. Permite verificar si soporta una acción.

- CONNECT Petición de conexión por tcp tunnel de una conexión https (utilizada en proxys http).

- Recurso: Ruta al recurso objeto de la acción.

- Protocolo y versión de la petición solicitada: HTTP/<VersiónProtocoloSolicitada>

Cabeceras de peticiónLas cabeceras http permiten intercambiar información de tipo diccionario (String) clave->valor entre el cliente y servidor.

Cada cabecera tiene el formato <clave>:<valor> (cada una debe de terminar en \r\n).

Si el valor estuviese formado por varios valores, cada uno se separará por el carácter ';'.

Tipos de cabeceras de petición (las más usadas):

Referentes a la información aceptada por el cliente como respuesta (p.ej.: el navegador web):

- Accept Tipo de contenido (tipo mime) aceptado como cuerpo de la respuesta.

- Accept[-Charset/-Encoding-Datetime] Tipo de tabla de caracteres/Compresión/Fechas aceptadas.

- Accept-Language Tipo/s de Lenguajes (códigos iso) aceptados por el cliente:

Accept-Language: <Lenguaje1>[;q=n] [,<LenguajeN>[;q=n]]

Preferencias de un lenguaje sobre otro (q): Valor decimal entre 0 y 1 (p.omisión es 1).

Referentes a autenticación/autorización del cliente con el servidor:

- Authorization Tipo de autenticación a enviar al servidor: <Tipo> <contenido>.

Autenticación httpv1.0 usuario/contraseña (* codif. en Base64): Basic usuario:contraseña*

Cookies del cliente

- Cookie Cookie/s previamente insertadas en el cliente desde el servidor.

Cuerpo enviado (si es el caso)




- Content-Length Longitud en bytes del cuerpo que acompaña a la petición.

- Content-MD5 Suma de control MD5 codificada en Base64 del cuerpo que acompaña a la petición.

- Content-Type Tipo de información (tipo mime) que acompaña a la petición.

Información del cliente

- User-Agent Cadena de identidad del cliente http.

- From Email del cliente que realiza la petición.

Información del servidor (recopilada por el cliente)

- Host FQDN y puerto del servidor donde se realiza la petición: <FQDN>:<Puerto>.

Información de la petición

- Date Fecha (del cliente) de cuando se realizó la petición.

Directivas para la cache de frescura (en cliente o proxies intermedios)

Especifican el almacenaje y uso del cache en base a un tiempo de caducidad del recurso en el mismo.

- Cache-Control Tipo de caché complejo a utilizar para la respuesta a esta petición. Tipos:

- no-cache No cachear la respuesta.

- no-store No cachear ni escribir en disco la respuesta (por temas de seguridad).

- max-age=<NºSegundos> Cachear la respuesta durante n segundos desde la petición.

- max-stale=<NºSegundos> Cachear durante n segundos más después de (max-age).

- min-fresh=<NºSegundos> No cachear la respuesta durante los n primeros segundos.

- no-transform Especifica a los proxies intermedios que no transformen el contenido de la respuesta.

- only-if-cached Cachear la respuesta sólo si no hay comunicación con el servidor.

- cache-extension Otros tipos de caché específicos del servidor (no estándar).

Directivas para la caché de tipo validación (en cliente)

El cliente verifica el cambio en servidor de la respuesta a su petición y en base a ello solicita o utiliza la

respuesta previamente cacheada.

- If-Unmodified-Since Recibir respuesta si no ha sido modificada (Max-Modified) desde la fecha.

- If-Modified-Since Recibir respuesta si ha sido modificada (Max-Modified) desde la fecha.

- If-Match Realizar petición si su ETag no ha sido modificado (válido para PUT).

- If-None-Match Recibir respuesta si su ETag ha sido modificado.

Cuerpo HttpEl cuerpo es un flujo de datos binario que puede acompañar al mensaje http en cualquier sentido. Se utiliza para cualquier subida o baja de información/archivo/s entre el cliente y servidor. El cuerpo se añade al final de las cabeceras y se especifica la información del mismo mediante cabeceras tipo content-*.

Respuesta http




Elementos que intervienen en una respuesta http son:

EstadoEspecifica el estado de la respuesta frente a la petición recibida. Patrón de un estado:

<protocoloHttp> <CódigoEstado> [<Mensaje>]

- Protocolo Http: <ProtocoloHttp>/<Versión>. P.Ej: HTTP/1.0

- Código estado: Código numérico de tres dígitos de estado de la petición (descripción de códigos):

- 1xx: Respuesta informativa.

- 2xx: Petición realizada correctamente.

- 3xx: Respuesta con redirección de cliente.

- 4xx: Error del cliente.

- 5xx: Error del servidor.

Cabeceras de respuestaLas cabeceras http permiten intercambiar información de tipo diccionario (String) clave->valor entre el cliente y servidor.

Cada cabecera tiene el formato <clave>:<valor> (cada una debe de terminar en \r\n).

Si el valor estuviese formado por varios valores, cada uno se separará por el carácter ';'.

Tipos de cabeceras de respuesta (las más usadas):

Referentes a autenticación/autorización requerida por el servidor:

- WWW-Authenticate Tipo de autenticación requerida por el servidor: <Tipo>.

Autenticación httpv1.0 usuario/contraseña: Basic

Cookies

- Set-Cookie Cookie/s a insertar en el cliente.

Cuerpo enviado (si es el caso)

- Content[-Encoding/-Language] Tipo de Compresión/lenguaje del cuerpo que acompaña la respuesta.

- Content-Length Longitud en bytes del cuerpo que acompaña a la respuesta.

- Content-MD5 Suma de control MD5 codificada en Base64 del cuerpo que acompaña a la respuesta.

- Content-Range Especifica en (respuestas multicuerpo) entre que rango del cuerpo se encuentra este.

- Content-Type Tipo de información (tipo mime) que acompaña a la respuesta.

- Content-Disposition Obliga al cliente a descargar como archivo (y no mostrar) el cuerpo de la respuesta:

Content-Disposition: attatchment;filename=”nombreArchivoADescargarEnCliente”

- Content-Location Especifica que el contenido del cuerpo de la respuesta estará en otro recurso del

servidor (por lo tanto no viajará con esta respuesta) y el cliente deberá de descargarlo aparte.

Información del servidor



http://es.wikipedia.org/wiki/Anexo:C%C3%B3digos_de_estado_HTTP


- Server Nombre del servidor http.

Información de la respuesta

- Status Estado de la respuesta: Status: <CódEstado> [<MensajeEstado>]

- Date Fecha (del servidor) de cuando se realizó la respuesta.

Redirecciones/Refresco de cliente

- Location Redirección simple. Location: <UrlRedirección>

- Refresh Redirección programada: Refresh: <NºSegundos>; url=”<UrlRedirección>”

- Retry-After Volver a intentar tras n segundos. Retry-After: <NºSegundos>

Directivas para la cache de frescura (en cliente o proxies intermedios)

Especifican el almacenaje y uso del cache en base a un tiempo de caducidad del recurso en el mismo.

- Expires Cacheo simple de la respuesta en cualquier caché hasta la fecha especificada.

- Cache-Control Tipo de caché complejo a utilizar para la respuesta a esta petición. Tipos:

- public Cachear en cualquier caché.

- private Cachear sólo en caché de cliente.

- no-cache No cachear la respuesta.

- no-store No cachear ni escribir en disco la respuesta (por temas de seguridad).

- no-transform Especifica a los proxies intermedios que no transformen el contenido de la respuesta.

- max-age=<NºSegundos> Cachear la respuesta en cualquier caché n segundos desde la petición.

- s-maxage=<NºSegundos> Cachear la respuesta en caché externo n segundos desde la petición.

Directivas para la caché de tipo validación (en cliente)

El cliente verifica el cambio en servidor de la respuesta a su petición y en base a ello solicita o utiliza la

respuesta previamente cacheada.

- Last-Modified Fecha (del servidor) de última modificación de la respuesta.

- ETag Identificador único de la respuesta (iguales respuestas tendrán el mismo identificador).

Cuerpo HttpEl cuerpo es un flujo de datos binario que puede acompañar al mensaje http en cualquier sentido. Se utiliza para cualquier subida o baja de información/archivo/s entre el cliente y servidor. El cuerpo se añade al final de las cabeceras y se especifica la información del mismo mediante cabeceras tipo content-*.Autenticación HttpMétodos para verificar la autenticidad del cliente frente al acceso y uso de recursos del servidor.Autenticación usuario-contraseñaEsta autenticación basa su funcionamiento en el envío de nombre de usuario y contraseña desde el cliente y posterior cotejo de los mismos en el servidor para poder acceder a un recurso del mismo.

Para especificar dicho usuario y contraseña existen dos métodos:




1. Desde la url hacia el recurso: <protocolo>://<usuario>@<contraseña><rutaARecurso>...

2. En el caso de que no se especifiquen en la url, algunos clientes (navegadores web) obligarán a introducirlos (tras una primera petición-respuesta sin ellos) mediante un formulario de login que nosinvitará a introducirlos. El cliente añadirá usuario y contraseña previamente introducidos a todas las peticiones siguientes al recurso.

Este caso es problemático, ya que los datos de usuario-contraseña-recurso son guardados en una caché de autenticación del mismo, y las únicas formas de que el cliente olvide dichos datos son las siguientes:

2.1. Cerrar el cliente (navegador).

2.2. Según cliente (navegador):

a) Cualquier cliente: Mandaremos una solicitud al recurso con usuario y contraseña equivocados, esto hará que el servidor nos dé por un usuario desconocido y nos deniegue el acceso.

b) Si es Internet Explorer (v<6), podemos mandar una página con código javascript que realice el borrado de la caché de autenticación: document.execCommand('ClearAuthenticationCache');

Tipo de autenticación Usuario-ContraseñaAutenticación Simple (Basic)En la autenticación simple el cliente transmite el usuario y contraseña “casi” en texto plano (codificados en Base64), lo que posibilitaría a cualquier asaltante del medio que pueda capturar los datos el saber los mismos si llegara a escuchar la conversación entre cliente y servidor. Está soportada a partir del protocolo http v1.0

Pasos de autenticación simple (Nota: toda cadena está representada entre comillas simples '):

1.- El cliente envía una petición sin autenticación a un recurso del servidor.

2.- El servidor verifica que en la petición venga la cabecera de autenticación 'Authorization'

2.1.- En caso negativo, el servidor envía una respuesta al cliente indicando:

2.1.1.- Que no está autorizado: Código de respuesta http número 401.

2.1.2.- La necesidad de autenticarse (cabecera WWW-Authenticate) con los siguientes valores:

Cabecera: 'WWW-Authenticate', Valor: '<TAutenticación><Spc>realm="<realm>"'

- <TAutent> Tipo de autenticación: “Basic”

- <Spc> Espacio.

- <realm> Mensaje a mostrar en el formulario de login del cliente.

2.2.- En caso afirmativo, el servidor verifica la información del contenido de la cabecera Authorization

que debe de ser una cadena (en base64) conteniendo la información de “usuario:contraseña”:

Cabecera: 'Authorization', Valor: '<Base64Login>'

- <Base64Login> Base64 de la cadena: '<usuario>:<contraseña>'




2.2.1.- En caso de no estar autorizado, pasamos al punto 2.1.

2.2.2.- En caso de estar autorizado, devuelve el recurso peticionado.

Autenticación Digest (por hash)La autenticación digest es similar a la simple pero evita mandar la contraseña original mandando su hash en vez de ésta, además que añade un protocolo de desafío entre cliente y servidor que añade ofuscación al sistema. Está soportada a partir del protocolo http v1.1

Pasos de autenticación por hash (Nota: toda cadena está representada entre comillas simples '):

1.- El cliente envía una petición sin autenticación a un recurso del servidor.

2.- El servidor verifica que en la petición venga la cabecera de autenticación 'Authorization'

2.1.- En caso negativo, el servidor envía una respuesta al cliente indicando:

2.1.1.- Que no está autorizado: Código de respuesta http número 401.

2.1.2.- La necesidad de autenticarse (cabecera WWW-Authenticate) con los siguientes valores:

Cabecera: 'WWW-Authenticate', Valor:

'<TAutent><spc>realm="<realm>",<CrLf>qop="qop",<CrLf>nonce="<nonce>",<CrLf>opaque="<opaque>"'

- <TAutent> Tipo de autenticación: “ Digest”

- <Spc> Espacio.

- <realm> Mensaje a mostrar en el formulario de login del cliente.

- <CrLf> Retorno de carro + Salto de línea: '\r\n'

- <qop> Calidad/es de la protección separadas por coma: 'auth,auth-int' (autenticación y ocultación)

- <nonce> Id único generado por el servidor en cada petición con respuesta 401. Típicamente es la

codificación en base64 de: '<IPCliente>:<TimeStamp>:<ContraseñaPrivada>'

- <opaque> Cadena de desafío que el cliente tendrá que devolver cuando vuelva con la autenticación.

Típicamente es la codificación en base64 de un identificador único enrevesado.

2.2.- En caso afirmativo, el servidor verifica la información del contenido de la cabecera authorization que

debe de ser:

Cabecera: 'Authorization', Valor: '<Tautent><Spc>username=”<username>”,<CrLf>realm=”<realm>”,<CrLf>nonce=”<nonce>”,<CrLf> uri=”<uri>”,<CrLf>qop=”<qop>”,<CrLf>nc=<nc>,<CrLf>cnonce=”<cnonce>”,<CrLf> response=”<response>”,<CrLf>opaque=”<opaque>”' - <Spc> Espacio.

- <CrLf> Retorno de carro + Salto de línea: '\r\n'

- <TAutent> Tipo de autenticación: “ Digest”

- <username> Nombre de usuario.

- <realm> Mensaje de formulario de login del cliente enviado previamente por el servidor.

- <qop> Calidad/es de la protección utilizada: 'auth,auth-int' (autenticación y ocultación)




- <nc> Calidad/es de la protección utilizada: 'auth,auth-int' (autenticación y ocultación)

- <nonce> Id único nonce enviado previamente por el servidor.

- <uri> Ruta al recurso que se pretende utilizar: '<RutaARecursoDesdeRaíz>'

- <opaque> Cadena de desafío que el cliente tendrá que devolver cuando vuelva con la autenticación.

Típicamente es la codificación en base64 de un identificador único enrevesado.

- <response> Cadena de respuesta calculada en tres partes:

1.- <ha1>=Hex(MD5('<username>:<realm>:<password>))

2.- <ha2>=Hex(MD5('<AcciónHttp>:<uri>))

<AccionHttp> Acción http para recuperar el recurso: GET, POST, ...

3.- <response>=Hex(MD5('<ha1>:<nonce>:<nc>:<cnonce>:<qop>:<ha2>))

2.2.1.- En caso de no estar autorizado, pasamos al punto 2.1.

2.2.2.- En caso de estar autorizado, devuelve el recurso peticionado.



XHTMLv4 Elementos comunes del estándarConceptos básicosComentarios URL (Ruta absoluta a un recurso) URI (Ruta relativa a un recurso)



<Protocolo>://<IPoDN>[/<Proyecto>]/<Ruta> - Ej.: http://127.0.0.1/MiProy/index.html - Ej.: http://localhost/index.html

A carpeta actual: <RutaDesdeAquí>A proyecto web: /<RutaDesdeRaíz>A aplicación web: ~/<RutaDesdeApp>

Elemento Html (Tipos): - Texto: Texto simple sin ninguna marca. - Etiqueta : < <NombreEtiqueta> [<ListaAtributosSeparadosPorEspacio>] > <contenido (cuerpo de la etiqueta)> </ <NombreEtiqueta>> - Atributos en ambos tipos de etiquetas: <NombreAtributo>=”<ValorAtributo>” - Valores de Atributos: Texto, Unidades (n<tipoUnidad>), Colores (#RRGGBB, blue). - Tipos de unidades (absolutas): pt (punto): 0.35mm, in/mm/cm/pc (pulgada/mm/cm/pica): 2,54cm/1/10/4.23mm. - Tipos de unidades (relativas): %: porcentaje, em/ex: tamaño letra M/x de la fuente en uso, px: pixel

Editores xHtml (WYSIWYG): BlueGriffon (Antiguo compozer, Kompozer y Nvu),Editores xHtml (código): Bluefish, Aptana Studio (basado en eclipse)

Especificación xhtmlXHTML: Estandarización del lenguaje html basándose en la normalización xml en forma de árbol. Normas: - Especificación xml del documento en su encabezado: <?xml version="1.0" encoding="UTF-8"?> - Tipo, descripción y síntaxis del documento: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> - El elemento html se marcar con el dtd estándar: <html xmlns="http://www.w3.org/1999/xhtml"> - Existe un elemento de metadatos que informa a los buscadores que es un documento text/html. - Los nombres de etiqueta, de atributos y valores serán todos en minúsculas. - Si una etiqueta no tiene cuerpo, se puede eliminar su marca de fin de etiqueta, siendo obligatorio en este caso especificarlo en su marca de inicio de etiqueta terminándola en “/>”. P.Ej.: <br></br> sería equivalente a: <br/> - Los atributos booleanos (selected, checked,...), tienen como valor su mismo nombre. P.Ej.: checked=”checked” - Al menos debe de aparecer un elemento div en la página, p. ej., en el body:

Estructura de un documento xhtml<?xml version="1.0" encoding="UTF-8" ?>1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">1

<html xmlns="http://www.w3.org/1999/xhtml">1

<head>1...1 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>1...1 txt </title> </head> <body>1...1

<div>0...n  </div> </body> </html>

Miembros comunes a todos los elementos xhtmlPropiedades intrínsecas de la etiqueta (aparecen en el DOM): - Name: Nombre de la etiqueta. - Type: Tipo de la etiqueta (Text=Etiqueta de texto, Label=Etiqueta). - Parent: Etiqueta padre (el elemento raíz “Document” no tiene padre). - Content: Etiquetas contenidas en el cuerpo (etiquetas hijas). Atributos comunes de elementos xhtml: - id Identificador único del elemento en todo el documento. - name Identificador único de elemento de formulario (en deshuso, ya que id lo reemplaza).


- title Texto emergente del elemento al posar el ratón sobre él. - alt Descripción de elemento que se mostrará/leerá en navegadores adaptados a discapacitados. - lang Lenguaje en el que está especificado el elemento. - dir Dirección del texto: RTL (Der. a izq.), LTR (Izq. a Der.). - class Tipo de clase de estilo a aplicar. - style Estilo inline CSS a aplicar.

Etiqueta de encabezado<head>1 <contenido> </head> Encabezado de la página con información para buscadores y comportamiento. - Atributos: Ninguno. - Contenido: - <title>1 <título>txt </title> Título de la página. - <link <Atributos>/>n Archivo incluido o anexado al documento actual. Atributos: - rel=”<Relación>” Tipo de relación que tiene el archivo a anexar con el documento actual (icon,stylesheet,...) - href=”UrlAlArchivo” Url al archivo a anexar. - <meta <Atributos>/>n Metadatos que permiten especificar propiedades de la página. Atributos por tipo: Atributos de metadatos para que los robots (bots) de los buscadores indexen nuestra página: - name=”title” content=”<Título>” Título de la página. - name="keywords" content="<palabra1> [, ...<palabraN>" Palabras clave por las que indexarán. - name="description" content=”<descripción>” Descripción de la página. - name="language" content=”<lenguaje>” Lenguaje de la página. - name="author" content=”<autor>” Autor de la página. - name="revisit" content=”<nºdías>” Nº de días para que el bot vuelva a visitar la página. - name="robots" content=”<tipo> [,... <tipoN>]” Tipo y contenido que se indexará. Posibles valores: index / noindex (Si / No), follow / nofollow (seguir/no seguir enlaces), all/none (index+follow/noindex+nofollow) Atributos de metadatos de comportamiento de página: - http-equiv="Content-Type" content="text/html; charset=UTF-8" Tipo mime y codificación de caracteres. - http-equiv="refresh" content="<Xsg>" url=”<uri>” Redirigir página automáticamente a uri en x segundos. - http-equiv="pragma" content="no-cache" No cachear la página en cliente. - http-equiv="expires" content="<fechaGTM>" Caducidad absoluta de la página en caché del cliente.

Etiqueta de cuerpo de página<body <Atributos>>1 <contenido> </body> Cuerpo de la página conteniendo su contenido. - Atributos: - marginwidth/marginheight=”n” Tamaño del margen horizontal/vertical de página. - leftmargin/topmargin/rightmargin/bottommargin="n” Tamaño del margen (izq., sup., der., inf.) especificado. - background=”<Url/UriAImagen>” Especifica una imagen de fondo para la página. - Contenido: Cualquier etiqueta o texto de nivel inferior.

Etiquetas para estructurar el texto:<hx> <texto>txt </hx> Tipo de estilo encabezado nivel x (1mayor – 6menor) aplicado al contenido.<p <Atributos>> <contenido> </p> Define un párrafo con su contenido. Atributos: - align=”<Tipo>” Alineacion del párrafo. Tipos: left (izquierda), right (derecha), center (central), justify (justificada).<br/> Salto de línea.<blockquote> <contenido> </blockquote> Sangrado del contenido (se pueden anidar sandrados).<pre> <contenido> </pre> Texto preformateado (permite insertar texto con acentos, retornos de carro, tabuladores).<label> <texto>txt </label> Texto etiqueta (texto simple) pero puede tener id y, por tanto, manipular con jscript.

Etiquetas para alicar estilo al texto en deshuso (html4):<font <Atributos>> <contenido> </font> Tipo de fuente aplicado al contenido. Atributos: - size=”x” Tamaño de letra de x (7mayor – 1menor). - color=”<color>” Color de letra. - face=”<FuenteDelSistema1>[ ,<FuenteDelSistema2>, ...] ” Tipo de fuente de S.O. a utilizar (la primera disponible).<XX> <contenido> </XX> Atributo de fuente aplicado al contenido, donde XX puede ser: b (negrita), strong (ResaltadaResaltada), i (inclinada), u (subrayada), strike (tachada), em (“émfasis”), blink (intermitente), code (ancho fijo),sup (superíndice), sub (subíndice), big (grande), small (pequeña).




Listas<ol <Atributos>> <ContenidoDeLista>n </ol> Lista numerada. Atributos: - start=”n” Inicio de numeración (por defecto, 1). - type=”<tipo>” Tipo de numeración. Tipos: 1 (decimal), a | A (alfabética), I | i (romana).<ul <Atributos>> <ContenidoDeLista>n </ul> Lista de viñetas. Atributos: - type=”<tipo>” Tipo de viñeta. Tipos: square (cuadrados), circle (circulos).Contenido de lista: <li> <contenido>n </li> Elemento de la lista.

Gráficos<hr <Atributos>/> Rectángulo horizontal. Atributos: - width=”n” Anchura. - size=”n” Altura.

Hyperenlaces<a <Atributos>> <ContenidoVisualDelEnlace> </a> Hyperenlace (salto) a una nueva Url/Uri. Atributos: - href=”<url/uri>[#<NombreSeccion>]” Destino del enlace [y sección de página]. - email: “mailto:<email>[?[&cc=<...>][&cco=<...>][&subject=<...>][&body=<...>]]” %20=” “, %0D%0A=“\r\n” - target=”<NombreVentana>” Abrir el enlace en una nueva ventana del navegador. - tabindex=”n” Indice de tabulación del enloace con respecto a los demás controles de página. - name=”<NombreSeccion>” Se utiliza para especificar una sección de página: <a name=”NombreSeccion”/>.

Imágenes<img <Atributos>/> Imágen enlazada. Atributos: - src=”<url/uriAImagen>” Origen de la imagen que mostrará. - align=”<Tipo>” Alineación de la imagen: top (Arriba), botton (Abajo), middle (Central), left (Izq.), right (Der.). - width/height=”n” Redimensionar la imagen a ancho/alto específico. - border=”n” Anchura del borde de la imágen. - hspace/vspace=”n” Espacio horizontal/vertical al texto que la rodea. - usemap=”#<NombreMapa>” Imagen sensible a click por zonas especificadas en el mapa de coordenadas. - ismap=”ismap” Imagen sensible a click, mandando las coordenadas a otra página (<a href=””><img ...></a>).Definición de mapa: <map name=”<Nombre>”> <EtiquetaArea>n </map> (Definir en la pág. antes de su uso). - Def. Área: <area shape=”<TipoArea>” coords=”n,n,n, … ” href=”url” Alt=””> Región, coord., destino y txt alt.. - Def. Tipo Áreas: rect (coords: x1,y1,x2,y2), circ (coords: x,y,radio), poly (coords: x1,y1,x2,y2,x3,y3,...,x1,y1)

TablasEspecificación genérica de una tabla: <table <AtributosTabla>> [ <caption> <DescripciónTabla> </caption>] <FilasY/OAgrupacionesDeFilas(tr, thead, tbody o tfoot)> [<AgrupacionesDeColumnas(Colgroup)>] </table>

Etiqueta Tabla: <table <AtributosTabla>> <Contenido> </table> Etiqueta de tabla. Atributos: - summary=”<Descripción>” Descripción de la tabla. - align=”<Tipo>” Alineación de la tabla: top (Arriba), botton (Abajo), middle (Central), left (Izq.), right (Der.). - width/height=”n” Redimensionar la tabla a ancho/alto específico. - cellpadding=”n” Espacio entre el borde de la tabla y su contenido. - cellspacing=”n” Espacio entre los bordes de la tabla. - border=”n” Anchura del borde de la tabla. - bordercolor=”<color>” Color del borde de la tabla. - bgcolor=”<color>” Color de fondo de la tabla. - background=”<Url/UriAImagen>” Especifica una imagen de fondo para la tabla. - hspace/vspace=”n” Espacio horizontal/vertical al texto que la rodea. - frame=“<TipoBorde>” Tipo bordes externos de la tabla: void (ninguno), box/border (4 bordes), above (superior),




below (inferior), lhs (izq.), rhs (der.), hsides (arriba y abajo), vsides (izq. y der.). - rules=“<TipoBorde>” Tipo bordes internos de la tabla: none (ninguno), all (todos), rows (filas), cols (columnas), groups (grupos de filas/columnas).

Etiqueta Fila: <tr <AtributosFila>> <ContenidoDeFila(Celda/s)> </tr> - summary=”<Descripción>” Descripción de la tabla.

Agrupaciones de Filas: <thead <AtributosComunesDeFila>> <Fila/s>0/1 </thead> Agrupación de filas de encabezado de página. <tbody <AtributosComunesDeFila>> <Fila/s>0/n </tbody> Agrupación de filas de cuerpo de página. <tfoot <AtributosComunesDeFila>> <Fila/s>0/1 </tfoor> Agrupación de filas de pié de página.

Agrupaciones de Columnas: <colgroup> <EtiquetasCol>n </colgroup>] - <col <AtributosComunesDeColumna>> Atributos: Igual a los de una celda.

Etiqueta Celda: <[th|td] <AtributosCelda>> <Contenido> </[th|td]> Atributos: - rowspan/colspan=”n” Celdas consecutivas en la misma fila/columna que se unificarán en una sola celda. - align=”<Tipo>” Alineación horizontal del contenido: Center (Central), left (Izq.), right (Der.). - valign=”<Tipo>” Alineación vertical del contenido: top (Arriba), botton (Abajo), middle (Central). - width/height=”n” Redimensionar la celda a ancho/alto específico (en deshuso). - border=”n” Anchura del borde de la celda. - bordercolor=”<color>” Color del borde de la celda. - hspace/vspace=”n” Espacio horizontal/vertical al texto que la rodea. - background=”<Url/UriAImagen>” Especifica una imagen de fondo para la celda. - bgcolor=”<color>” Color de fondo de la celda.

Contenedores de agrupaciónEtiquetas que permiten agrupar elementos para aplicar a todos ellos atributos y estilos comunes. <span <Atributos>> <Contenido> </span> Etiqueta de agrupación inline (no contiene otras etiquetas). <div <Atributos>> <Contenido> </div> Etiqueta de agrupación (puede contener otras etiquetas). Atributos: - position Estilo de posicionamiento del contenedor con respecto a su contenedor padre y el flujo del documento: - static Posición según donde se encuentre la etiqueta en el flujo html (por defecto). - absolute Posición absoluta al contenedor no static ascendente más cercano (siendo el raíz <body>). - relative Posición relativa a donde se encuentre la etiqueta en el flujo html. - fixed Posición relativa a los bordes de donde se muestra la página en el navegador web (aunque se desplace). - float Posición flotante relativa al contenedor no static ascendente más cercano (siendo el raíz <body>). (el texto de los contenedores de niveles inferiores se distribuye en su contorno). - top/left/botton/right Posición ± con respecto al borde superior/izquierdo/inferior/derecho. - botton/right Posición ± con respecto al borde inferior/derecho de su contenedor padre. - width/height Anchura y altura con respecto a su contenedor padre. -

Subpáginas <frameset <Atrib.>> <frame>1/n <noframes>0/1 </frameset> Especifica que la página contiene subpáginas. Atrib.: - rows/cols=”<r1>% [, <r2>% ,...,<rN>%]” Define cuantas columnas/filas existirá y su relación en anchura/altura relativa en porcentaje con respecto al contenedor. <noframes> <Cuerpo> </noframes> Etiqueta con el contenido a mostrar en navegadores que no soporten frames. <frame <AtributosFrame> /> Etiqueta que especifica un frame, su origen y su aspecto. Atributos: - src=”<Url/Uri>” Especifica donde se encuentra la subpágina. - name=”<Nombre>” Nombre de la subpágina.

Formularios de entrada de datos.Declaración de formulario: <form <Atributos>> <Contenidos>1/n </form> Especifica un formulario de entrada de datos que puede contener en




su cuerpo controles html cuyo valores serán enviados a una página destino. Atributos: - name=”<Nombre>” Nombre del formulario (obsoleto en xhtml). - id=”<Identificador>” Identificador único del formulario. - method=”<MetodoEnvio>” Método de envío de los datos a la pág. destino: get (en url), post (por cabecera). - action=”<Url/Uri>” Especifica donde se mandarán los datos obtenidos al ejecutar submit (envío). - enctype=”<TipoDatos>” Especifica tipo de datos a enviar (subida de archivos: “multipart/form-data”).

Controles de formularios: Atributos comunes: - name=”<Nombre>” Nombre del control (se devolverá junto con su valor) (obsoleto en xhtml). - id=”<Identificador>” Identificador único del control (se devolverá junto con su valor). - disabled=”disabled” Especifica que el control está deshabilitado. - tabindex=”n” Indice de tabulación del enlace con respecto a los demás controles de página. <input <Atributos> /> Control de entrada genérico. Atributos: - type=”<TipoEntrada>” Tipo de control de entrada genérico. Tipos disponibles: - text Caja de texto editable. - password Caja de texto editable tipo contraseña. - hidden Caja de texto no visible. - file Caja de texto editable para subida de archivo (caja de texto con ruta + botón navegar). - checkbox Casilla de verificación. Atributos: Value=”ValorADevolverSiChequeada”. - radio Casilla de verificación en grupo. Atrib.: Name=”NombreGrupo”, Value=”ValorADevolverSiChequeada”. - submit Botón de envío de datos del formulario. Atributos: Name=”TextoDelBoton”. - reset Botón de reinicialización de valores por defecto en los controles. Atributos: Name=”TextoDelBoton”. - size=”n” Tamaño en anchura del control (text, password). - maxlength=”n” Máximo número de caracteres de entrada (text, password). - value=”<txt>” Texto inicial (text, password, hidden, file), a devolver (checkbox, radio) o del botón(submit, reset). - readonly=”readonly” Especifica que el control no es modificable (text, password). - checked=”checked” Especifica que el control está seleccionado (checkbox, radio). <select <Atributos> > <Elementos> </select> Control de entrada tipo lista de elementos seleccionables. Atributos: - size=”<n>” Número de filas de la lista. Si es 1, el control será una lista desplegable (un combo). - multiple=”multiple” Especifica que la lista es de selección múltiple (tecla control pulsada). Elementos: <option <Atributos> > <TextoAMostrar> </option> Elemento de la lista. Atributos: - value=”Identificador” Indica el valor alternativo a devolver en caso de estar el elemento seleccionado. - selected=”selected” Indica que el elemento estará seleccionado inicialmente. <textarea <Atributos> > <TextoAMostrar> </textarea> Elemento de entrada de texto multilinea. Atributos: - rows/cols=”n” Indica el largo/ancho del cuadro de texto.

XHTML5 Elementos del estándarEstándares que soporta: Html4, XHtml1, DOMv2Elementos nuevos: - Etiquetas multimedia: Audio, Video, etc. - Canvas: Elemento que permite realizar animaciones multimedia sin necesidad de elementos externos. - Base de datos local (reemplazo de cookies). - Web Workers (procesos en segundo plano). - Web socket (aplicaciones de red sobre html). - Aplicaciones web offline. - Geolocalización. - Apis ampliadas de gui (drag & drop,...). - Separación entre contenido y presentación: Presentación únicamente desde css (no desde atributos).

Etiquetas de estilos <mark> <texto> </mark> Especifica texto remarcados.

Etiquetas de contenido




<article> <Contenidos>1/n </article> Especifica un artículo periodístico, entrada de blog, etc... <header> <Contenidos>1/n </header> Especifica un encabezado en un documento o sección. <footer> <Contenidos>1/n </footer> Especifica un pié en un documento o sección. <aside> <Contenidos>1/n </aside> Especifica un contenido adjunto en un documento o sección. <section> <Contenidos>1/n </section> Especifica una sección en un documento (capitulo, encabezado, pié, ...). <nav> <Etiqueta/sA>1/n </nav> Especifica una sección de etiqueta/s de enlace (válido para lectores).

Etiquetas de elementos embebidos (plugins) <embed <Atributos>/> Especifica un elemento embebido (plugin) en el navegador. Atributos: - src=”<URIAArchivo>” Ruta hacia el elemento embebido. - type=”<TipoMIME>” Tipo MIME del elemento embebido. - width/height=”<n>” Anchura/Altura del elemento embebido.

Etiquetas de lienzo <canvas <Atributos>/> Especifica un lienzo (canvas) para dibujar desde javascript. Atributos: - width/height=”<n>” Anchura/Altura del elemento embebido.

Etiquetas de elementos multimedia <video <Atributos>> <ElementoMultimedia>1/n </video> Reproductor de vídeo embebido. <audio <Atributos>> <ElementoMultimedia>1/n </audio> Reproductor de audio embebido. - Atributos comunes: - width/height=”<n>” Anchura/Altura del reproductor. - autoplay=”autoplay” Empezar la reproducción al cargarse la página. - controls=”controls” Mostrar los controles de reproducción. - loop=”loop” Repetir la reproducción al terminar. - mute=”mute” Silenciar el reproducción. - preload=”<TipoPrecarga>” Precargar el video en el cliente: auto (automático), none (nunca), metadata (parte). - Especificación de elemento multimedia: <source <Atributos>/> Especifica un elemento multimedia a reproducir. Atributos: - src=”<URIAArchivo>” Ruta hacia el elemento multimedia. - type=”<TipoMIME>” Tipo MIME del elemento multimedia.

Etiquetas de formularioNuevos atributos en etiquetas input: - placeholder=”<TextoIndicativo>” Permite poner un texto en el control cuando está vacío. - autofocus=”autofocus” Permite activar el foco por defecto en el control en la carga de la página. - autocomplete=”autocomplete” Autocompletado en base a la lista de elementos definidos en list. - list=”<IdDataList>” Lista de elementos para el autocompletado (identificador de elemento datalist).Nuevos tipos de controles de entrada input autovalidados: <input type=”tel/number/url/email” <Atributos>/> Controles de teléfono/número/url/email. <input type=”date/time/datetime/datetime-local/month/week” <Atributos>/> Controles de fecha/hora/...Nuevos tipos de controles de entrada input con apariencia y comportamiento: <input type=”search” <Atributos>/> Control de entrada para búsquedas permitiendo autocompletado. <input type=”color” <Atributos>/> Control de entrada para elegir un color. <input type=”range” <Atributos>/> Control de entrada deslizante tipo rango.Lista de elementos para los controles de entrada con autocompletado (atributo list). <datalist id=”<id>”> <EtiquetaSelect> </datalist> Cada elemento como un option dentro de select..Nuevos tipos de controles de entrada de visualización: <meter <Atributos>/> Representa un valor dentro de una escala. Atributos: - value=”<n>” Valor actual. - min/max=”<n>” Valores máx./mín. de la escala. - optimum=”<n>” Valor óptimo en la escala. - high/low=”<n>” Valores a destacar como alto/bajo en la escala. <progress <Atributos>/> Representa una barra de progreso. Atributos: - value=”<n>” Valor actual del progreso.




- max=”<n>” Valor máximo de la escala (se entiende 0 como el mínimo). <keygen <Atributos>/> Generador de pares de claves (envía Kpub al servidor y guarda Kpriv en cliente. Atributos: - keytype=”<TipoClave>” Tipo de algoritmo a utilizar (rsa / dsa / ec). - challenge=”challenge” Especifica que la clave será verificada antes de ser enviada. <output <Atributos>/> Representa el resultado de un cálculo realizado en un script interno. Atributos: - name=”<ID>” Nombre/ID del control que es utilizado en el script interno para representar la salida. - for=”<ID1> [… <IDN>]” Nombre/s/ID/s del/os controles que son utilizados en el script como operandos.




CSSCascade Style Sheet (CSS) representa el estándar de hojas de estilo aplicables a un documento html.

Css aporta separación de estilo y contenido, reutilización de estilos y facilidad en el código.

Estándares CSS:

- CSS1. Formatos del texto, párrafo, fondo, colores, márgenes y listas.

- CSS2. Posicionamiento (capas, CSSP), soporte de XML, fuentes descargables, funciones de impresión,

y algunos comportamientos.

- CSS3. (En borrador). Soporte para texto vertical, columnas. Comportamientos avanzados e integración

con gráficos y fuentes.

Declaración de estilosTipos de declaración de estilos: - Dentro del mismo documento xhtml: - Privado de etiqueta (declarado y aplicado en ella): <etiqueta style=”<Estilo1>; ... <EstiloN>; ” > … </etiqueta> - Privado de documento (definición de estilos declarados en el apartado head del documento xhtml): <head> … <style type=”text/css”> <definiciónDeEstilo/s> </style> … </head> - Definición de estilo/s declarado/s en archivo/s de texto plano “.css” externo/s: - Declaración de archivo css externo (multilínea): <DefEstilo1>{<estilo1>;...; } ↵ <DefEstilo2>{<estilo1>;...; }… ↵ <DefEstiloN>

- Enlace a archivo css externo (declarado en el apartado head del documento xhtml): <head> … <link href=”<URIaCss>” rel=”stylesheet” type=”text/css” /> … </head>

Aplicación de estilos- Privado de etiqueta (atributo style): La declaración implica la aplicación en la misma etiqueta.- Privado de documento: Se aplica a las etiquetas coincidentes del mismo documento xhtml.- Archivo css externo (enlace en etiqueta head): <link href=”<URLaCss>” rel=”stylesheet” type=”text/css” />

Definición y aplicación de estilosDefinición de un conjunto de estilos: <DefEstilo>{<Estilo1>;<Estilo2>; ... <EstiloN>; } - <DefEstilo> Definición del nombre del estilo. Aplicación a etiquetas en el documento según prefijo y nombre: <NombreEtiqueta> Se aplicará a todas las etiquetas con mismo nombre del documento xhtml asociado. #<Id> Se aplicará a la etiquetas con mismo id del documento xhtml asociado. .<NombreEstilo> Se aplicará a la etiquetas con mismo <nombreEstilo> en su atributo class. - <EstiloX> Estilo css a aplicar: Puede ser un estilo o una definición previamente creada (herencia de estilos).

Unidades de medida en los valores de los estilos<n>px Pixeles.<n>pt Puntos (fuentes).<n>% Porcentaje.#<RRGGBB> Color RGB.<ContanteInglés> Color.




Apéndice A: Traducción de caracteres símbolos a código htmlC Código C Código C Código C Código C Código C Código C Código

“ " ⇐ ⇐ ∀ ∀ − − ∫ ∫ ⊃ ⊃ ¢ ¢

& & ⇑ &uArr; ∂ ∂ ∗ &lowast; ∴ &there4; ⊄ &nsub; £ £

< < ⇒ ⇒ ∃ ∃ √ √ ∼ &sim; ⊆ &sube; ¤ ¤

> > ⇓ &dArr; ∅ ∅ ∝ &prop; ≅ &cong; ⊇ &supe; ¥ ¥

← ← ⇔ ⇔ ∇ ∇ ∞ ∞ ≈ ≈ ⊕ &oplus; ¦ ¦

↑ ↑ ◊ &loz; ∈ ∈ ∠ &ang; ≠ ≠ ⊗ &otimes; § §

→ → ♠ &spades; ∉ ∉ ∧ &and; ≡ &equiv; ⊥ &perp; ¨ ¨

↓ ↓ ♣ &clubs; ∋ &ni; ∨ &or; ≤ ≤ ⋅ ⋅ © ©

↔ ↔ ♥ &hearts; ∏ ∏ ∩ ∩ ≥ ≥ ª ª

↵ &crarr; ♦ &diams; ∑ ∑ ∪ ∪ ⊂ ⊂ ¡ ¡ « «

´ ´ µ µ ¶ ¶ · · ¸ ¸ » » ¼ ¼

¾ ¾ ¿ ¿ &oline; ‾ &frasl; ℘ &weierp; ℑ &image; ⌈ &lceil;

Š &Scaron; š &scaron; Ÿ &Yuml; ˆ &circ; – – — — ‘ ‘

‰ &permil; ‹ &lsaquo; × × ÷ ÷ ¬ ¬ • • … …

‡ &Dagger; ℜ &real; ™ ™ ® ® 〈 &lang; 〉 &rang; º º

¯ ¯ ˜ &tilde; &ensp; ° ° ‚ &sbquo; “ “ ½ ½

± ± › &rsaquo; € € ² ² & #8482; ℵ &alefsym; ⌉ &rceil;

¹ ¹ ′ ′ ″ ″ ³ ³ Œ &OElig; œ &oelig; ’ ’

&emsp; ” ” „ &bdquo; ⌊ &lfloor; ⌋ &rfloor; † &dagger;

Apéndice B: Traducción de caracteres acentuados a código htmlC Código C Código C Código C Código C Código C Código

Àà &A/agrave; Áá &A/aacute; Ââ &A/acirc; Ãã &A/atilde; Ää &A/auml; Åå &A/aring;

Èè &E/egrave; Éé &E/eacute; Êê &E/ecirc; Õõ &O/otilde; Ëë &E/euml; Ææ &AE/aelig;

Ìì &I/igrave; Íí &I/iacute; Îî &I/icirc; Ññ &N/ntilde; Ïï &I/iuml; Çç &C/ccedil;

Òò &O/ograve; Óó &O/oacute; Ôô &O/ocirc; Öö &O/ouml; Ðð &ETH/eth;

Ùù &U/ugrave; Úú &U/uacute; Ûû &U/ucirc; Ýý &Y/yacute; Üü &U/uuml; ÿ ÿ

Apéndice C: Traducción de caracteres griegos a código htmlC Código C Código C Código C Código C Código C Código

Αα Α Ββ Β Γγ &Ga; Ττ Τ Υυ Υ Φφ Φ

Δδ Δ Εε Ε Ζζ Ζ ϑ &thetasym; ϒ &upsih; ϖ ϖ

Ηη Η Θθ Θ Ιι Ι Χχ Χ Ψψ Ψ Ωω Ω

Κκ Κ Λλ Λ Μμ Μ ϖ ϖ ƒ &fnof; ß ß

Νν Ν Ξξ Ξ Ο &ir; ο ο ρ &r; ς &sigmaf;

Ππ Π Ρ Ρ Σσ Σ Øø &O/oslash; Þþ &THORN/thorn;



resumen xhtml v0.9999

Documents