You are on page 1of 145

Capítulo 1.

HTML y XHTML Pocket Reference
Esta referencia de bolsillo ofrece una lista concisa pero completa de los elementos y atributos
especificados en el código HTML 4.01 y XHTML 1.0 Recomendaciones. El texto se utiliza la
abreviatura "(X) HTML" para los conceptos que se aplican tanto a los estándares de marcado.
Este libro está organizado en las siguientes secciones: HTML y XHTML Fundamentos lista
alfabética de los elementos de Entidades de caracteres Especificar color

HTML y XHTML Fundamentos
HTML (HyperText Markup Language) es el lenguaje de marcas utilizado para convertir
documentos de texto en las páginas web. El propósito fundamental de HTML como un
lenguaje de marcas es proporcionar una descripción semántica (significado) de los contenidos y
establecer una estructura de documento (una jerarquía de elementos). No tiene que ver con la
presentación, por ejemplo, cómo se verá el documento en un navegador. La presentación es
el trabajo de las Hojas de Estilo en Cascada, que está fuera del alcance de este libro. La
versión actual de HTML se define en la Recomendación HTML 4.01. XHTML (eXtensible
HyperText Markup Language) es una reformulación de HTML 4.01 de acuerdo a las más
estrictas reglas de sintaxis de XML (eXtensible Markup Language). Los elementos son los
mismos, pero hay restricciones adicionales para el marcado de documentos, que se enumeran
en la siguiente sección. XHTML incluye una familia de Recomendaciones, incluyendo XHTML
1.0, XHTML 1.1, modularización de XHTML, XHTML Basic y otras versiones aún en desarrollo.
Esta referencia se centra en la Recomendación XHTML 1.0. Para obtener información sobre
todas las versiones de HTML y XHTML, consulte la página de inicio HTML del World Wide
Web Consortium en www.w3.org/MarkUp.

Cómo XHTML Diferencias entre HTML
Debido a XHTML es un lenguaje XML, su sintaxis es más estricta y se diferencia de HTML
en estas maneras clave: All elementos y atributos deben estar en minúsculas. Por ejemplo, <a
href="example.com">. . . </ A>. Todos los elementos deben ser terminados - es decir, deben
incluir una etiqueta de cierre. Por ejemplo, <p>. . . </ P>. Los elementos vacíos deben
terminar así. Esto se hace mediante la inclusión de una barra al final de la etiqueta. Un
espacio se añade comúnmente antes de la barra para mantener la compatibilidad con
navegadores más antiguos. Por ejemplo, <hr />, <img />, <meta />. Todos los valores de los
atributos deben estar contenidos entre comillas (simples o dobles). Por ejemplo, <td

1

1

colspan="2">. Todos los valores de los atributos deben ser explícitos y no pueden ser
minimizados a una sola palabra, como se permite en HTML. Por ejemplo:
checked = "checked" selected = "selected" multiple = "múltiple"
Restricciones de la jerarquización son más estrictamente. Estas restricciones se expresan de
manera explícita: Un elemento no puede contener otro elemento. El elemento de pre no puede
contener img, objeto, applet, grande, pequeño, sub, sup, la fuente, o la fuente base. El
elemento de formulario no puede contener otros elementos de formulario. Un elemento de
botón no puede contener un formulario de entrada, seleccionar, textarea, etiqueta, botón, iframe
o isindex. El elemento de etiqueta no puede contener otros elementos de la etiqueta. Los
caracteres especiales <,>, &, ', y "siempre deben ser representados por sus entidades de
caracteres, incluyendo cuando aparecen dentro de los valores de los atributos. Por ejemplo,
<,>, &,', y" (respectivamente ). En HTML, el atributo de nombre puede ser utilizado para los
elementos a, applet, forma, frame, iframe, img, y del mapa. El atributo de nombre y el
atributo id se pueden utilizar en HTML para identificar fragmentos de documento. documentos
XHTML deben usar Identificación del lugar de nombre para identificar fragmentos de
documentos en los elementos antes mencionados. De hecho, el atributo de nombre de estos
elementos ha quedado en desuso en la especificación XHTML 1.0.

2

Tres versiones de (X) HTML
Tanto el HTML 4.01 y XHTML 1.0 Recomendaciones abarcan tres documentos de
especificaciones ligeramente diferentes, llamados Document Type Definitions (o DTD s). DTD
definen cada elemento, atributo, y de la entidad, junto con las reglas para su uso. Las tres
versiones son: DTD Estricto Esta versión no incluye todos los elementos y atributos que están
en desuso (como fuente y alineación) para reforzar la separación de la estructura del
documento de presentación. DTD Transicional El DTD Transicional incluye todos los elementos
en desuso y atributos para ser backward-compatible con el comportamiento heredado de la
mayoría de los navegadores. Se permiten los elementos y atributos desaprobados pero
desalentados de uso. Conjunto de marcos del conjunto de marcos DTD DTD incluye los
mismos elementos que el DTD Transicional con la adición de elementos para la creación de
páginas web enmarcadas (conjunto de marcos, marco, y noframe). El conjunto de marcos DTD
se mantiene separada debido a que la estructura de un documento enmarcado (donde marcos
reemplaza cuerpo) es fundamentalmente diferente de los documentos HTML normales.
NOTA
El 1,1 Recomendación XHTML cuenta con sólo una DTD que es similar al estricto, ya que no
incluye elementos y atributos desaprobados.
La sección siguiente muestra cómo se identifican las DTD en documentos (X) HTML.

Estructura Minimal Documento
Este ejemplo de marcado muestra la estructura mínima de un documento HTML 4.01. Este
ejemplo utiliza el DTD HTML estricta:
<! DOCTYPE HTML PUBLIC "- / / W3C / / DTD HTML 4.01 / / EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title> Título del documento </ title>
</ head>
<body>
contenido del documento. . .
</ Body>
</ html>
Este ejemplo de marcado muestra la estructura mínima de un documento XHTML 1.0 como se
especifica en la Recomendación XHTML 1.0.

Este documento está escrito usando el DTD Transicional XHTML.
<DOCTYPE HTML PUBLIC "- / / W3C / / DTD XHTML 1.0 Transitional / / EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML xmlns = "http :/ / www.w3.org/1999/xhtml "xml: lang =" es "lang =" es ">
<head>
<title> Título del documento </ title>
</ head>
<body> contenido del documento. . .
</ Body>
</ html>
En ambos ejemplos, la primera línea es la Declaración de tipo de documento (o declaración
DOCTYPE) que declara la versión DTD utilizada para el documento. Se utiliza para revisar el
documento para su validez. Algunos navegadores también utilizan la inclusión de una
declaración DOCTYPE completa para cambiar a un modo de renderizado compatible con los
estándares. Tenga en cuenta que el documento XHTML utiliza una declaración DOCTYPE
diferente al del documento HTML e incluye espacio de nombres XML y la identificación de
idioma en el elemento raíz del HTML. Documentos XHTML pueden incluir opcionalmente una
declaración XML antes de la declaración DOCTYPE, como se muestra en este ejemplo:
<? Xml version = "1.0" encoding = "UTF-8">

3

3

dtd"> .dtd "> Una declaración XML no es necesario si la codificación de caracteres es UTF-8 por omisión.0 Strict <DOCTYPE HTML PUBLIC ".w3.01 Transitional / / EN" "http://www.0 Transitional / / EN" "http://www./ / W3C / / DTD HTML 4.org/TR/HTML4.dtd"> HTML 4.0 Strict / / EN" "http://www.w3.w3.01 / / EN" "http://www.01/strict.org/TR/xhtml1/DTD/xhtml1-transitional./ / W3C / / DTD HTML 4.0 Transitional <DOCTYPE HTML PUBLIC ".dtd"> XHTML 1.org/TR/HTML4.01/frameset.01 Transitional 4 <! DOCTYPE HTML PUBLIC "./ / W3C / / DTD XHTML 1.dtd"> HTML 4.<DOCTYPE HTML PUBLIC ".w3.dtd"> XHTML 1.w3.01 Frameset <! DOCTYPE HTML PUBLIC "./ / W3C / / DTD HTML 4.0 Strict / / EN" "http://www. Las declaraciones exactas DOCTYPE para cada versión de HTML y XHTML se enumeran aquí: HTML 4. DOCTYPE para Disponible DTD El (tipo de documento) declaración contiene dos métodos para señalar a la información DTD <DOCTYPE>: uno es un identificador de documento reconocido públicamente./ / W3C / / DTD XHTML 1. la otra es una URL específica en caso de que el dispositivo de navegación no reconoce el identificador público.01 Frameset / / EN" "http://www.org/TR/xhtml1/DTD/xhtml1-strict./ / W3C / / DTD XHTML 1.org/TR/ xhtml1/DTD/xhtml1-strict.w3. Debido declaraciones XML son problemáticos para los navegadores incluso compatible con los estándares de este escrito.01 Strict <! DOCTYPE HTML PUBLIC ".org/TR/HTML4.01/loose. por lo general se omiten.

XHTML 1./ / W3C / / DTD XHTML 1.org/TR/xhtml1/DTD/xhtml1-frameset. Para ahorrar espacio. Otras pequeñas diferencias entre HTML y XHTML se observan de manera similar. Todos los elementos y atributos desaprobados se han eliminado de las versiones estrictos de HTML y XHTML.01 y XHTML 1.01 y XHTML Recomendaciones. así como algunos elementos no estándar.0 Frameset <! DOCTYPE HTML PUBLIC ". XHTML sólo atributos XHTML sólo se aplican sólo a los documentos marcados en XHTML.w3./ / W3C / / DTD XHTML 1.0 Frameset / / EN" "http://www.y no se animan a usar. Atributos comunes y Eventos Un número de atributos en el código HTML 4. se han abreviado en esta 5 . Los lectores se les recomienda tener en cuenta estas etiquetas de elementos y atributos: Desaprobado 5 Elementos y atributos marcados como desaprobados se están eliminando de HTML . pero se soportan bien por los navegadores.dtd"> XHTML 1.w3. Elementos y atributos no estándar no se incluyen en ninguna versión de las Recomendaciones HTML o XHTML.0 Recomendaciones son compartidas por casi todos los elementos.org/TR/xhtml11/DTD/xhtml11.1 <DOCTYPE HTML PUBLIC ". Atributos necesarios marcados como requeridos deben ser incluidos en el elemento para el marcado sea válida.1 / / EN" "http://www.dtd"> Lista alfabética de los elementos Esta sección contiene una lista de todos los elementos y atributos en el código HTML 4.por lo general a favor de las Hojas de Estilo en Cascada .

Esta sección explica abreviada de cada atributo y sirve como una referencia para el resto de la lista de elemento. significa que el elemento acepta el conjunto de atributos que se utilizan para especificar el idioma y la dirección de lectura: dir Especifica la dirección del elemento (de izquierda a derecha o de derecha a izquierda). lang Especifica el idioma para el elemento por su código de idioma. Especifica el idioma para los elementos de los documentos XHTML. se refiere al conjunto de atributos de núcleo que se puede aplicar a la mayoría de los elementos (como se señala en cada elemento de la lista): Identificación (id) Asigna un nombre identificador único al elemento Clase (class Asigna uno o más nombres de clasificación para el elemento Estilo (style 6 Información estilo asociado con un elemento Título (title Proporciona un título o información de asesoramiento sobre el elemento de Internacionalización Internacionalización Cuando aparece en la lista de atributos.referencia como lo son en las Recomendaciones. Núcleo cuando el núcleo se encuentra dentro de Atributos. . xml: lang XHTML solamente.

Eventos Cuando el evento se lista para el elemento. Los eventos adicionales que no forman parte de los eventos principales se enumeran por separado: onclick Se produce cuando se hace clic en el botón del dispositivo de señalización sobre un elemento ondblclick Se produce cuando el botón del dispositivo señalador se hace doble clic sobre un elemento onkeydown Se produce cuando se presiona una tecla sobre un elemento onkeypress Se produce cuando se presiona una tecla y liberó a más de un elemento onkeyup Se produce cuando se suelta una tecla sobre un elemento onmousedown Se produce cuando se presiona el botón del dispositivo de señalización sobre un elemento onmousemove Se produce cuando el dispositivo apuntador se mueve mientras está sobre un elemento 7 7 . esto indica que los eventos centrales que usan los lenguajes de secuencias de comandos se pueden aplicar al elemento.

onmouseout Se produce cuando el dispositivo apuntador se mueve fuera de un elemento onmouseover Se produce cuando el dispositivo de puntero se mueve sobre un elemento onmouseup Se produce cuando se suelta el botón del dispositivo señalador sobre un elemento Focus Focus se refiere al estado de ser resaltada y lista para la entrada del usuario. ya sea con el dispositivo apuntador o por navegación con tabulador. Los usuarios pueden acceder al elemento pulsando Alt-<key> (PC) o Ctrl<key> (Mac). onfocus Se produce cuando un elemento recibe el foco. Cuando Focus está en la lista. ya sea con el dispositivo apuntador o por navegación con tabulador. onblur Se produce cuando un elemento pierde el foco. . El valor es un solo carácter. como por ejemplo de un vínculo o elemento de formulario. Las teclas de acceso también se utilizan para los campos de formulario. significa que los siguientes atributos y eventos relacionados con traer el foco al elemento son aplicables: 8 accesskey = "carácter" Asigna una clave de acceso (atajo de comando de teclado) para el enlace.

tabindex = "número" Especifica la posición del elemento actual en el orden de pestañas del documento actual. . y-coordenadas de un área seleccionable en un mapa de imagen. El valor debe estar entre 0 y 32767. que sirve como un ancla de destino para ligarse a un punto específico en un documento. Un ancla se utiliza para crear un hipervínculo a otro documento o recurso de Internet.01 propone que los mapas de imagen de cliente pueden sustituir por un elemento de objeto que contiene la imagen y un conjunto de elementos de anclaje que definen las áreas "calientes" (con formas y coordinar atributos). Este sistema aún no se ha implementado por los navegadores. Se utiliza para la tabulación a través de los enlaces en una página (o campos de un formulario). La Recomendación HTML 4. Eventos. </ A> Define un ancla dentro del documento. Foco charset = "charset" Especifica la codificación de caracteres del documento de destino. . coords = "coordenadas x. 9 9 . Atributos Core. También puede servir para etiquetar un fragmento dentro de un documento (también llamado un anclaje con nombre). (X) HTML Elementos Nombre <a>. Internacionalización. y" Especifica los x-.

PDF. anterior. el índice y glosario. el derecho de autor. o de estilos. forma = "rect | círculo | poli | default" Define la forma de un área seleccionable en un mapa de imagen. hreflang = "Código de idioma" Especifica el idioma base del documento de destino. los autores usan tanto el nombre y la identificación de los fragmentos. Coloca un 10 identificador de fragmento dentro de un documento HTML. Por razones de compatibilidad con la versión 4 de los navegadores.href = "URL" Especifica la dirección URL del documento de destino o un recurso Web (como una imagen. En XHTML. rev = "relaciones" Especifica una o más relaciones de la meta de nuevo a la fuente (lo contrario del atributo rel). id = "text" Da el enlace de un nombre único (similar al atributo de nombre) para que se pueda hacer referencia desde un enlace. . audio. Este sistema aún no se ha implementado por los navegadores. rel = "relaciones" Establece una o más relaciones entre el documento actual y el documento de destino. name = "text" Sólo HTML. Relaciones más comunes son de estilo. Documentos XHTML usan Identificación de fragmentos de documento. a continuación. o este archivo). escritura. Esto sólo se utiliza en el elemento como parte de HTML 4. se requiere el atributo id para fragmentos de documento.01 's propuesta de sustituir los mapas de imagen del lado del cliente con una combinación de objeto y una serie de elementos.

</ A> Creación de un anclaje con nombre en XHTML (tenga en cuenta que algunos autores incluyen también un nombre redundante para mantener la compatibilidad con la versión 4 de los navegadores): <a id="fragment">.html#fragment">. .html">. . . </ A> Creación de un anclaje con nombre en código HTML: <a name="fragment">. text / html. . . . . </ A> Para un archivo en un servidor FTP: <a href="ftp://server/path/filename">. </ A> Para un archivo externo: <a href="http://server/path/file. Ejemplos Para un archivo local: <a href="filename. . </ A> Nombre 11 . type = "tipo de papel" Especifica los medios de comunicación o tipo de contenido (tipo MIME) del contenido definido . </ A> Para enviar un mensaje de correo electrónico: <a href="mailto:username@domain">. . </ A> Para un anclaje con nombre: <a href="http://server/path/file. </ A> 11 Para un anclaje con nombre en el archivo actual: <a href="#fragment">.html">. . . . . .target = "text" Especifica el nombre de la ventana o el marco en el que se debe mostrar el documento de destino.por ejemplo. . .

</ Acronym> Indica un acrónimo. sintetizadores de voz. Ejemplo <acronym title=" World Wide Web WWW "> </ acronym> Nombre . Internacionalización. </ Abbr> Identifica el texto adjunto como una abreviatura. . sintetizadores de voz. y los motores de búsqueda. Ejemplo <abbr title title=" Massachusetts "> Mass. sistemas de traducción. . sistemas de traducción. Esto puede ser útil para los navegadores no visuales. Atributos Core.<abbr>. Esto puede ser útil para los navegadores no visuales. </ abbr> Nombre 12 <acronym>. Eventos title = "text" Proporciona la expresión completa de la abreviatura. Eventos title = "text" Proporciona la expresión completa del acrónimo. y los motores de búsqueda. . Internacionalización. . Atributos Core.

oreilly. . Además. Navigator 4 y anteriores y Internet Explorer 4 no son compatibles con los applets de Java a través del elemento de objeto. Algunos applets requieren el uso de applet. </ Address> Suministros de la información de contacto del autor. </ Applet> desuso.com/"> O'Reilly Media </ a> </ address> Nombre <applet>. . El elemento applet de puede contener un número de elementos param que proporcionan más instrucciones y parámetros. Atributos Core. Este elemento (por primera vez en Netscape Navigator 2.. por lo general al principio o al final de un documento. Internacionalización. Atributos Núcleo align = "left | right | top | media | bottom" Alinea el applet y permite que el texto se ajuste alrededor de ella (igual que la alineación de imágenes).0) se utiliza para colocar un applet de Java en la página web. <a href="http://www. pero todavía es apoyado y de uso común. . No es apropiado para todos los listados de direcciones. alt = "text" Proporciona texto alternativo si el applet no se puede mostrar. 13 13 . El elemento del applet ha sido desaprobado en favor del elemento de objeto.. Eventos Ejemplo <dirección> Escrito por <a href=". /authors/robbins/"> Jennifer Robbins </ a>. .<address>.

0. name = "text" En desuso en XHTML 1. codebase = "URL" URL de la que se recupera el código del applet. Especifica el nombre de clase del código para ser ejecutado. width = "número" Requerido y en desuso (debido a que el elemento está en desuso). . pero no ambos. Utilice código o un objeto en un elemento applet. code = "clase" Obligatorio. vspace = "número" En desuso.archive = "URL" Proporciona una lista separada por espacios de direcciones URL con las clases que se carguen. Ancho del área de visualización del applet inicial en píxeles. Especifica el número de píxeles de espacio libre por encima y por debajo de la ventana del applet. height = "número" Altura de la zona de visualización del applet inicial en píxeles. objeto = "text" Nombres de este atributo un recurso que contiene una representación serializada del estado de un applet. Nombres del applet para referencia de otra parte de la página. Especifica el número de píxeles de espacio libre a la izquierda ya la derecha de 14 la ventana del applet. hspace = "número" En desuso.

Eventos. href = "url" Especifica la dirección URL del documento o archivo que se accede haciendo clic en el área definida. Atributos Core. Especifica una breve descripción de la imagen que se muestra cuando el archivo de imagen no está disponible. 15 . Internacionalización. Foco 15 alt = "text" Obligatorio.Ejemplo <applet code=" Wacky.class "WIDTH=" 300" height=" 400 "> <param name="Delay" value="250"> <param name="Time" value="120"> <param name = "PlaySounds" value = "SÍ"> </ applet> Nombre <area /> El elemento de área se utiliza dentro del elemento de mapa de un mapa de imagen del lado del cliente para definir un área específica se puede hacer clic ("caliente"). nohref = "nohref" Define un área "sensible al ratón" en un mapa de imagen para la que no hay acción cuando el usuario hace clic en la zona. coords = "valores" Especifica una lista de coordenadas de píxeles separados por comas que definen una zona "caliente" de un mapa de imagen.

Atributos Core.<base /> Especifica el nombre de ruta de base para todas las URLs relativas en el documento.0 Strict y XHTML 1. . Internacionalización. Eventos Ejemplo Realmente tenemos que dejar <b> ahora </ b>! Nombre Base . </ B> 16 el texto cerrado se representa en negrita. . .forma = "rect | círculo | poli | default" Define la forma de la zona se puede hacer clic. El elemento fuerte es preferible b porque es semántica (no presentional) y lo hace en negrita en los navegadores visuales por defecto. Nombre <b>.1 DTD. Este es uno de los pocos elementos de presentación que se conservan en las XHTML 1. Ejemplo Ver mapa elemento listado. Coloque este elemento en el encabezado del documento. target = "text" Especifica el nombre de la ventana o el marco en el que se debe mostrar el documento de destino.

Asigna un nombre único de identificación al elemento. Este nombre debe ser único en un documento. Ejemplo <head> <title> documento de muestra </ title> <base href=" /stories/ "/> </ head> 17 Nombre <basefont /> Desaprobado. objetivo= "Nombre" Define la ventana de destino predeterminado para todos los enlaces en el documento.Atributos href= "Url" Obligatorio. Atributos id = "text" Este atributo asigna un nombre a un elemento. A menudo se utiliza para apuntar marcos. Este elemento no se le aconseja su uso en favor de las hojas de estilo que ofrecen mucho mejor control sobre las fuentes. Se puede utilizar en el elemento de cabeza para aplicar a todo el documento o dentro del cuerpo del documento a aplicar al texto subsiguiente. color = "# RRGGBB" o "nombre del color" (o una lista de los tipos de letra) 17 . id = "text" XHTML solamente. Especifica la dirección URL que se utilizará. Especifica ciertos atributos de fuente para el contenido que le sigue.

</ BDO> 18 Soportes para "anular bidireccional" y se utiliza para indicar una selección de texto que se lee en la dirección opuesta a la del texto circundante. . Indica si la selección debe leer de izquierda a derecha (LTR) o de derecha a izquierda (RTL). el elemento BDO se puede utilizar para indicar una selección de texto hebreo que lee de derecha a izquierda (RTL). lang = "Código de idioma" Este atributo especifica el idioma del elemento utilizando una abreviatura código de idioma. Ajustes de tamaño relativo posteriores se basan en este valor. en un documento de izquierda a derecha lectura. . Ejemplo <head> <BASEFONT </ head> face = "Verdana. Eventos (XHTML solamente) dir = "ltr | rtl" Obligatorio.En desuso. face = "tipo de letra" En desuso. Define la fuente para el texto que sigue. Establece el color de las siguientes opciones de texto con valores RGB hexadecimales. . clase. Atributos Core (id. sans-serif" /> Nombre <bdo>. título). Por ejemplo. Helvetica. estilo. Establece el tamaño de la fuente base con los valores de tamaño de HTML del 1 al 7 (o valores relativos basados en el valor predeterminado de 3). size = "número" En desuso.

Eventos cite = "URL" Proporciona información sobre la fuente de la que se tomó prestado la cita. Atributos Core. </ Big> De forma predeterminada. </ BDO> Nombre <big>. . Este es el método para especificar idiomas en los documentos XML utilizando una abreviatura código de idioma. 19 Eventos Ejemplo Autor: <big> Jennifer Robbins </ big> Nombre <blockquote>. . </ Blockquote> El texto encerrado es un bloque de cotización que consiste en uno o más párrafos.xml: lang = "text" XHTML solamente. Internacionalización. . Atributos Core. 19 . los conjuntos grandes del tamaño de la letra un poco más grandes que el texto que lo rodea. Este es un ejemplo de código HTML de presentación que debe ser evitado a favor de marcado semántico y hojas de estilo para la presentación. . Ejemplo <bdo dir= "ltr"> frase Inglés en un texto de otro modo árabe. Internacionalización.

. El color se especifica en valores RGB hexadecimales o por el nombre del color web estándar. Todos los atributos para el elemento del cuerpo que controlan el color del texto. Aunque el cuerpo elemento de marcado es opcional en las versiones anteriores de HTML.) </ p> </ blockquote> Nombre <body>. . link = "# RRGGBB" o "nombre del color" En desuso.example. color de los enlaces. Establece el color predeterminado para todos los enlaces en el documento. Atributos Core. Establece el color de los enlaces activos (el color mientras que el botón del ratón se mantiene pulsado durante un click). además onload. El color se especifica en valores RGB hexadecimales o por el nombre del color web estándar. onunload 20 alink = "# RRGGBB" o "nombre del color" En desuso. XHTML en que se requiera. el color de fondo.com"> <p> Este es el comienzo de una larga cita (texto continúa .. eventos. y las imágenes de fondo han quedado en desuso en favor de los controles de hojas de estilo. </ Body> el cuerpo de un documento contiene el contenido del documento. Establece el color del fondo para el documento. background = "URL" En desuso. Proporciona la ubicación de un archivo gráfico para ser utilizado como un gráfico de mosaico en el fondo del documento. El contenido puede ser presentado visualmente (como en una ventana gráfica de navegador) o auditivamente (por un lector de pantalla). bgcolor = "# RRGGBB" o "nombre del color" En desuso. ..) </ p> Y sigue pasando y en ( texto continúa .. El color se especifica en valores RGB hexadecimales o por el nombre del color web estándar..Ejemplo <blockquote cite = "http://www. Internacionalización.

/ / W3C / / DTD XHTML 1.text = "# RRGGBB" o "nombre del color" En desuso. . El color se especifica en valores RGB hexadecimales o por el nombre del color web estándar.0 Strict y XHTML 1. Ejemplo <DOCTYPE HTML PUBLIC ". El color se especifica en valores RGB hexadecimales o por el nombre del color web estándar. Atributos Núcleo clear = "none | left | right | all" En desuso.org/TR/xhtml1/DTD/xhtml1-transitional.w3.w3.1 DTD.dtd"> <HTML xmlns = "http :/ / www. Establece el color de los enlaces visitados (enlaces que ya han sido seguidos) para el documento.org/1999/xhtml "xml: lang =" es "lang =" es "> <head> <title> Título del documento </ title> 21 </ head> <body> <p> contenido de documento. Este es uno de los pocos elementos de presentación que se conservan en las XHTML 1. vlink = "# RRGGBB" o "nombre del color" En desuso. </ P> </ body> </ html> Nombre <br /> Inserta un salto de línea en el contenido. hace que la siguiente línea a empezar 21 .0 Transitional / / EN" "http://www. El valor por defecto. ninguna. . Especifica que la siguiente línea debería aparecer después de que el salto de línea en relación con flotado elementos (como una imagen que hizo circular al margen izquierdo o derecho). Establece el color predeterminado de todo el texto nonhyperlink y sin estilo en el documento.

pero quiero <br /> este texto para comenzar en una nueva línea en el navegador. Ejemplo <p> Este es un párrafo. type = "submit | restablecer | botón" Identifica el tipo de botón: botón de enviar (el tipo predeterminado). </ p> Nombre <button>. un botón o un botón personalizado (se usa con JavaScript) reset. respectivamente. Atributos Core. . El valor de la izquierda comienza la siguiente línea debajo de cualquier flotar objetos en el margen izquierdo. . pero permite más ricas posibilidades de representación. como texto e imágenes (pero no los mapas de imagen). El comportamiento del botón está determinado por el atributo type. . value = "text" Asigna el valor para el control de botón. Los botones pueden contener contenido. Foco disabled = "disabled" Indica que el botón del formulario es inicialmente no funcional. Botón </> Define un "botón" que funciona de manera similar a los botones creados con el elemento de entrada. El valor de todo comienza la siguiente línea debajo de flotadores en ambos márgenes. 22 Eventos. Asigna el nombre del control para el elemento. se inicia justo la siguiente línea debajo de objetos flotaban en el margen derecho.donde lo haría normalmente. name = "text" Obligatorio. Del mismo modo. Internacionalización.

Se ha desaprobado en favor de las hojas de estilo para la alineación.gif" alt="thumbs-down icon" /> Inténtelo de nuevo. Centra su contenido horizontalmente en la anchura disponible de la página o el elemento contenedor. Ejemplo <table> <caption> Una breve descripción de los datos de esta tabla </ caption <tr> <td> datos </ td> <td> datos </ td> </ tr> </ table> Nombre <center>. La anchura de la leyenda se determina por la anchura de la tabla. </ Center> En desuso. . Eventos 23 align = "top | abajo | izquierda | derecha" En desuso. Posiciona el epígrafe relativo a la mesa. El pie de foto debe seguir inmediatamente a la mesa de etiqueta de inicio y preceder a todos los demás elementos de la tabla. 23 . . </ Button> Nombre <caption>. </ Caption> Proporciona un breve resumen del contenido de la tabla o propósito. Atributos Core. Internacionalización. La posición predeterminada es superior. . La posición del subtítulo como se muestra en el navegador puede ser controlado con el atributo align en desuso o mediante la propiedad caption-side CSS preferido.Ejemplo <button TYPE="reset" name="reset"> <img src="thumbs-down. .

.Atributos Core. Internacionalización. etc. Eventos Ejemplo <center> <h1> Introducción </ h1> <p Érase una vez. . Internacionalización. </ Cite> Indica una cita . Eventos Ejemplo <code> document.una referencia a otro documento. Por defecto.getElementById </ code> Nombre <COL /> Especifica las propiedades de una columna (o grupo de columnas) dentro de un grupo de columnas (colgroup). especialmente libros. Las columnas pueden compartir atributos (como la alineación del texto) sin ser parte de una agrupación estructural formal. Atributos Core. revistas. artículos. . el código se representa en fuente monoespacio especificada del navegador (generalmente Courier). Eventos Ejemplo <p> Receta de <cite> revista Food & Wine </ cite> Nombre 24 <code>. Internacionalización. . Atributos Core. . </ P> </ center> Nombre <cite>. . . </ Code> Indica un ejemplo de código de programa.

width = "píxeles.1 Recomendación XHTML. charoff = "longitud" Especifica la distancia de desplazamiento con el primer carácter de alineación en cada línea. porcentaje. n *" Especifica el ancho de cada columna abarcado por el elemento COL. debe ser horizontal cambió para terminar en la posición de alineación. El atributo de alineación como se aplica al contenido celda de la tabla no es obsoleto y sólo aparece en el Módulo de Tablas del 1.1 Recomendación XHTML. El atributo valign como se aplica al contenido de las celdas de tabla no es obsoleto y sólo aparece en el Módulo de Tablas del 1. 0 * ajusta el ancho de la columna 25 25 . Este atributo lo general no es soportado por los navegadores actuales. valign = "top | media | abajo | línea de base" Especifica la alineación vertical del texto en las celdas de una columna. Internacionalización. 2 * Establece la columna dos veces más ancha que las otras columnas. El valor por defecto es la izquierda. Si una línea no utiliza un carácter de alineación. o definido como un tamaño relativo (*).Atributos Core. span = "número" Especifica el número de columnas "atravesados" por el elemento de la col. char = "carácter" Especifica un personaje a lo largo de la cual el contenido celular se alinearán cuando align se establece en la charla. Ancho se puede medir en píxeles o porcentajes. Por ejemplo. Eventos align = "left | right | center | justificar | char" Especifica la alineación horizontal del texto de una celda o celdas. El carácter predeterminado es un punto decimal (lenguaje apropiado). El valor por defecto es 1. Este atributo lo general no es soportado por los navegadores actuales. Todas las columnas indicadas en el lapso se formatean de acuerdo con los ajustes de atributos en la col.

Ejemplo Ver lista colgroup. . El número de columnas de un grupo no se especifica. tbody. Atributos Los mismos atributos que el elemento de col Ejemplo <table> <colgroup id="employinfo"> <COL span="2" width="100" /> <COL span="1" width="50" class="date" /> </ colgroup> <thead >. . . </ Dd> Indica la parte de la definición de un elemento dentro de una lista de definiciones. . tales como navegadores de voz-y Braillebased. . tfoot) 26 elementos con el elemento de la tabla. ya sea por el valor del atributo span o un recuento de columnas (COL) en el grupo. El atributo width del elemento col anula los ajustes de anchura del elemento colgroup contiene. Los grupos de columnas pueden ser útiles en la pantalla de tabla de exceso de velocidad (por ejemplo. Atributos . (Marcado continúa) Nombre <dd>. El elemento colgroup debe aparecer antes de cualquier fila (tr) o rowgroup (thead. las columnas se pueden mostrar de forma incremental sin esperar a que todo el contenido de la tabla) y proporcionar un sistema para la visualización en agentes de visualización no visuales. . Una tabla puede incluir más de un grupo de columnas. (Marcado continúa) Nombre <COLGROUP>. . </ Colgroup> Define un grupo conceptual de las columnas que forman una división estructural dentro de una tabla.en el mínimo necesario para mantener el contenido de la columna. <table> <COL span="2" width="100" /> <COL span="1" width="50" /> class="date" <thead>. .

</ Del> Indica el texto eliminado. Para obtener más información.w3. Coordinated Universal Time). Su contraparte es el elemento texto insertado (ins). hh es la hora (00 a 23). Puede ser útil para los documentos legales y cualquier caso en que las modificaciones deben ser rastreados. Este es el formato estándar para los valores de fecha y hora en HTML. Internacionalización.org/TR/1998/NOTEdatetime-19980827. Las fechas y horarios siguen el formato indicado anteriormente. Nombre <supr>. mm son los minutos (00 a 59). Atributos Core. MM es el mes de dos dígitos. 27 datetime = "AAAA-MM-DDThh: mm: ssTZD" Especifica la fecha y la hora se hizo el cambio. .Core. donde AAAA es el año con cuatro dígitos. Eventos cite = "URL" Se puede configurar para que apunte a un documento de origen que explica por qué se cambió el documento. Eventos Ejemplo Ver lista dl. una indicación de la cantidad de horas y minutos por delante de UTC (como +03:00) o una indicación de la número de horas y minutos detrás de UTC (tales como -02:20). Ambos pueden ser utilizados para indicar ya sea en línea o elementos a nivel de bloque. El TZD es sinónimo de zona horaria de designación. y su valor puede ser Z (para indicar UTC. consulte www. Ejemplo Consejero Delegado: <del title="retired"> Peter Pan </ del> <Ins> Pippi Calzaslargas </ ins> Nombre 27 . Internacionalización. DD es el día. . y ss es el segundo (00 a 59).

.html </ li> </ dir> Nombre . Nombre <dir>. Crea una lista de directorios que consiste en elementos de lista (li). aunque algunos utilizan un formato de varias 28 columnas. Eventos compacto = "compact" En desuso. Internacionalización.<dfn>.html </ li> <li> news. . . Puede ser utilizado para llamar la atención a la introducción de términos y frases especiales. Hace que la lista de lo más pequeño posible. pero han quedado en desuso con la recomendación de que las listas no ordenadas (ul) se utilizarán en su lugar. Internacionalización. Atributos Core. Ejemplo <dir> <li> index. La mayoría de los navegadores muestran las listas de directorio como lo hacen las listas sin ordenar (con viñetas). Atributos Core. </ Dir> desuso.html </ li> <li> about. . </ Dfn> Indica la instancia de la definición del término incluida. Listas de directorio fueron diseñados originalmente para mostrar listas de archivos con nombres cortos. Eventos Ejemplo <dfn> Truecolor </ dfn> utiliza 24 bits por píxel. Pocos navegadores soportan el atributo compacto.

Elementos fuertes son casi siempre representan en negrita. . .<div>. </ Div> Indica una "división" genérico dentro del documento. Eventos align = "center | izquierda | derecha" En desuso. </ Dd> <dt> fuerte </ dt> <dd> Denota texto fuertemente enfatizado. Pocos navegadores soportan el atributo compacto. </ Div> Nombre <dl>. Este elemento se utiliza para agregar un elemento de bloque adaptable al documento. Ejemplo <div id=" barra lateral "> contenido de la barra lateral. Ejemplo <dl> <dt> em </ dt> <dd> Indica texto enfatizado. que consta de términos (dt) y definiciones (dd). . </ Dd> 29 . </ Dl> 29 indica una lista de definiciones. Internacionalización. . Internacionalización. Atributos Core. . Eventos compacto = "compact" En desuso. elementos em casi siempre representan en cursiva. Hace que la lista de lo más pequeño posible. derecha o centro de la página. El contenido dentro del elemento div se da típicamente un nombre a través de un atributo de la clase o la identificación y luego formatea con hojas de estilo. . Alinea el texto en el elemento a la izquierda. Atributos Core.

. Internacionalización. Los navegadores modernos parecen apoyar ambos métodos. El W3C recomienda el elemento de objeto para incrustar objetos multimedia. . pero embed todavía se utiliza comúnmente para la compatibilidad con versiones anteriores. películas QuickTime. . </ Embed> (o <EMBED />) no estándar. Los agentes de usuario por lo general hacen que el texto subrayado en cursiva por defecto.</ dl> Nombre <dt>. películas Flash. . y similares). 30 Atributos Core. Atributos Core. Eventos Ejemplo Esto es exactamente <em> </ em> de lo que has estado buscando. Existe documentación contradictorias respecto a si es incrustar un contenedor o un elemento vacío. Eventos Ejemplo Ver lista dl. Incrusta un objeto en la página web. ciertos tipos de medios y sus respectivos complementos pueden tener atributos propios para controlar la reproducción del archivo. . </ Dt> indica la porción de plazo fijo de un elemento dentro de una lista de definiciones. Los objetos incrustados son más a menudo los archivos multimedia que utilizan la tecnología de plug-in para la reproducción (por ejemplo. pero incluyendo la etiqueta de cierre es la apuesta más segura. Internacionalización. </ Em> Indica el texto subrayado. . Nombre <embed>. Además de los atributos enumerados a continuación. Si desea que el navegador . Nombre <em>.

lo que es el valor predeterminado. puede que tenga que romper la conformidad y el uso embed. Muchos desarrolladores utilizan a la vez objeto y embed para un solo objeto multimedia. pluginspage = "URL" NN 4. 31 . izquierda y derecha la posición del objeto en el margen izquierdo o derecho y permitir que el texto se ajuste alrededor de ella. Un valor de los conocimientos adquiridos hace la paleta del plug-in de la paleta de primer plano. un valor de fondo hace que el plug-in utiliza la paleta de fondo. hidden = "yes | no" Oculta el archivo multimedia o un reproductor de la vista cuando el valor yes.0 + y MSIE 4. Atributos align = "left | right | top | bottom" Controla la alineación del objeto de medios en relación con el texto que lo rodea. name = "text" Especifica un nombre para el objeto incrustado. Especifica la dirección URL para obtener información sobre la instalación del plug-in correspondiente. Mientras que la parte superior e inferior son los alineamientos verticales. palete = "foreground| background" Se aplica sólo a la plataforma Windows. El valor 31 predeterminado es no.solicite una falta plug-in. Algunos tipos de sustratos requieren este atributo. El valor predeterminado es inferior.0 + solamente. Por el contrario. Esto es particularmente útil para referenciar el objeto desde un script. height = "número" Especifica la altura del objeto en número de píxeles.

. width = "número" Especifica la anchura del objeto en número de píxeles.src = "URL" Obligatorio. Sólo Netscape Navigator border = "número" Especifica el ancho del borde (en píxeles) alrededor del objeto multimedia. 32 codebase = "URL" Especifica la URL base para la aplicación. Code = "nombrearchivo" Especifica el nombre de clase del código de Java para ser ejecutado. El valor predeterminado es píxeles. units = "píxeles | en" Define las unidades de medida utilizadas por la altura y la anchura. Proporciona la dirección URL del archivo o un objeto para ser colocado en la página. Algunos tipos de sustratos requieren este atributo. In unidades son la mitad del tamaño de punto del texto del cuerpo. Sólo Internet Explorer alt = "text" Proporciona texto alternativo cuando el objeto de comunicación no se puede mostrar (el mismo que para el elemento img).

Navigator utiliza ya sea el valor del atributo de tipo o el sufijo del nombre de archivo dado como fuente para determinar qué plug-in para su uso. </ Fieldset> Grupos controles y etiquetas de formularios relacionados. escriba" Especifica el tipo MIME de los medios de comunicación con el fin de cargar el plug-in correspondiente. </ noembed> </ embed> Nombre <fieldset>.com/quicktime/download/"> <NOEMBED> <img src = "vacation. pero será específica para agrupar campos. . el espacio vertical atributo especifica (en píxeles) de la cantidad de espacio para dejar claro por encima y por debajo del objeto multimedia. hspace = "número" Se utiliza junto con el atributo align. Es similar a la div. 33 . 33 vspace = "número" Se utiliza junto con el atributo align.frameborder = "yes | no" Activa la frontera o desactivar. Netscape recomienda utilizar pluginurl lugar de pluginspage. type = "medios de comunicación (MIME). Ejemplo <embed width="240" height="196" src="movies/vacation. el espacio horizontal atributo especifica (en píxeles) de la cantidad de espacio para dejar claro a la izquierda ya la derecha del objeto multimedia. Fue introducido para mejorar la forma de la accesibilidad para los usuarios con dispositivos de navegación alternativos. .mov" autoplay="false" pluginspage="http://www. pluginurl = "URL" Especifica una fuente para instalar el plug-in adecuado para el archivo de medios.apple. Elementos fieldset se colocan dentro del elemento de formulario.gif"> Usted no parece tener el plugin.

</ Font> En desuso.Atributos Core. . . Especifica un tipo de letra para el texto. Establece el tamaño del tipo de un valor absoluto en una escala del 1 al 7 (3 es el valor predeterminado) o mediante el uso de un valor relativo o + n . y el navegador utiliza la primera fuente disponible en la cadena. Este elemento ya no se utiliza en el diseño web profesional contemporáneo.n (basado en el valor por defecto o el ajuste de la fuente base). Eventos Ejemplo <form> <fieldset id=" cliente "> <label> Nombre completo <input type="text" name="nombre" /> </ label> <label> Dirección de correo electrónico <input type = "text" name = "email "/> </ label> <label> Estado <input type="text" nombre="provincia" /> </ label> </ fieldset> </ form> Nombre <font>. El tipo de letra especificado se utiliza sólo si se encuentra en la máquina del usuario. Especifica el color del texto adjunto. . Usted puede proporcionar una lista de fuentes (separados por comas). Internacionalización. 34 Atributos Core. size = "valor" En desuso. face = "tipo de letra" En desuso. Se utiliza para afectar el estilo (color. tipo de letra y el tamaño) del texto adjunto. Internacionalización color = "# RRGGBB" o "nombre del color" (o una lista de los tipos de letra) En desuso.

El valor por defecto es desconocido. pero este atributo no está ampliamente soportado. y es importante que no se superpongan. El valor por defecto es el tipo de media Internet (urlencoded-forma-x-www application /). No puede haber más de una forma en un documento HTML. El valor es un espacio y / o en la lista delimitada por comas de nombres de juegos de caracteres ISO. Los navegadores pueden un día ser capaz de filtrar archivos inaceptables cuando se pida confirmación al usuario cargar archivos en el servidor.Ejemplo <font face= "sans-serif" size= "+1" color= "white"> Obsoleto. pero las formas no se pueden anidar unos dentro de otros. </ Form> Indica una forma interactiva que contiene controles para la recogida de datos del usuario y otro contenido de la página. Internacionalización. 35 35 . onreset accept = "content-type-list" Especifica una lista separada por comas de los tipos de archivo (tipos MIME) que el servidor aceptará y es capaz de procesar. . Este atributo no tiene un amplio apoyo. </ font> Nombre <form>. . enctype = "tipo de contenido" Especifica cómo se codifican los valores de los controles de formulario cuando se envían al servidor cuando el método es post. accept-charset = "Lista charset" Especifica la lista de codificaciones de caracteres para los datos de entrada que deben ser aceptadas por el servidor para procesar el formulario actual. eventos. Especifica la dirección URL de la aplicación que va a procesar el formulario. onblur. Atributos Core. El valor predeterminado es la dirección URL actual. action = "URL" Obligatorio. además onsubmit. El valor multipart / form-datos se debe utilizar en combinación con el elemento de entrada de archivo.

Atributos Núcleo bordercolor = "# RRGGBB" o "nombre del color" No estándar. _parent. Los valores objetivo especiales _bottom. Establece el color de las fronteras de un marco (si la frontera está encendido). . _self. El apoyo a este atributo se limita a Netscape 3. la información se añadirá a y se envía junto con la propia URL. el uso de Identificación del lugar. Ejemplo <form action="/cgi-bin/guestbook.0 + e Internet Explorer 4. y pueden ser utilizados.0 +. _top. Con get (por defecto). name = "text" En desuso en XHTML 1.0.method = "get | post" Especifica qué método HTTP será utilizado para enviar los datos del formulario. target = "nombre" Especifica un objetivo para los resultados de la sumisión de la forma a cargar para que los resultados de una forma se pueden visualizar en una ventana o marco.pl" method="get"> <p> Nombre: <input type="text" name="first" /> <br /> 36 Apodo: <input type = "text" name = "apodo" /> <br /> <input type="submit" /> <input TYPE="reset" /> </ p> </ form> Nombre <frame /> Define un único marco dentro de un conjunto de marcos. Asigna un nombre al formulario.

01 y XHTML 4. 37 marginwidth = "número" Especifica la cantidad de espacio (en píxeles) entre los bordes izquierdo y derecho del marco y su contenido.frameborder = "1 | 0"(. El ajuste a 0 a su lugar los objetos al nivel del borde de las obras de trama en algunos navegadores. a pesar de la configuración específica de tamaño de bastidor. Asigna un nombre al marco. El valor predeterminado es 1 (frontera sucesivamente). Netscape también acepta los valores 1 y 0. El ajuste a 0 a su lugar los objetos al nivel del borde de las obras de trama en algunos navegadores. el uso de Identificación del lugar. no hay navegadores actualmente soportan. Aunque longdesc se incluye en el código HTML 4. El valor mínimo de acuerdo a la especificación de HTML es 1 pixel. longdesc= "URL" Especifica un vínculo a un documento que contiene una descripción larga del marco y su contenido. name = "text" En desuso en XHTML 1. 37 . IE 3 + y W3C Rec). pero puede dar resultados incoherentes. Un valor de 0 desactiva la frontera fuera.0. los usuarios pueden cambiar el tamaño de un marco haciendo clic y arrastrando sus bordes. Un valor de 1 se pone en la frontera el. Por defecto. El valor mínimo de acuerdo a la especificación de HTML es 1 pixel. noresize = "noresize" Evita que los usuarios cambiar el tamaño del marco. "yes | no" (NN 3 +) Determina si hay un separador 3D dibujado entre el marco actual y los marcos de los alrededores.0 Recomendaciones. marginheight = "número" Especifica la cantidad de espacio (en píxeles) entre los bordes superior e inferior de la estructura y su contenido. pero puede dar resultados incoherentes. Este nombre puede hacer referencia a los objetivos dentro de enlaces para hacer la carga de documento de destino en el plazo mencionado.

Establece el grosor del borde del marco (en píxeles) entre todos los marcos en un conjunto de marcos (cuando el borde del marco está encendido). clase. El elemento de conjunto de marcos no puede contener ningún contenido sino más bien define y nombres 38 de cierto número de cuadros (u otros conjuntos de marcos) dispuestos en filas y / o columnas. estilo. . . Cada cuadro se indica con un elemento de estructura dentro del conjunto de marcos. Mozilla y Opera navegadores no soportan bordercolor. Ejemplo Vea la lista de marcos. título). Atributos Core (id. </ Frameset> Define una colección de marcos u otros conjuntos de marcos. onunload border = "número" No estándar. Navegadores Mozilla no admiten fronteras. un valor del auto (por defecto) significa barras de desplazamiento aparecen automáticamente cuando el contenido no encajan dentro del marco. un valor de ninguna manera las barras de desplazamiento no aparecen nunca. Un valor de sí significa barras de desplazamiento aparecen siempre. src = "URL" Especifica la ubicación del archivo HTML inicial que se mostrará por el marco.scrolling = "yes | no | auto" Especifica si las barras de desplazamiento aparecen en el cuadro. Establece un color de borde para todos los bordes de un conjunto de marcos. . Un documento de conjunto de marcos contiene una porción regular de cabecera (como se indica con el elemento de cabeza). El elemento de conjunto de marcos se utiliza en lugar del elemento de cuerpo para documentos enmarcados. bordercolor = "# RRGGBB" o "nombre del color" No estándar. onload. <frameset>.

/ / W3C / / DTD XHTML 1. El conjunto de marcos DTD no incluye el atributo frameborder para el elemento de conjunto de marcos.cols = "lista de longitudes" (número.w3. Especificaciones de tamaño pueden estar en valores de píxeles absolutos. porcentajes o valores relativos (*) en función del espacio disponible.w3. frameborder = "1 | 0". 0 (o no) resulta de las fronteras fuera. * "> <frame src="left.html" /> </ frameset> <noframes> <body> <p> Su navegador no soporta marcos. Determina si separadores 3D se dibujan entre los marcos del conjunto de marcos. </ p> < / body> </ noframes> </ html> Nombre 39 39 .html" /> <frame src="right.0 Frameset / / EN" "http://www.o *) Establece el número y el tamaño de las filas (marcos horizontales) en el conjunto de marcos.org/TR/xhtml1/DTD/xhtml1-frameset. El número de filas está determinada por el número de valores en la lista. porcentaje.o *) Establece el número y tamaño de las columnas (marcos verticales) en un conjunto de marcos. rows = "lista de longitudes" (número.dtd"> <HTML xmlns = "http :/ / www. porcentajes o valores relativos (*) en función del espacio disponible. Especificaciones de tamaño pueden estar en valores de píxeles absolutos. Netscape también es compatible con los valores de 1 y 0.org/1999/xhtml "xml: lang =" es "lang =" es "> <head> <title> simple Enmarcado Documento </ title> </ head> <cols conjunto de marcos =" 200. Un valor de 1 (o sí) convierte las fronteras en. El número de columnas se determina por el número de valores en la lista. porcentaje. Ejemplo <! DOCTYPE HTML PUBLIC ". "yes | no"(Netscape) No estándar.

Sintaxis HTML requiere que las partidas aparecen en orden (por ejemplo. h2. h3. Hay seis niveles de encabezados. un h2 no debe preceder un h1) de la estructura del documento apropiado. h6 . </ Hn> Especifica un encabezado que describe brevemente la sección que introduce. El elemento de cabeza simplemente actúa como un contenedor de estos elementos y no tiene ningún contenido propio. isindex. pero ayuda en la optimización de motores de búsqueda (la información en los niveles más altos de rumbo se le da más peso). Se utiliza para alinear la cabecera de la izquierda. . . Ejemplo 40 <h1> Introducción </ h1> <p En el principio. El elemento de cabeza también puede incluir cualquiera de estos elementos en cualquier orden: la escritura. meta. Microsoft Internet Explorer 3. Si lo hace. . objeto. </ Head> Define la cabeza (también llamado el "header") parte del documento que contiene información sobre el documento que no se considera el contenido del documento. o centrado en la página. el estilo. Asigna un nombre único de identificación al elemento. Atributos Core. desde H1 (el más importante) hasta H6 (el menos importante). </ P> Nombre <head>. Cada elemento de cabeza debe incluir un elemento de título que proporciona una descripción del documento. Eventos align = "center | izquierda | derecha" En desuso.<hn>. . Internacionalización. y la base. derecha.h1. no sólo mejora la accesibilidad. enlace.0 y versiones anteriores no es compatible con alineación a la derecha. . Atributos Internacionalización id = "text" XHTML solamente. . . h4. h5.

profile = "URL"
Proporciona la ubicación de uno o más perfiles de metadatos definidos previamente separadas
por espacios en blanco que se utiliza para definir las propiedades y valores que pueden ser
referenciados por los elementos meta en la cabeza de los atributos de los documentos, rel y
rev, y nombres de clase. Este atributo no se ha implementado por los navegadores.

Ejemplo
<DOCTYPE HTML PUBLIC "- / / W3C / / DTD XHTML 1.0 Transitional / / EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML xmlns = "http :/ / www.w3.org/1999/xhtml "xml: lang =" es "lang =" es ">
<head> <title> Título del documento </ title>
</ head>
<body> <p> contenido de documento. . . </ P>
</ body>
</ html>
Nombre

<hr />

41

Agrega una línea horizontal a la página que se puede utilizar como un divisor entre las
secciones del contenido. Este es un ejemplo de un elemento HTML de presentación. Una
regla entre secciones de un documento puede ser mejor manejado usando hojas de estilo
para agregar un borde en el borde superior o inferior de un elemento de bloque.
Atributos
Core (id, clase, estilo, título), Internacionalización, Eventos

align = "center | izquierda | derecha"
En desuso. Si la regla es más corto que el ancho de la ventana, este atributo controla la
alineación horizontal de la regla. El valor predeterminado es el centro.

noshade = "noshade"
En desuso. Muestra la regla como una barra sólida sin sombreado.

size = "número"
En desuso. Especifica el grosor de la línea en píxeles.

41

width = "número" o "número%"
En desuso. Especifica la longitud de la regla en píxeles o como porcentaje del ancho de la
página. Por defecto, las normas son el ancho de la ventana del navegador.

Ejemplo
<p> Estos son algunos pensamientos profundos. </ p> <hr /> <p> Y este es otro punto de
pensamientos profundos. </ p>
Nombre

<html>. . . </ Html>
Este es el elemento raíz de los documentos HTML y XHTML, es decir, todos los demás
elementos se encuentran dentro de ella. El elemento HTML no tiene antepasados. La etiqueta
de apertura <html> se coloca al inicio del documento, justo después de la declaración de tipo
de documento. La etiqueta de cierre va al final del documento.
Atributos

42

Internacionalización

id = "text"
XHTML solamente. Asigna un nombre único de identificación al elemento.
version = "- / / W3C / / DTD HTML 4.01 / / EN"
Desaprobado en HTML 4.01. En HTML, el valor de versión es un Identificador Formal Público
(FPI) que especifica la versión de HTML los usos de documento (el valor anterior especifica
4,01). En HTML 4.01, el atributo de versión está en desuso porque es redundante con la
información proporcionada en la declaración DOCTYPE. En XHTML 1.0, el valor de la versión
no ha sido definida.

xmlns = "http://www.w3.org/1999/xhtml"
Requerido por sólo XHTML. En un documento XHTML, este declara el espacio de nombres
XML para el documento.
Ejemplo

<DOCTYPE HTML PUBLIC "- / / W3C / / DTD XHTML 1.0 Transitional / / EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML xmlns = "http :/ / www.w3.org/1999/xhtml "xml: lang =" es "lang =" es ">
<head> <title> Título del documento </ title>
</ head>
<body> <p> contenido de documento. . . </ P>
</ body>
</ html>

Nombre

<i>. . . Texto </ i>
cerrado se muestra en cursiva. Se desaconseja el uso de a favor de la em más semántica
(subrayado) elemento. Este es uno de los pocos elementos de presentación que se conservan
en las XHTML 1.0 Strict y XHTML 1.1 DTD.
Atributos
Core, Internacionalización, Eventos

43

Ejemplo
Realmente tenemos que dejar <i> ahora </ i>!
Nombre

<iframe>. . . </ Iframe>
Define una (flotante) marco dentro de un documento que se utiliza para incrustar un
documento HTML en una página web en línea. Un marco en línea muestra el contenido de
un documento externo y puede mostrar los dispositivos de desplazamiento si el contenido no
cabe en el área de la ventana especificada. Los marcos en línea pueden ser posicionados de
manera similar a las imágenes. El contenido del elemento iframe muestra en los navegadores
que no soporten marcos en línea.
Atributos
Núcleo

43

Alinea el marco en línea en la página dentro del flujo del texto. marginheight = "número" Especifica la cantidad de espacio (en píxeles) entre los bordes superior e inferior del marco en línea y su contenido. El ajuste a izquierda y derecha permite que el texto fluya alrededor del marco en línea. Esta adición a la especificación HTML 4. Internet Explorer y Navigator utilizan un alto predeterminado de 150 píxeles. .01 puede ser útil para navegadores no visuales. que muestra la frontera height = "número" Especifica la altura del marco en línea en píxeles o como porcentaje del tamaño de la ventana. marginwidth = "número" Especifica la cantidad de espacio (en píxeles) entre los bordes izquierdo y derecho de la montura en línea y su contenido. El valor predeterminado es 1.0.align = "top | media | abajo | izquierda | derecha" En desuso. este atributo especifica la cantidad de espacio (en píxeles) para mantener clara a la izquierda ya la derecha del marco flotante. 44 longdesc = "URL" Especifica un vínculo a un documento que contiene una descripción larga del marco en línea y su contenido. frameborder = "1 | 0" Activa o desactiva la visualización de un borde 3D para el marco en línea. hspace = "número" No estándar. Asigna un nombre al marco en línea para ser referenciado por enlaces específicos. name = "text" En desuso en XHTML 1. Se utiliza junto con alineación a la izquierda y la derecha.

Ejemplo <h1> Inline (flotante) Marcos </ h1> <p <iframe width="200" height="100" align="left" src="list. un valor de ninguna manera las barras de desplazamiento no aparecen nunca. Lea la lista de <a href="list. Eventos 45 45 . src = "URL" Especifica la dirección URL del documento HTML para mostrar inicialmente en el marco flotante. Atributos Core. vspace = "número" No estándar. width = "número" Especifica la anchura del marco en línea en píxeles o como un porcentaje del tamaño de ventana. Muchos atributos del elemento img han quedado en desuso en favor de las hojas de estilo en cascada para la presentación y posicionamiento. Se utiliza junto con alineación a la izquierda y la derecha.html"> Su navegador no soporta Inline Frames. Internet Explorer y Navigator utilizan un ancho predeterminado de 300 píxeles. </ Iframe> </ p> Nombre <img /> Coloca una imagen en la página. Un valor de sí significa barras de desplazamiento aparecen siempre. Internacionalización.html"> aquí </ a>.scrolling = "yes | no | auto" Especifica si las barras de desplazamiento aparecen en el cuadro. Se requieren los atributos src y alt. este atributo especifica la cantidad de espacio (en píxeles) para mantener por encima y por debajo del marco en línea. un valor del auto (por defecto) significa barras de desplazamiento aparecen automáticamente cuando el contenido no encajan dentro del marco.

Esta es la alineación vertical de forma predeterminada. Alinea la línea de base de texto con el centro de la imagen. Alinea la imagen en el margen izquierdo y permite que el texto posterior para envolver alrededor de ella. Alinea la imagen en el margen derecho y permite que el texto posterior para envolver alrededor de ella. height = "número" Especifica la altura de la imagen en píxeles. border = "número" En desuso. No es obligatorio. Internet Explorer 4. Alinea la parte superior de la imagen con la parte superior del objeto más alto en esa línea. Especifica la alineación de una imagen utilizando uno de los siguientes valores: Valor resultante de alineación fondo Alinea la parte inferior de la imagen con la línea base del texto. izquierda medio 46 derecho top alt = "text" Obligatorio. Especifica el ancho (en píxeles) del borde que rodea a una imagen vinculada. pero se recomienda para acelerar el renderizado de la página web.align = "bottom | izquierda | centro | derecha | top" En desuso. .0 + y Netscape 6 en Windows muestran este texto como un "tool tip" cuando el mouse se sitúa sobre la imagen. Proporciona una cadena de texto alternativo que aparece cuando no se muestra la imagen.

Proporciona la ubicación del archivo gráfico que se mostrará. la cantidad de espacio para dejar claro por encima y por debajo de la imagen. Especifica (en número de píxeles). 47 name = "text" En desuso en XHTML 1.hspace = "número" En desuso. Especifica una imagen (por lo general de un tamaño de archivo más pequeño) que descargará en primer lugar. vspace = "número" En desuso. seguido por la imagen final especificado por el atributo src. la cantidad de espacio para dejar claro a la izquierda y derecha de la imagen. usemap = "URL" Especifica el mapa que contiene las coordenadas y enlaces a un mapa de imagen del lado del cliente (una imagen que contiene varios enlaces de hipertexto). Especifica (en número de píxeles). longdesc = "URL" Especifica un vínculo a una descripción larga de la imagen o el contenido de un mapa de imagen. Esto sólo es compatible con Netscape 6 como de este escrito. ismap = "ismap" Indica que el gráfico se utiliza como la base para un mapa de imagen del lado del servidor (una imagen que contiene varios enlaces de hipertexto).0. 47 . lowsrc = "URL" No estándar. Esto puede ser utilizado para hacer que la información acerca de la imagen accesible a los navegadores no visuales. el uso de Identificación del lugar. Asigna el elemento de imagen un nombre para que pueda hacer referencia a un script o estilos. src = "URL" Obligatorio.

accesskey = "carácter" Asigna una clave de acceso (acceso directo del teclado) a un elemento para un acceso más rápido. 48 Atributos Core. Ejemplo <p> estrella Primera <img src=" star2. Evento. No todos los atributos se pueden utilizar con todos los tipos de control. No es obligatorio. align = "bottom | izquierda | centro | derecha | top" En desuso. pero se recomienda para acelerar el renderizado de la página web. Los atributos asociados a cada tipo de control se enumeran a continuación. El tipo de control se define por el tipo de atributo. Puede ser utilizado para filtrar archivos no conformes cuando se pida confirmación al usuario seleccionar archivos para enviar al servidor. Focus. accept = "Tipo MIME" Especifica una lista separada por comas de los tipos de contenido que un servidor que procesa el formulario manejará correctamente. además onselect. checked = "checked" . onchange alt = "text" Especifica el texto alternativo para una imagen que se utiliza como un botón.width = "número" Especifica el ancho de la imagen en píxeles.gif "estrella alt=" dibujo" /> veo esta noche. Internacionalización. </ p> Nombre <input /> El elemento de entrada se utiliza para crear una variedad de controles de entrada de formulario. A continuación se presenta una lista completa de los atributos (con descripciones) que se pueden utilizar con el elemento de entrada. Especifica la alineación de una imagen.

49 readonly = "readonly" Indica que la entrada del formulario no podrá ser modificado. lo que podría ser útil para atenuar ciertos controles hasta que se suministra información requerida. size = "número" Especifica el tamaño de una caja de entrada de texto (medida en número de caracteres). por ejemplo). usemap = "URL" 49 . una casilla de verificación estará marcada por defecto. Asigna un nombre al control. excepto someterse y restablecer. Puede ser modificado sólo por medio de un script. src = "URL" Proporciona la dirección URL de una imagen que se utiliza como un pulsador. type = "text | password | checkbox | Radio | enviar | Restaurar | archivo | oculto | imagen | botón" Especifica el tipo de control de formulario. name = "text" Requerido por todos los tipos de entrada. Este atributo puede utilizarse con la "imagen" sólo de datos. maxlength = "número" Especifica el número máximo de caracteres que el usuario puede introducir para este elemento. Un programa de secuencia de comandos utiliza este nombre para hacer referencia al control. Tabulación de navegación permite al usuario desplazarse a través de los campos activos usando la tecla Tab.Cuando se agrega este atributo. Los navegadores pueden mostrar controles deshabilitados de manera diferente (en gris. tabindex = "número" Especifica la posición en el orden de tabulación. Las descripciones de cada tipo de entrada y sus atributos asociados se enumeran a continuación. disabled = "disabled" Desactiva el control de entrada del usuario. haciendo que el campo para desplazarse hacia la derecha. Los usuarios pueden escribir entradas que son más largos que el espacio previsto. ismap = "ismap" Indica que el gráfico se utiliza como la base para un mapa de imagen del lado del servidor (una imagen que contiene varios enlaces de hipertexto).

<input type="button" /> Crea un botón personalizable "push". Eventos. <p> ¿Cuál de los siguientes sistemas operativos ha utilizado? </ p> <input type="checkbox" name="os" value="WinXP" /> Windows XP . Los datos de los controles type = "button" nunca se envía con un formulario cuando se envía un formulario al servidor. Internacionalización. Las casillas de verificación son como interruptores on / off. Botones personalizables tienen ningún comportamiento específico. pero se pueden utilizar para desencadenar funciones creadas con los controles de JavaScript.Especifica el mapa que contiene las coordenadas y enlaces a un mapa de imagen del lado del cliente (una imagen que contiene varios enlaces de hipertexto). <Input type = value "botón" = "Push Me!" /> Core. Foco 50 align = "left | centro | derecha | top | bottom" (obsolete) disabled =“disable” name = "text" (requerido) value = "text" <input type="checkbox" /> Crea un elemento de entrada de casilla dentro de una forma. Cuando se envía un formulario. que pueden activarse por el usuario. value = "text" Especifica el valor para este control. Este atributo puede utilizarse con la "imagen" sólo de datos. estos botones de control son para uso exclusivo con programas de script en el navegador. sólo las casillas de verificación "en" Enviar valores al servidor. Varias casillas de verificación en un grupo pueden ser seleccionados de una sola vez.

Eventos. Foco align = "left | centro | derecha | top | bottom" (obsoleto) checked = "checked" disabled = “disable" name = "text" (obligatorio) readonly = “readonly” 51 value="text" (obligatorio) <input type="file" /> Permite a los usuarios enviar archivos externos con sus envíos de formularios. Internacionalización. proporcionando un mecanismo de navegación en la forma. Eventos. Internacionalización. <form enctype="multipart/form-data"> <p> Enviar este archivo con la información de mi formulario: </ p> <input type="file" size="28" /> </ form> Core.<input type = "checkbox" name = "os" value = "Linux" checked = "checked" /> Linux <input type="checkbox" name="os" value="OSX" checked="checked" /> Macintosh OSX <input type = "checkbox" name = "os "value =" DOS "/> DOS Core. Foco accept = "Tipo MIME" 51 .

<Input type = "hidden" name = "extra" value = "important" /> accesskey = "carácter" tabindex = "número" name = "text" (obligatorio) value = "text" (obligatorio) .disabled = "disabled" maxlength = "número" name = "text" (Obligatorio) readonly = “readonly " Size = "número" value = "text" <input type="hidden" /> 52 Crea un control que no se muestra en el navegador. Controles ocultos se pueden utilizar para pasar información especial forma de procesamiento del servidor que el usuario no puede ver o modificar.

Eventos.<input type="image" /> Permite que una imagen sea usada como un sustituto de un botón de envío. se envía el formulario. Si se pulsa un botón de tipo = "imagen". <Input type = "imagen" src = "graphics / sendme. Internacionalización. Tenga en cuenta que esto no cifrar la información introducida y no debe ser considerada como una medida de seguridad real.gif" alt = "Mándame" /> Core. como mostrando una cadena de asteriscos (*) o viñetas (•) . pero el texto de entrada se hace de una manera que oculta los caracteres. <input type="password" name="password" size="8" maxlength="8" value="abcdefg" /> 53 . Foco align = "top | media | bottom" alt = "text" disabled = "disabled" ismap = "ismap" 53 name = "text" (obligatorio) src = "URL" usemap = "URL" <input type="password" /> Crea un elemento de entrada de texto (como <input type="text">).

Internacionalización." Esto los hace diferente de casillas de verificación. <p> ¿Cuál de los siguientes sistemas operativos ha utilizado? </ p> <input type="radio" name="os" value="WinXP" /> Windows XP <input type = "radio" name = "os" value = "Linux" /> Linux <input type="radio" name="os" value="OSX" checked="checked" /> Macintosh OSX <input type = "radio" nombre = valor "os" = "DOS "/> DOS Core. Foco disabled = "disabled" maxlength = "número" name = "text" (Obligatorio) readonly = “readonly" size= "número" value = "text" (Obligatorio) 54 <input type="radio" /> Crea un botón de radio que se puede activar y desactivar. Internacionalización. Foco . Eventos. Eventos. Sólo los datos de la "en" se envía botón de opción cuando se envía el formulario.Core. Cuando una serie de botones de radio comparten el mismo nombre de control. sólo un botón dentro del grupo puede ser "activado" de una sola vez. que permiten múltiples opciones que se seleccionen dentro de un grupo. y todos los demás son "off.

</ p> <input type="submit" /> 55 . <p> Ha completado el formulario. Foco disabled = "disable" name = "text" value = "text" <input type="submit" /> Crea un control de botón de enviar. pulsando el botón envía inmediatamente la información en el formulario al servidor para su procesamiento. Internacionalización. Eventos. 55 <input TYPE="reset" value="Start Over "/> Core.checked = "checked" disabled = “disabled" name= "text" (Obligatorio) readonly = "readonly" value = "text" (Obligatorio) <input TYPE="reset" /> Crea un botón de reinicio que borra el contenido de los elementos en una forma (o los pone en sus valores predeterminados).

Foco disabled = "disabled" maxlength = "número" name = "text" (Obligatorio) readonly = "readonly" size= "número" . así como la más útil y común. Eventos. Foco disabled = "disable" name= "texto" value = "texto" <input type="text" /> Crea un elemento de entrada de texto. <Input type = "text" name = "nombre" size = "15" maxlength = "50" value = "introduzca su nombre" /> 56 Core. Internacionalización. Eventos. Este es el tipo de entrada predeterminado. Internacionalización.Core.

Internacionalización. . El elemento ins puede indicar ya sea en línea o elementos a nivel de bloque. no puede insertar un elemento en bloque. </ Ins> Indica el texto que se ha insertado en el documento. Ver del para una explicación del formato de fecha / hora. Su contraparte es el texto eliminado (del). sin embargo. El navegador muestra un campo de entrada de texto y una línea genérica que dice: "Este es un índice de búsqueda. . Eventos cite = "URL" Se puede configurar para que apunte a un documento de origen que explica por qué se cambió el documento.value = "texto" Nombre <Ins>. búsquedas más sofisticadas se pueden manejar con elementos de formulario y scripts CGI. 57 datetime = "AAAA-MM-DDThh: mm: ssTZD" Especifica la fecha y la hora se hizo el cambio. cuando se utiliza como un elemento en línea (como dentro de ap). Marca el documento como realizar búsquedas. Atributos Core. 57 . El servidor en el que se encuentra el documento debe tener un motor de búsqueda que soporta esta búsqueda. Escriba las palabras clave "Este método es obsoleto. El elemento ISINDEX no es parte del sistema de forma y no necesita estar contenido dentro de un elemento de formulario. porque eso violaría las reglas de anidación. . Puede ser útil para los documentos legales y cualquier instancia en la que edita necesidad de realizar un seguimiento. Ejemplo Consejero Delegado: title="retired"> <del Peter Pan </ del> <Ins> Pippi Calzaslargas </ ins> Nombre <ISINDEX /> desuso.

Eventos 58 Ejemplo <p> Ingrese su código de cupón. Cada elemento label se asocia con exactamente un control de formulario. Ejemplo <ISINDEX prompt="Enter su búsqueda term" /> Nombre <kbd>. Internacionalización. . o puede utilizar el atributo para identificar el control por su id.Atributos Core. Atributos Core. Internacionalización prompt = "texto" Proporciona texto alternativo (no por defecto) para ser utilizado como una consulta por parte del usuario. El elemento de la etiqueta puede contener el control de formulario. </ Label> Se utiliza para conectar la información con los controles. . Eventos. </ Kbd> significa "Teclado" e indica el texto introducido por el usuario. . . Internacionalización. . Foco for = "text" Explícitamente asocia la etiqueta con el control. haciendo coincidir el valor del atributo con el valor del atributo id en el elemento de control. Ejemplo: AX4003 <kbd> </ kbd> </ p> Nombre <label>. Atributos Core.

Internacionalización . Eventos 59 . Atributos Core. . Alinea el texto en relación con el conjunto de campos . Eventos accesskey = " Carácter " Asigna una clave de acceso ( acceso directo del teclado ) a un elemento para un acceso más rápido . ul . 59 align = " top | Abajo | Izquierda | Derecha " En desuso . fieldset Atributos Core. < / li > Define un elemento de una lista. menú (en desuso ) y dir (en desuso ) elementos de la lista . Internacionalización . . Example <fieldset> <legend> Mailing List Suscríbase < / legend> <label> Agrégame a su lista de correo <input type="radio" name"list" /> < / label> <label> No gracias < nombre de la entrada " lista " value =" no " / > < / label> < / fieldset > Nombre <li> .Ejemplos <label> No thanks <input name"list" value="no" /> </label> <label for="lastname"> Last Name: </label> <input type="text" id="lastname" size="32" /> Nombre <legend> . . Esto mejora la accesibilidad cuando el se rinde no visual . . < / legend> Asigna un título a un conjunto de campos ( que debe estar contenido dentro de un elemento fieldset ) . Se utiliza en el ol.

href = "URL" Identifica el documento de destino. value = " número " En desuso . Dentro de las listas sin ordenar ( ul ) . . Internacionalización . el atributo de inicio se aplica al elemento ol. el atributo type puede usarse para especificar el estilo de viñeta (disco . puede especificar el primer número en la secuencia numérica. < / li > <li> Wrap ajo en papel de aluminio . En las (X ) Recomendaciones HTML . Dentro de las listas ordenadas . 60 Example <ol> <li> Precaliente el horno a 300 . start = "número" No estándar . < / li > <li> Hornee durante 2 horas. < / li > < / ol > Nombre <link /> Define la relación entre el documento actual y otro documento. Eventos charset = " charset" Específica la codificación de Caracteres del Documento de Destino. el atributo type especifica el estilo de numeración (ver opciones en el listado ol) de un elemento de lista particular. círculo o cuadrado) para un elemento de lista particular. Siguiente lista de elementos aumentan el número especificado. Aunque puede significar relaciones tales como el índice .type = "formato" En desuso . no li . puede especificar el número de un elemento. se utiliza con mayor frecuencia para vincular un documento a una hoja de estilos externa. y el anterior. Dentro de las listas ordenadas ( ol ) . Cambia el formato de los números o viñetas generados automáticamente para los elementos de lista . al lado . Dentro de las listas ordenadas . Atributos Core.

El mapa debe ser nombrado con el atributo de nombre en los documentos HTML . El texto de valor / css indica que el documento vinculado es una hoja de estilos en cascada externa. Tipos de relaciones más comunes son de estilo. < / map> Especifica un mapa de imagen del lado del cliente. Example <head> <link rel="stylesheet" href="/pathname/stylesheet. rel = " Relaciones " Describe una o más relaciones a partir del documento fuente de corriente a la meta . . Contiene un número de elementos de la zona . A Menudo sí utiliza target apuntar marcos . . el índice y glosario. Objetivo 61 Target = " Nombre" Definir La Ventana De DESTINO Predeterminado Para Todos Los Enlaces baño document . el derecho de autor .hreflang = " Código de idioma " Específica de base el idioma del Documento de Destino. siguiente. 61 . type = "recurso" Muestra el contenido multimedia o tipo de un enlace externo. anterior . rev = " Relaciones " Especifica una o más relaciones del documento de destino de nuevo a la fuente (lo contrario del atributo rel) .css" type="text/css" /> < / head> Nombre <map> . que establecen las regiones se puede hacer clic en el mapa de imagen. el atributo id en documentos XHTML o ambos de la compatibilidad hacia atrás . medios = "all | pantalla | imprimir | mano | proyección | tty | tv | proyección | braille | aural " Identifica el soporte de destino para el documento vinculado de manera que se puede acceder a una hoja de estilo alternativo.

el uso de Identificación del lugar . o de estilos. Este atributo es necesario en las XHTML 1.23. como un menú de enlaces a otros documentos. Example <menú> <li> Acerca < / li > <li> Noticias < / li > <li> Blog < / li > <li> Contactar < / li > < / menu> .nasa. Eventos id = "text" Obligatorio .html "/> < / map> 62 Nombre <menú> . Atributos Core. desaprobado en XHTML 1. Los menús están destinados a ser utilizados para obtener una lista de opciones cortas.64.106" href=http://www. Rara vez se utiliza y ha sido desaprobado en favor de ul. Example <map name="space" id="space"> <area shape="rect" coords="203.40 "href =" " alt =" mipagina.gov alt=""/> < área de forma = " círculo " coords =" 372. Internacionalización . Hace que la lista de lo más pequeño posible .0 y 1. < / menu> desuso .Atributos Core. escritura. Internacionalización .1 Recomendaciones.285. Indica una lista de menús . que se compone de elementos de lista ( li ) . Da el mapa de imagen un nombre que hace referencia a continuación. . Eventos compact = "compact" En desuso . .0 sólo . Da el mapa de un nombre único para que pueda ser referenciado desde un enlace . en el elemento img . name = "text" Necesario en HTML . Pocos navegadores soportan el atributo compacto.

equiv = " refresh" content = " 15 " /> 63 63 . Asigna ONU Nombre Único de identificación al Elemento . Es comúnmente usado para identificar el tipo de medio y el juego de caracteres de un documento. Especifica el valor de la propiedad elemento meta y siempre se utiliza junto con el nombre o http. palabras clave . name = "text" Especifica un nombre para la propiedad meta información . id = "text" Solamente XHTML . También puede proporcionar información sobre el autor . Atributos Internacionalización ( lang . xml: lang . scheme = "text" Proporciona información adicional para la interpretación de los metadatos. Ejemplos <meta name= "copyright" content= "2006. Debe ser colocado en el encabezado del documento .equiv . http. descripciones y otros metadatos. charset=utf-8" /> < meta http. Se utiliza en conjunción con el atributo de contenido ( en lugar del atributo de nombre ) . dir) content = "text" Obligatorio .equiv = "text" La información requerida se trata como si estuviera incluido en el encabezado HTTP que el servidor envía por delante del documento. O'Reilly Media" /> <meta http-equiv= "content-type" content= "text/html.Nombre <meta /> Proporciona información adicional sobre el documento .

Este elemento se utiliza dentro o después del elemento de inserción . < / noscript > Proporciona contenido alternativo cuando un script no puede ejecutarse . El contenido de este elemento puede representar si el agente de usuario no soporta scripting. . gif " > no parece tener el plugin. . . Nombre <noscript> . . . o si el navegador no reconoce el lenguaje de scripting.Nombre <NOEMBED> . < / noembed > no estándar .com/quicktime/download/"> <NOEMBED> <img src = "vacaciones . si el soporte de scripting está apagado. Internacionalización .apple. < / noembed > < / embed> Nombre 64 <NOFRAMES> . Eventos Example Vea la lista de marcos. . Los navegadores que los marcos de soporte ignoran el contenido en noframes . . Atributos Ninguno Example <embed width="240" height="196" src="movies/vacation. Atributos Core. El texto o el objeto en el elemento noembed aparece cuando un objeto incrustado no se puede visualizar ( por ejemplo.mov" pluginspage="http://www. < / noframes > Define el contenido que se mostrará por los agentes de usuario (navegadores) que no pueden mostrar marcos. cuando el plug-in adecuado no está disponible ) .

guión aquí < / script > <noscript> El guión está desactivado. Internacionalización .Atributos Core. el código ejecutable que se ejecuta con el fin de representar el objeto . El elemento de objeto puede contener una serie de elementos param que pasan la información importante para el objeto cuando se muestra o su equipo juegue. Ajustes adicionales requeridos por el objeto en tiempo de ejecución . applet. No todos los objetos requieren parámetros adicionales. Atributos Core. El elemento de objeto comenzó como un elemento de propiedad en Internet Explorer para apoyar ActiveX y más tarde los applets de Java .. audio. como una película o un archivo PDF . en la mayoría de los casos en un archivo externo . . películas. Eventos align = "bottom | media | top | izquierda | derecha " En desuso . no es posible en la actualidad para colocar de forma fiable las imágenes con el elemento de objeto . Los datos que se prestarán .es decir . < / object > Un elemento genérico que se utiliza para incrustar medios (como una imagen. por ejemplo . Alinea el objeto con respecto al texto que lo rodea . y se introdujeron en tabindex HTML 4. < / Noscript > Nombre <object> . Los atributos de declarar . Los ajustes de tiempo de ejecución se proporcionan con elementos param dentro del objeto . Internacionalización . .01 y no son compatibles con la versión 4 de los navegadores y versiones anteriores . Los elementos de objeto y param trabajan juntos para permitir a los autores especificar tres tipos de información: La ejecución del objeto . en espera. Algunos objetos multimedia incorporados requieren ajustes adicionales que serán llamadas en juego cuando el objeto toca o se dicte. 65 65 . o incluso otro archivo HTML ) en una página web. El soporte de navegador para el elemento objeto no a la altura de la visión del W3C de objeto como un objeto de placer para todo uso . Vea el elemento img para obtener explicaciones sobre los valores de alineación .. Eventos Example Messenger type="text/JavaScript"> . Los atributos requeridos para el elemento objeto varía con el tipo de contenido que está colocando . El atributo de datos especifica la dirección URL de los datos.

esta instalación es similar a una declaración adelantada en un lenguaje de programación más convencional . data = "URL" Especifica la dirección URL de los datos utilizados para el objeto. codebase = "URL" Identifica la URL base que se utiliza para resolver direcciones URL relativas en el objeto (similar a la base). La sintaxis depende del tipo de objeto . classid = "URL" Identifica la ubicación de la implementación de un objeto. pero restringe el navegador descargue y procesarla . lo que le permite diferir la descarga hasta que el objeto realmente se acostumbra . border = "número" En desuso . Establece el ancho del borde en píxeles si el objeto es un enlace. No es compatible con los navegadores Gecko . La sintaxis depende del objeto . Se utiliza junto con el atributo de nombre . declare = " declare " Declara un objeto . Esto sólo es necesario si el navegador no puede determinar el tipo MIME de un applet del atributo classid o si el servidor no entrega el tipo MIME correcto al descargar el objeto. . 66 codetype = " codetype " Especifica el tipo de medio del código.archive = "URL" Especifica una lista separada por espacios de direcciones URL de los recursos que están relacionados con el objeto. Se utiliza con o en lugar del atributo de datos . Por defecto. código base es la dirección URL base del documento actual .

67 67 . tabindex = "Numero " Específica la posicion del Elemento real en el Orden de Pestañas del document real. Entre Estar debe El valor 0 y 32767. Fuera del 1. width = "Numero " Especifica el ancho del objeto en píxeles. name = "text" Especifica el nombre del objeto para hacer referencia a las secuencias de comandos en la página.1 Recomendación XHTML en favor del atributo id. standby = "mensaje" Especifica el mensaje para que aparezca durante la carga de objetos . type = "tipo" Especifica el tipo de papel para los datos. hspace = "Numero " En desuso . Se utiliza párr la tabulación un Través de los enlaces En Una page (o campos de Formulario des) . usemap = "URL" Especifica el mapa de imagen para su uso con el objeto. vspace = "Numero " En desuso . Especifica el número de píxeles de espacio libre a la izquierda y derecha del objeto .height = "Numero " Especifica el alto del objeto en píxeles. Especifica el número de píxeles de espacio libre por encima y por debajo del objeto .

wmv" /> <param name="autoStart" value="false" /> < param name =" UIMode " value = " total " / > </ object > Nombre <ol> . d Números romanos en mayúsculas I.com/activex/controls/mplayer/ en/nsmp2inf . start = "número" En desuso . III. Eventos 68 compact = "compact" En desuso . b . type = " 1 | A | a | I | i" En desuso .microsoft.B153 . iv .7. B .Example <objetc classid = " clsid : 6BF52A52 .4. . 3. Internacionalización . iii. ii . Muestra la lista tan pequeño como sea posible. cab # version = 6.111 "> <param name="URL" value="movies/europe. Los atributos de inicio y tipo están en desuso en favor de los controles de hoja de estilos en cascada . Inicia la numeración de la lista en el número en vez de en 1. IV numerales romanos en minúsculas i . .394A . 2 . D a. < / ol > Define una ordenada ( numerada ) lista que consta de uno o más elementos de lista ( li ) . El agente de usuario inserta números de los puntos automáticamente. II . Pocos navegadores soportan el atributo compacto. c. C .00C04F79FAA6 " height = " 280 " width = codebase " 320 " = " http://activex. 4 A. Define el sistema de numeración de la lista de la siguiente manera : Estilo Tipo Generado 1 A a I i números arábigos (por defecto ) Secuencia de Letras mayúsculas Letras minúsculas Muestra 1. Atributos Core.11D3.

duper Praliné Pecan Smashup < / option> < / optgroup > </ select > Nombre 69 . < / optgroup > Define un grupo lógico de opciones de elementos. Example <p> ¿Cuáles son sus sabores de helado favorito ? <p> <select name="ice_cream" size="6" multiple="multiple"> <optgroup label="traditional"> <option> Vanilla < / option> < opción > Chocolate < / option> < / optgroup > <optgroup label="specialty"> <option> de adentro hacia afuera Rocky Road < / option> <option super. . 69 label = "text" Obligatorio . Se puede volver a activar con un guión . optgroup Atributos Core (id. clase. estilo . Especifica la etiqueta para el grupo de opciones. Los navegadores pueden usar optgroup elementos para mostrar menús en cascada jerárquicos. Eventos disabled = " disabled" Indica que el grupo de opciones no es funcional . Internacionalización .Example <ol> <li> levantarse de la cama < / li > <li> Tome una ducha < / li > <li> a pasear al perro < / li > < / ol > Nombre <optgroup> . Un elemento no puede contener otros elementos optgroup ( que no pueden ser anidados ) . . título ) .

Se puede volver a activar con un guión . Eventos disabled = " disabled" Indica que la selección es inicialmente no funcional . < / option> Define una opción dentro de un elemento de selección ( un menú de opción múltiple o de lista de desplazamiento ) . value = " text" Define un valor para asignar al elemento de opción en el control de selección para utilizar en lugar de los contenidos de opción.fuera Rocky Road < / option> <option super.<option> .duper Praliné Pecan Smashup < / option> <option Mint chocolate Chip < / option> <option pistacho < / option> < / select> Nombre . Atributos Core. Example <p> ¿Cuáles son sus sabores de helado favorito ? < / p> <select name="ice_cream" size="4" multiple="multiple"> <option> Vanilla < / option> <option chocolate < / option> < option> Dentro . label = "text" Permite al autor para proporcionar una etiqueta más corta que el contenido de la opción. Internacionalización . . . Este atributo no está soportado. El contenido del elemento opción es el valor que se envía a la aplicación de procesamiento de formulario (a menos que se especifique un valor alternativo mediante el atributo de valor). 70 selected = "selected " Hace este artículo seleccionado cuando el formulario se muestra inicialmente .

Example <p> párrafos son los elementos más rudimentarios de un documento de texto . escritura. . type = " tipo de contenido" Especifica el tipo de medio del recurso sólo cuando el atributo valuetype se ajusta a la ref . Es más versátil que el nombre . Los párrafos pueden contener elementos de texto y en línea. . name = "text" Obligatorio . incluyendo otros párrafos. Un parámetro es la información requerida por el applet u objeto multimedia en tiempo de ejecución . Atributos id = "text" Proporciona un nombre (similar al atributo de nombre ) para que se pueda hacer referencia desde un enlace . Eventos align = " center | izquierda | derecha " En desuso . 71 . pero no es tan universalmente compatible. < / p> Denota un párrafo. derecha o centro de la página . Ellos se indican mediante el elemento p . pero no puede contener otros elementos de bloque . En él se describen los tipos de valores que se encuentran en el lugar indicados . Define el nombre del parámetro . Alinea el texto en el elemento a la izquierda . Los navegadores son instruidos para ignorar múltiples elementos p vacíos.<p> . < / P> Nombre <param /> 71 suministra un parámetro dentro de un elemento del applet u objeto. Internacionalización . o de estilos. Atributos Core.

| objeto" Indica el tipo de valor : los datos indican que el valor del parámetro es de datos ( por defecto) . Internacionalización . . Este atributo opcional determina el número de caracteres que caben en una sola línea dentro del bloque de pre . el texto dentro de un elemento pre se muestra en una fuente de espacio sencillo como Courier . . . xml: space = " preserve" Solamente XHTML .value = " text" Define el valor del parámetro . en honor a los espacios en blanco . El siguiente ejemplo se volvería sobre el mismo en el navegador que aparece en este libro. Example <pre> Esto es un texto con un ejemplo de la gran cantidad de espacios en blanco curioso . lo que significa que las líneas se muestran tal y como se 72 escriben en . Example Vea la lista de objetos. Por defecto. Nombre <pre> . ref indica que el valor del parámetro es una URL. Encarga procesadores XML para preservar el espacio en blanco en el elemento . Eventos width = "Numero " En desuso . Atributos Core. < / pre> Delimita el texto preformateado . como tener múltiples espacios de caracteres y saltos de línea . objeto indica que el valor es el URL de otro objeto en el documento. valuetype = "Datos | Ref.

Eventos cite = "URL" Designa el documento de origen de donde se tomó la cita . . <q> Hace ochenta y siete años. Internacionalización . el navegador puede insertar comillas específicos del lenguaje . Nombre 73 73 . Internacionalización . Algunos navegadores insertan automáticamente comillas. Cuando se utiliza con el atributo lang (idioma) . < / P> Nombre <S> . . < / q > . Eventos Example Llevaba el sombrero más feo <S> < / s > lo más interesante que jamás había visto . Atributos Core.< / pre> Nombre <q> . . Example <p> En ese famoso discurso que comienza . . pero introducido por las versiones posteriores del navegador ) . . . Atributos Core. " Se diferencia de blockquote . < / q > Delimita una cita corta que se puede incluir en línea. Texto cerrado se muestra como texto tachado (igual que la huelga . < / s > desuso . que es un elemento blocklevel utilizado para citas largas. tales como "ser o no ser.

defer = " defer" Indica que el agente de usuario que la secuencia de comandos no generará el contenido del documento . < / script > Coloca una secuencia de comandos en el documento (normalmente JavaScript para documentos web ) . . . scripts . . < / samp > Delimita ejemplo de salida de los programas . id = "text" Solamente XHTML . . Texto de la muestra se exhibe generalmente en una fuente de espacio sencillo . < / p> Nombre <script> . Puede aparecer cualquier número de veces en la cabeza o el cuerpo del documento.<samp> . El script se puede proporcionar en el elemento de secuencia de comandos o en un archivo externo (proporcionando el atributo src) . Eventos Example <p> Proveer mensajes de error alternativas para <samp> 404 Not Found < / samp > . Atributos Core. por lo que el agente de usuario puede continuar la representación . Asigna ONU Nombre Único de identificación al Elemento . 74 Atributos charset = "Juego de caracteres" Indica la codificación de caracteres de un documento de script externo (no es pertinente para el contenido del elemento script). etc . . Internacionalización .

El valor es un tipo de contenido . . onblur . además onfocus . Esta configuración anula cualquier configuración script predeterminado para el documento. / /] ]> < / Script > Nombre <select> . . .language = "text" En desuso . xml: space = " preserve" Solamente XHTML . Atributos Core. Se trata de un contenedor para uno o más elementos de opción . JavaScript código va aquí. se ha desaprobado en favor del atributo type . 75 . Este elemento también puede contener uno o más elementos optgroup . . pero ya que no ha sido estandarizada . Example 75 <script type="text/javascript"> / / <! [ CDATA [ . Especifica el lenguaje de programación utilizado para el script actual. Proporciona el nombre del lenguaje de script . Se puede volver a activar con un guión . Internacionalización . lo más a menudo text / javascript. . onchange disabled = " disabled" Indica que el elemento de selección es inicialmente no funcional . type = " content-type " Obligatorio. eventos . Encarga procesadores XML para preservar el espacio en blanco en el elemento . src = " URL" Proporciona la ubicación de un script externo . . < / select> Define un menú de opción múltiple o de una lista desplegable .

Cuando este atributo está ausente . cuando el formulario se envía a la aplicación de procesamiento de forma . Para valores superiores a 1 . Cuando se especifica múltiple. Internacionalización . Tabulación de navegación permite al usuario desplazarse por los campos activos mediante el uso de la tecla Tab. . Atributos Core. este nombre se envía junto con cada valor de la opción seleccionada. Eventos Example <h2> Instrucciones <small> (Actualizado 6/06 ) < / small> </ h2 > . la lista se muestra como un menú emergente. Cuando se especifica el tamaño = 1 . < / small> Renders el tipo más pequeño que el texto que lo rodea . las opciones se muestran como una lista desplegable con el número especificado de opciones visibles . Define el nombre de control de selección . el valor varía según el navegador (pero un valor de 4 es común) .multiple = "multiple" Permite al usuario seleccionar más de una opción de la lista. sólo se permiten selecciones individuales. Example <p> ¿Cuáles son sus sabores de helado favorito ? < / p> <select name="ice_cream" > <option> Vanilla < / option> <option chocolate < / option> <option menta con trozos de chocolate < / option> < option> Pistacho < / option> < / select> Nombre <small> . El valor por defecto es 1 cuando no se utiliza múltiple. size = "Numero " Especifica el número de filas que se muestran en la lista de opciones . . 76 tabindex = "Numero " Especifica la posición en el orden de tabulación . name = "text" Obligatorio .

Eventos Example Get yours <strong> hasta agotar existencias! < / Strong> 77 . .Nombre <span> . Eventos Example Es <strike> separada < / strike > un tema aparte . Los agentes de usuario por lo general representan los elementos fuertes en negrita. Internacionalización . Nombre <strong> . Puede ser utilizado en conjunción con la clase y / o atributos id y formateado con hojas de estilos en cascada . Internacionalización . Eventos Example Jenny: <span class= "telephone" > 867. Texto cerrado se muestra como texto tachado ( atravesado por una línea horizontal). < / span > Identifica un elemento en línea genérico. < / strike > desuso . . Atributos Core. . . < / strong > de texto cerrado se enfatiza fuertemente .5309 < / span > Nombre <strike> . . . Se ha dejado de utilizarse en favor de los controles de hojas de estilo . Atributos Core. 77 Atributos Core. Internacionalización .

Atributos . . < / style> Insertos reglas de estilo en la cabecera de un documento. Asigna ONU Nombre Único de identificación al Elemento . Atributos Internacionalización id = "text" Solamente XHTML . space = " preserve") Obligatorio. el valor es Solamente XHTML . Encarga procesadores XML para preservar el espacio en blanco en el elemento . < / sub> Formatos encerrados texto como subíndice. Puede ser una sola palabra clave o una lista separada por comas. medios = "all | aural | braille | mano | imprimir | proyección | pantalla | tty | tv" Especifica el destino intencionado para la información de estilo .} < / style> Hojas de Estilo <title> < / title> < / head> Nombre <sub> . Example <head> <style type="text/css"> h1 {color : # 666 . . type = " tipo de contenido" ( texto text / css / css xml: . Especifica el lenguaje de hoja de estilo .Nombre <style> . Para las Hojas de Estilo en Cascada ( actualmente la única opción de tipo de estilo ) . 78 title = "text" Da la hoja de estilo incrustada un título. . El valor por defecto es la pantalla . .

La alineación por defecto es la izquierda. y td para crear celdas de la tabla dentro de la fila . El color se especifica en valores RGB hexadecimales o por nombre del color. Se requiere que la etiqueta de cierre para el elemento de la tabla . Eventos align = " left | right | center" En desuso . Eventos Example <p> E = MC <sup> 2 < / sup > < / p> Nombre 79 <table> . < / table> Indica una mesa. Los elementos mínimos para la definición de una tabla son tabla para establecer la propia tabla . y su omisión puede causar que la mesa no va a representar en algunos navegadores. tr para declarar una fila de la tabla . . Internacionalización . Alinea la tabla dentro del flujo de texto (igual que se alinean en el elemento img ) . Atributos Core. . 79 . Internacionalización . Eventos Example <p> H <sub> 2 < / sub> 0 < / p> Nombre <sup> . bgcolor = "# RRGGBB "o " Nombre del Color " En desuso . Internacionalización .Core. Atributos Core. . Las hojas de estilo son el camino adecuado para la especificación de colores. Especifica un color de fondo de toda la tabla. . < / sup > Formatos adjunta el texto como superíndice. El valor central no es universalmente compatible.

border = "número" Especifica el ancho (en píxeles) del borde alrededor de la tabla y sus células. . cellspacing = "número" Establece la cantidad de espacio (en número de píxeles) entre celdas de tabla. frame = "vacío | arriba | abajo | hsides | lhs | dcha. El valor por defecto es 2 . El valor Por Defecto it 1 . El valor Por Defecto it 1 . Los valores son los siguientes : Value Description void above below hsides vsides lhs rhs The frame does not appear (default). Left side only. Ajuste su valor a 0 (cero ) convierte las fronteras por completo. Top side only. Bottom side only. aunque esto no es válido en XHTML . en el número de puntos. entre el borde de la celda y su contenido. Adición de la palabra frontera sin un valor de resultado en un borde de 1 píxel . cellpadding = "número" Establece la cantidad de espacio. Right side only. Top and bottom sides only. | vsides | 80 Caja | fronteriza " Le dice al navegador dónde trazar las fronteras alrededor de la mesa . Right and left sides only.

Cuando el atributo de borde se establece a un valor mayor que cero . and tbody ) and column groups. pero no se admite universalmente . Sus valores son los siguientes : 81 Valor Descripción Value Description all cols groups Rules appear between all rows and columns. Rules appear between rows only. con que hará que un documento no se va a validar. All four sides. Debido a que este atributo no es estándar .0 y se encuentra en las actuales Recomendaciones (X ) HTML . las reglas por defecto a todos menos que se especifique lo contrario. Rules appear between row groups (thead. height = "Numero " o " porcentaje" No estándar . Este atributo se introdujo por Internet Explorer 3. Rules appear between columns only. rules = "all | cols | grupos | Ninguno filas " Le dice al navegador dónde trazar reglas dentro de la tabla . none rows No rules (default). 81 .Value Description box border All four sides. Puede ser especificado en un número específico de píxeles o un porcentaje del elemento padre . tfoot. Especifica la altura mínima de toda la tabla.

El valor Por Defecto es la Izquierda . Eventos align = " left | right | center | Justificar | char" Específica la alineación horizontal del Texto De Una Celda o Celdas .summary = "text" Proporciona un resumen de los contenidos de la tabla para el uso con los navegadores no visuales . Se puede especificar el número de píxeles o porcentaje del elemento padre . Debe contener al menos un elemento de fila (tr ) . thead y tfoot ) podrían acelerar la 82 presentación de las tablas y proporcionar un mecanismo para el desplazamiento del cuerpo de una tabla de forma independiente de la cabeza y el pie. Atributos Core. Los atributos char y charoff no son compatibles con los navegadores comerciales actuales . . width = "Numero " o " porcentaje" Especifica el ancho de toda la tabla. Example ancho <table = 1 < / td > <td> celular "70%" cellpadding ="10" > <tr> <td> celda 2 < / td > < / tr> <td> celular 3 < / td > Célula <td> 4 < / td > < / tr > < / table> Nombre <tbody> . El ATRIBUTO de alineación se del como APLICA al Contenido Celda de la tabla no es obsoleto y SÓLO aparece en el Módulo de Tablas del 1. Elementos " grupo Row " ( tbody . . < / tbody > Define una fila o grupo de filas como el " cuerpo" de la tabla .1 pertenezcan Recomendación XHTML char = " Carácter " Específica sin Personaje un lo largo de la Cual el Contenido celular sí alinearán CUANDO alinear sí Establece en la charla . Internacionalización . Los grupos de filas también podrían ser útiles para la impresión de las tablas largas para los que la información de la cabeza puede ser impreso en cada página. El Carácter Predeterminado it decimal punto ONU ( .

Example <table> <thead> 83 <tr> <th> Empleado < / th> <th> Salario < / th> <th> Fecha de inicio < / th> < / tr > < / thead > <tfoot> <tr> < td colspan = " 3 "> Compilado por Buster D. . Este ATRIBUTO lo general. Este ATRIBUTO lo general. . < / tr> . debe Ser horizontal Cambió párr Terminar en la posicion de alineación . El ATRIBUTO valign COMO SE APLICA al Contenido de las Celdas de tabla no es obsoleto y SÓLO aparece en el Módulo de Tablas del 1. . más celdas de datos .1 pertenezcan Recomendación XHTML . Si Una línea no utiliza sin Carácter de alineación . valign = "top | media | abajo | línea de base" Específica la alineación vertical. . más celdas de datos . no es Soportado Por los Navegadores Actuales .Lenguaje apropiado ) . < / tr > < / tbody > < / table> 83 . Boss < / td > < / tr > < / tfoot > <tbody> <tr> <td> Wilma < / td > <td> 5000 < / td > <td> abril 6 < / tr> . del text in Las Celdas De Una Columna . . . . charoff = " Longitud " Específica La Distancia de Desplazamiento Con El imprimación Carácter de alineación en cada en línea ahora . no es Soportado Por los Navegadores Actuales . .

sobre todo si la celda contiene imágenes. axis= "text" Coloca una célula en una categoría conceptual . El ATRIBUTO de alineación se del como APLICA al Contenido Celda de la tabla no es obsoleto y SÓLO aparece en el Módulo de Tablas del 1. El valor Por Defecto es la Izquierda . Eventos abbr = "text" Proporciona una forma abreviada del contenido de la celda . Color de fondo de una celda anula colores especificados en los planos de fila o de mesa. Especifica una imagen gráfica para ser utilizado como un azulejo dentro de la célula . . bgcolor = "# RRGGBB " o " Nombre del Color " En desuso . background = "URL" No estándar . Se requiere que la etiqueta de cierre en XHTML para que el documento sea válido. que luego podría utilizarse para organizar o buscar en la tabla de diferentes maneras . Las hojas de estilo deben ser utilizados para posicionar las imágenes en el fondo de las celdas de la tabla . Una celda puede contener cualquier contenido.1 pertenezcan 84 Recomendación XHTML . Atributos Core.Nombre <td> . Internacionalización . La etiqueta de cierre no se requiere en el formato HTML . . < / td > Define una celda de datos de la tabla . . pero puede prevenir presentación de las tablas impredecible . align = " left | right | center | Justificar | char" Específica la alineación horizontal del Texto De Una Celda o Celdas . incluyendo otra tabla. Especifica un color para ser utilizado en la celda de la tabla .

el valor 0 (cero ) significa la celda actual se extiende por todas las columnas de la columna actual a la última columna de la tabla . colspan = "número" Especifica el número de columnas de la celda actual debería abarcar . nowrap = " nowrap " En desuso .char = " Carácter " Específica sin Personaje un lo largo de la Cual el Contenido celular sí alinearán CUANDO alinear sí Establece en la charla . height = "píxeles" o " porcentaje" En desuso . charoff = " Longitud " Específica La Distancia de Desplazamiento Con El imprimación Carácter de alineación en cada en línea ahora . Este ATRIBUTO lo general. 85 headers = " Referencia id" Listas header células ( por id ) que proporcionan información de encabezado de la celda de datos actual. no es Soportado Por los Navegadores Actuales . Si Una línea no utiliza sin Carácter de alineación . Este ATRIBUTO lo general.01 . esta característica no se admite en los navegadores actuales. El Carácter Predeterminado it decimal punto ONU ( Lenguaje apropiado ) . Medidas de los píxeles son más fiables que los porcentajes . Especifica la altura de la celda en número de píxeles o por un valor de porcentaje en relación con la altura de la mesa . Los valores de altura deben ser coherentes para las celdas de una fila en particular . El valor Por Defecto it 1 . que funcionan sólo cuando se especifica la altura de la tabla en píxeles . en la realidad . debe Ser horizontal Cambió párr Terminar en la posicion de alineación . no es Soportado Por los Navegadores Actuales . Los saltos de línea se deben agregar a un elemento br o iniciando un nuevo párrafo. sin embargo . Con ello se pretende que las tablas sean más accesibles a los navegadores no visuales . Desactiva el ajuste de texto automático para la celda actual. La altura especificado en la primera columna será aplicable para el resto de las celdas de la fila . 85 . De acuerdo con la especificación HTML 4.

rowspan = "número" Especifica el número de filas abarcado por la celda actual. del text in Las Celdas De Una Columna . Especifica el ancho de la celda en número de píxeles o por un valor de porcentaje en relación con la anchura de la tabla . width = "píxeles" o " porcentaje" En desuso . y los valores deben ser coherentes para las células en la columna . el valor 0 (cero ) significa que la celda actual se extiende por todas las filas de la fila actual a la última fila . Con ello se pretende que las tablas sean más accesibles a los navegadores no visuales . colgroup indica la celda actual es la cabecera del grupo de la columna que lo contiene. El ATRIBUTO valign COMO SE APLICA al Contenido de las Celdas de tabla no es obsoleto y SÓLO aparece en el Módulo de Tablas del 1. valign = "top | media | abajo | línea de base" 86 Específica la alineación vertical. Un valor de rowgroup significa la celda actual es la cabecera del grupo de filas que contiene . El valor Por Defecto it 1 . Un valor de fila significa que la celda actual es la cabecera de las células en el resto de la fila .01 . Un valor de Col indica que la celda actual es la cabecera de todas las células que están por debajo . scope = "row | col | rowgroup | colgroup " Especifica las celdas de la tabla para la que la celda actual proporciona información de encabezado. sin embargo . El ancho especificado en la primera fila se aplicará al resto de las celdas de la columna . De acuerdo con la Recomendación HTML 4. esta característica no está soportada por los navegadores . Example <table> <tr> <td colspan="2"> Celda 1 < / td > < / tr> <td> Celda 3 < / td > <td> teléfono 4 < / td > < / tr > < / table> . en la realidad .1 pertenezcan Recomendación XHTML .

Puede ser modificado sólo por medio de un script. Internacionalización . Especifica un nombre para el control de entrada de texto. < / textarea > Define un control de entrada de texto de varias líneas. Este nombre se envía junto con el contenido del control de la aplicación formprocessing . onchange cols = "número" Obligatorio . Los navegadores pueden mostrar controles deshabilitados de manera diferente (en gris . Eventos . 87 87 . disabled = "disabled" Desactiva el control de entrada del usuario. por ejemplo) . Especifica el ancho visible del campo de entrada de texto. Foco . los rollos de campo de texto abajo para dar cabida a las líneas adicionales . readonly = " readonly " Indica que el control de formulario no podrá ser modificado . . Los usuarios pueden introducir las líneas de texto que son más largos que el ancho proporcionado . name = "text" Obligatorio . El contenido del elemento textarea se muestra en el campo de entrada de texto cuando el formulario inicialmente muestra .Nombre <textarea> . Si el usuario introduce más líneas que las visibles . Especifica la altura del campo de entrada de texto en varias líneas de texto. Core. rows = "número" Obligatorio . en cuyo caso los pergaminos de entrada a la derecha (o envolturas si el navegador proporciona un mecanismo para hacerlo ) . onselect . lo que podría ser útil para atenuar ciertos controles hasta que se suministra información requerida . medido en número de caracteres. .

Ellos son una herramienta clave para hacer que la información en tablas accesibles. . o . Nombre 88 <th> . Los (X) HTML Recomendaciones especifican que el elemento tfoot debe comparecer ante la tbody . Example <table> <tr> <th> Planet < / th> <th> Distancia de la Tierra < / th> < / tr> <td> Venus < / td > <td> bastante maldito ahora < / td > < / tr> <td> Neptuno < / td > <td> ridículamente lejos < / td > < / tr > < / table> Nombre <thead> . En términos de margen de beneficio. . Atributos El elemento th acepta los mismos atributos que el elemento td . < / thead > Define la cabecera de la mesa y debe contener información sobre una tabla . . Example Ver lista tbody . que funcionan igual que las células de datos de tabla ( td ) . Ver listado bajo td . < / th> Define una celda de encabezado de la tabla . < / tfoot > Define el pie de una mesa. . . Se utiliza para duplicar los encabezados cuando la tabla completa se rompe a través de las páginas . .Example <P> Qué soñaste anoche? < / p> <textarea name="dream" rows="4" cols="45" > Cuéntanos tu sueño en 100 palabras o menos < / textarea > Nombre <tfoot> . Atributos Ver tbody para obtener más información y una lista de atributos soportados . Celdas de encabezado de la tabla proporcionan información y contexto importante a las celdas de la tabla en la fila o columna que preceden . Es uno de los elementos " de grupo de filas " . Un elemento tfoot debe contener al menos una fila (tr ) .

todos los documentos deben contener un título significativo en el encabezado del documento .para una cabecera estática que aparece con un cuerpo de la tabla de desplazamiento.01 y las especificaciones XHTML . Los ajustes 89 89 . De acuerdo con el HTML 4. Example Ver lista tbody . Nombre <title> . Un elemento de fila de la tabla contiene ningún contenido que no sea una colección de celdas de la tabla (td ) . Los caracteres especiales ( como & ) deben ser referidos a sus entidades de caracteres en el título. Atributos Ver tbody para obtener más información y una lista de atributos soportados . así como en los marcadores de un usuario o lista de favoritos. fuera de la ventana de contenido regular. números y signos de puntuación básica ) . Asigna ONU Nombre Único de identificación al Elemento . < / title> Obligatorio. . Debe contener al menos una fila (tr ) . Los motores de búsqueda también se basan en gran medida en títulos de los documentos . . El título lo general se muestra en la barra superior del navegador . Los títulos deben contener sólo caracteres ASCII (letras . . Example <head> <title> Las aventuras de Peto y Fleck < / title> < / head> Nombre <tr> . El elemento thead es uno de los elementos " de grupo de filas " . < / tr > Define una fila de celdas dentro de una tabla . Especifica el título del documento . Atributos Internacionalización id = "text" Solamente XHTML . . Los títulos deben ser claros y descriptivos.

El atributo de alineación como se aplica al contenido celda de la tabla no es obsoleto y sólo aparece en el Módulo de Tablas del 1.1 Recomendación XHTML. Atributos Core. El valor por defecto es la izquierda. Specifies a color to be used in the row. Este atributo lo general no es soportado por los navegadores actuales. Este atributo lo general no es soportado por los navegadores actuales. debe ser horizontal cambió para terminar en la posición de alineación. A row’s background color overrides the color specified at the table level.1 Recomendación XHTML. Internacionalización. char = "carácter" Especifica un personaje a lo largo de la cual el contenido celular se alinearán cuando align se establece en la charla. valign = "top | media | abajo | línea de base" Especifica la alineación vertical del texto en las celdas de una columna. El atributo valign como se aplica al contenido de las celdas de tabla no es obsoleto y sólo aparece en el Módulo de Tablas del 1. Ejemplo <table> <tr> <td>cell 1</td><td>cell 2</td> </tr> <tr> <td>cell 3</td><td>cell 4</td> </tr> </table> Nombre . Eventos align = "left | right | center | justificar | char" Especifica la alineación horizontal del texto de una celda o celdas. charoff = "longitud" Especifica la distancia de desplazamiento con el primer carácter de alineación en cada línea.realizados en el elemento tr se aplican a todas las celdas de esa fila . El carácter predeterminado es un punto decimal (lenguaje 90 apropiado). bgcolor = "# RRGGBB"o "nombre del color" Deprecated . Si una línea no utiliza un carácter de alineación. pero la configuración de células individuales tienen prioridad sobre los realizados en el nivel de fila.

Se subraya el texto cerrado cuando se muestran. El texto subrayado puede ser confundido como un vínculo de hipertexto. Las listas pueden ser formateados en cualquier forma (incluyendo como elementos de navegación horizontal ) utilizando las propiedades de Estilo en Cascada Hoja . Eventos Example <p> Ingrese su cumpleaños (Ex : <tt> 19/07/1975 < / tt > ): < / p> Nombre <u>. Atributos Core. pero si se requiere el subrayado. Internacionalización . Eventos 91 . El texto incluido en el elemento tt se exhibe generalmente en una fuente de espacio sencillo como Courier . Internacionalización . Por defecto . . . . < / u> desuso . . los navegadores insertan balas antes de cada elemento en una lista desordenada . < / p> Nombre <ul> . . en la que los elementos de lista ( li ) no tienen secuencia. Eventos Example <p> <u> texto subrayado < / u> se puede confundir con un enlace. Atributos Core. < / ul> Define una lista desordenada . las Hojas de Estilo en Cascada es el método preferido . < / tt > Formatos adjunta texto como texto de teletipo .<tt> . 91 Atributos Core. . Internacionalización .

generalmente traducido en cursiva. 92 Atributos Core.compact = "compact" En desuso . Define la forma de las balas utilizadas para cada elemento de la lista . Pocos navegadores soportan este atributo. . . Internacionalización . Muestra el bloque de la lista lo más pequeño posible . < / var > Indica una instancia de una variable o un programa de discusión. Eventos Example <var> miCadena < / var > = 'hola mundo '. Example <ul> <li> Acerca < / li > <li> cartera < / li > <li> Blog < / li > <li> Contactar < / li > < / ul> Nombre <var> . type = "disc | círculo | square" En desuso . .

los autores deben usar referencias de caracteres numéricos en lugar de referencias de caracteres con nombre para el resto de entidades de caracteres . < ) . XHTML incluye también la "entidad que se incluye en todos los idiomas XML.menor que ( <. como < el símbolo menor que . Entidades de caracteres están predefinidas en los DTDs de lenguajes de marcas como HTML y XHMTL como una conveniencia a los autores . & ) y las comillas (" " ) . se deben especificar en los documentos HTML y XHTML utilizando referencias de caracteres . Conjunto de caracteres ASCII Documentos HTML y XHTML utilizan el juego de caracteres estándar ASCII de 7 bits en su fuente. Entidades de caracteres se abrevian los nombres de personajes. Por ejemplo . . mayor que ( < . el símbolo de ampersand (&) siempre debe ser escapado en valores de atributo. para una mejor compatibilidad con los analizadores XML . escaparon caracteres se indican con referencias de caracteres que comienzan con Y y terminan con . por ejemplo . en los documentos XHTML .que son necesarias para escapar de caracteres que pueden ser interpretadas como marcado . la referencia de carácter hexadecimal del símbolo menor que está escrito < . ampersand ( &. ya que pueden ser más fáciles de recordar que las referencias de caracteres numéricos . Una referencia de carácter numérico se refiere a un personaje por su punto de código Unicode en forma ya sea decimal o hexadecimal. HTML 4.01 define sólo cuatro entidades en este intervalo de caracteres . >) . Los primeros 31 caracteres ASCII ( no mencionado ) son tales controles del dispositivo como la tecla de retroceso () y retorno de carro ( ) Y no son adecuados para su uso en los documentos HTML. decimal Entidad Símbolo Descripción del espacio! Signo de exclamación Comillas Símbolo del dólar octothorpe Porcentaje símbolo Ampersand Apostrophe ( comilla simple ) Abrir paréntesis Asterisk Paréntesis derecho Plus firmar comas Período Guión Roza Dígitos 0-9 Punto y coma Colon 93 93 . entidades de caracteres numéricos también pueden ser representados por sus equivalentes hexadecimales. Este proceso se conoce como escapar el carácter . En documentos (X) HTML. Los valores hexadecimales se indican con una "x" : & # xhhhh . Referencias de caracteres decimales utilizan la sintaxis y # nnnn . . los valores hexadecimales están precedidos por una x. . El personaje puede ser referida por su referencia numérica de caracteres ( NCR) o un carácter de nombre de la entidad predefinida. el carácter menor que ( < ) podría ser identificado como < ( decimal) o < ( hexadecimal ) . como < y y .Entidades de caracteres Personajes que no se encuentran en el conjunto de caracteres alfanuméricos normales .

&#039.Menos del signo igual Mayor de Question mark Comercial arroba Letras AZ Izquierda cuadrado soporte de barra invertida Decimal Entity Symbol Description &#032. &#035. Space &#033. &quot. &#047. -&#057. &#038. Comma - Hyphen . Period / Slash 0-9 Digits 0-9 : Colon . &#034. &#045. &#046. &#044. ! Exclamation point " Quotation mark # Octothorpe $ Dollar symbol % Percent symbol & Ampersand (XML/XHTML only) ' Apostrophe (single quote) ( Left parenthesis ) Right parenthesis * Asterisk + Plus sign . &#058. &#042. &#048. &apos. &#041. &#037. &#043. 94 &#040. &#036. &amp.

&#065. -&#090. &#091. &#092. &#097. Semicolon < Less than = Equals sign > Greater than ? Question mark @ Commercial at sign A-Z Letters A-Z [ Left square bracket \ Backslash ] Right square bracket ^ Caret _ Underscore ` Grave accent (no letter) a-z Letters a-z { Left curly brace | Vertical bar } Right curly brace ~ Tilde 95 95 . &#094.Decimal Entity &#059. &#124. &#063. &#061. Symbol Description . &#093. &#062. &#095. &#125. -&#122. &lt. &#123. &#126. &gt. &#096. &#064. &#060.

todos ellos tienen sus equivalentes estándar (que se enumeran en la sección General Puntuacion).Entidades no estándar (. utilice &8212. por un guión). 96 . Algunas entidades numéricos no estándares de esta gama están apoyados por los navegadores (como &151. Si usted necesita un guión largo.en su lugar.-y) Las referencias de caracteres numerados 130 a 159 no están definidos en HTML y por lo tanto son caracteres no válidos que deben ser evitados. o . sin embargo.

&pound. &#164. &cent. &deg. &reg. &sect. &copy.Latin-1 (ISO-8859-1) Decimal Entity &#160. &laquo. &#173. &curren. Symbol Description Nonbreaking space ¡ Inverted exclamation mark ¢ Cent sign £ Pound symbol ¤ General currency symbol ¥ Yen symbol ¦ Broken vertical bar § Section sign ¨ Umlaut © Copyright ª Feminine ordinal « Left angle quote ¬ Not sign - Soft hyphen ® Registered trademark ¯ Macron accent ° Degree sign 97 97 . &brvbar. &#174. &#171. &not. &shy. &yen. &#161. &#167. &iexcl. &macr. &#163. &#169. &uml. &#166. &#162. &#165. &#168. &#170. &#176. &nbsp. &ordf. &#175. &#172.

&#192. &frac14. &middot. &#178. &sup2. &#195. &iquest. &#186. &sup3. tilde accent . &#190. &para. &#181. ± Plus or minus Superscript 2 Superscript 3 ´ Acute accent (no letter) µ Micron (Greek mu) ¶ Paragraph sign · Middle dot ¸ Cedilla 1 Superscript 1 º Masculine ordinal » Right angle quote ¼ Fraction one-fourth ½ Fraction one-half ¾ Fraction three-fourths ¿ Inverted question mark À Capital A. 3 &#180. &#194. &plusmn. &#188. &#193. &#191. &frac12. &sup1. &Atilde. grave accent Á Capital A.Decimal Entity 98 Symbol Description &#177. &#182. &#184. acute accent  Capital A. &frac34. &#189. &#183. &acute. circumflex accent à Capital A. &cedil. &#185. &ordm. 2 &#179. &#187. &micro. &Agrave. &raquo. &Acirc. &Aacute.

&#202. acute accent Ê Capital E. &Ecirc. &#205. umlaut Ì Capital I. circumflex accent Õ Capital O. &#214. &Ograve. &Ocirc. &#206. &#208. &#211. &Ouml. Icelandic Ñ Capital N. acute accent Ô Capital O. &AElig. &Oacute. grave accent Í Capital I. &Egrave &#201. umlaut Ð Capital eth. &#203. &Euml. umlaut Å Capital A. &Igrave. &#197. &Iacute. &#204. &Iuml. &Eacute. &Aring &#198. &#199. &#207. &Auml. circumflex accent Ë Capital E. &Icirc. cedilla È Capital E. tilde accent Ö Capital O. tilde Ò Capital O. umlaut 99 99 . &Ccedil. grave accent É Capital E. acute accent Î Capital I. &Otilde. circumflex accent Ï Capital I.Decimal Entity &#196. &ETH. ring Æ Capital AE ligature Ç Capital C. &#213. &#210. grave accent Ó Capital O. &#209. Symbol Description Ä Capital A. &#212. &Ntilde. &#200.

German à Small a. &#222. &#217. acute accent â Small a. &#233. &Ucirc. &eacute. &acirc. &aelig. &aring. grave accent Ú Capital U. &Ugrave. tilde ä Small a. grave accent á Small a. &times. slash Ù Capital U. Icelandic ß Small sz ligature. cedilla è Small e. &#218. &#226. &aacute. &auml. acute accent Þ Capital Thorn. circumflex accent ã Small a. &#228. &THORN. acute accent . &#229. acute accent Û Capital U. &#216. &#223. grave accent é Small e. &#224. &#231.Decimal Entity 100 &#215. &#232. &#230. &Uacute. &agrave. circumflex accent Ü Capital U. &#225. &Uuml. &egrave. &#221. Symbol Description × Multiplication sign Ø Capital O. umlaut Ý Capital Y. ring æ Small ae ligature ç Small c. &#220. &Oslash. &#219. &ccedil. &Yacute. umlaut å Small a. &atilde. &#227. &szlig.

&#244. &#243. &#247. &#248. &ucirc. grave accent ó Small o. circumflex accent ï Small i. umlaut ì Small i. &ouml. &#235. umlaut ÷ Division sign ø Small o. tilde ò Small o.Decimal Entity &#234. slash ù Small u. &ntilde. circumflex accent õ Small o. &#251. &euml. &uuml. acute accent ô Small o. umlaut 101 101 . &uacute. &ocirc. &#245. &ograve. &#240. &oacute. &#242. &ecirc. &#252. &otilde. &#239. grave accent í Small i. &#241. &ugrave. Symbol Description ê Small e. &#238. &igrave. acute accent û Small u. acute accent î Small i. &#249. &iuml. &#250. &oslash. circumflex accent ü Small u. umlaut ð Small eth. circumflex accent ë Small e. tilde ö Small o. grave accent ú Small u. Icelandic ñ Small n. &#237. &icirc. &#246. &#236. &iacute. &eth. &divide.

&yacute. umlaut . Symbol Description ý Small y. &#254. acute accent þ Small thorn. &#255. &yuml.Decimal Entity 102 &#253. Icelandic ÿ Small y. &thorn.

Symbol Description Œ Capital ligature OE œ Small ligature oe Š Capital S. &#352. &oelig. &#339.Latin Extended-A Decimal Entity &#338. &OElig. &Scaron. &#376 &Yuml. umlaut 103 103 . &#353. caron š Small s. &scaron. caron Ÿ Capital Y.

ƒ Small f with hook .Latin Extended-B Decimal Entity Symbol Description &#402. 104 &fnof.

^ Circumflex accent ~ Tilde 105 105 . &#732. &tilde.Spacing Modifier Letters Decimal Entity Symbol Description &#710. &circ.

Λ Greek capital lambda . &#915. &Alpha. Θ Greek capital theta &#921. &Alpha. &Beta. I Greek capital iota &#922. &#914. H Greek capital eta &#920. Z Greek capital zeta &#919 &Eta. K Greek capital kappa &#923. &Epsilon. &Kappa.Greek Decimal Entity &#913. &Delta. Γ Greek capital gamma &#916. &Theta. ∆ Greek capital delta &#917. &Zeta. E Greek capital epsilon &#918. Symbol Description A Greek capital alpha B Greek capital beta &Gamma. &Iota. &Lambda. Symbol Description A B Γ ∆ E Z H Θ I K Λ M N Ξ O Π Ρ Σ T Υ Φ Χ Ψ Ω α β γ δ ε ζ η θ ι κ Greek capital alpha Greek capital beta Greek capital gamma Greek capital delta Greek capital epsilon Greek capital zeta Greek capital eta Greek capital theta Greek capital iota Greek capital kappa Greek capital lambda Greek capital mu Greek capital nu Greek capital xi Greek capital omicron Greek capital pi Greek capital rho Greek capital sigma Greek capital tau Greek capital upsilon Greek capital phi Greek capital chi Greek capital psi Greek capital omega Greek small alpha Greek small beta Greek small gamma Greek small delta Greek small epsilon Greek small zeta Greek small eta Greek small theta Greek small iota Greek small kappa Decimal Entity 106 &#913.

T Greek capital tau &#933. Ω Greek capital omega &#945. Symbol Description M Greek capital mu N Greek capital nu Ξ Greek capital xi O Greek capital omicron &Pi. &alpha. ε Greek small epsilon &#950. &Tau.Decimal Entity &#924. Φ Greek capital phi &#935. &epsilon. γ Greek small gamma &#948. Υ Greek capital upsilon &#934. &#925. &Psi. &#926. Ρ Greek capital rho &#931. &Omega. &zeta. ζ Greek small zeta 107 107 . &Nu. Σ Greek capital sigma &#932. Χ Greek capital chi &#936. &Mu. α Greek small alpha &#946. &#927. &Omicron. &beta. &Chi. β Greek small beta &#947. &Rho. &Upsilon. Ψ Greek capital psi &#937. &Sigma. &delta. &#928. Π Greek capital pi &#929. &Xi. δ Greek small delta &#949. &Phi. &gamma.

τ Greek small tau &#965. &omicron. π Greek small pi &#961. χ Greek small chi &#968. ο Greek small omicron &#960. &rho. &eta.108 Decimal Entity Symbol Description &#951. &chi. &lambda. &xi. ξ Greek small xi &#959. υ Greek small upsilon &#966. ψ Greek small psi &#969. &mu. &theta. &upsilon. φ Greek small phi &#967. &psi. &sigmaf. &nu. θ Greek small theta &#953. &omega. &phi. ω Greek small omega . µ Greek small mu &#957. &iota. &tau. λ Greek small lambda &#956. ς Greek small letter final sigma &#963. η Greek small eta &#952. &pi. κ Greek small kappa &#955. ρ Greek small rho &#962. ι Greek small iota &#954. &sigma. &kappa. σ Greek small sigma &#964. ν Greek small nu &#958.

&upsih. ϒ Greek upsilon with hook &#982. ϑ Greek small theta symbol &#978. &piv. &thetasym. ϖ Greek pi symbol 109 109 .Decimal Entity Symbol Description &#977.

General Punctuation
Decimal Entity

110

&#8194;

&ensp;

&#8195;

&emsp;

&#8201;

&thinsp;

&#8204;

&zwnj;

&#8205;

&zwj;

&#8206;

&lrm;

&#8207

&rlm;

&#8211;

&ndash;

&#8212;

&mdash;

&#8216;

&lsquo;

&#8217;

&rsquo;

&#8218;

&sbquo;

&#8220;

&ldquo;

&#8221;

&rdquo;

&#8222;

&bdquo;

&#8224;

&dagger;

&#8225;

&Dagger;

Symbol

Description
En space
Em space
Thin space

Nonprinting Zero-width nonjoiner
Nonprinting Zero-width joiner
Nonprinting Left-to-right mark
Nonprinting Right-to-left mark
-

Endash

Emdash

Left single quotation mark

Right single quotation mark

,

Single low-9 quotation mark

"

Left double quotation mark

"

Right double quotation mark

Double low-9 quotation mark

Dagger

Double dagger

Decimal Entity
&#8226;

&bull;

&#8230;

&hellep;

&#8240;

&permil;

&#8242;

&prime;

&#8243;

&Prime;

&#8249;

&lsaquo;

&#8250;

&rsaquo;

Symbol

Description

Bullet

Ellipses

Per mille symbol (per thousand)

'

Prime, minutes, feet

"

Double prime, seconds, inches

Single left angle quotation (nonstandard)

Single right angle quotation
(nonstandard)

&#8254;

&oline;

&#8260;

&frasl;

&#8364;

&euro;

Overline

/

Fraction slash

Euro symbol

111

111

Letter-like Symbols

112

Decimal Entity

Symbol Description

&#8465;

&image;

Blackletter capital I, imaginary part

&#8472;

&weierp;

Script capital P, power set

&#8476;

&real;

Blackletter capital R, real part

&#8482;

&trade;

Trademark sign

&#8501;

&alefsym;

Alef symbol, or first transfinite cardinal

↑ Up arrow &#8594. ⇒ Rightward double arrow &#8659. &rArr. → Right arrow &#8595. ⇐ Leftward double arrow &#8657. ← Left arrow &#8593. ⇑ Upward double arrow &#8658. &hArr. &uarr. &lArr. &dArr. ↵ Down arrow with corner leftward &#8656. ⇓ Downward double arrow &#8660. ↔ Left-right arrow &#8629.Arrows Decimal Entity Symbol Description &#8592. &harr. &uArr. ⇔ Left-right double arrow 113 113 . &rarr. ↓ Down arrow &#8596. &crarr. &darr. &larr.

∅ Empty set. &radic. ∝ Proportional &#8734. null set. * Asterisk operator &#8730. ∠ Angle &#8743. wedge &#8744. ∇ Nabla. ∨ Logical or. &infin. product sign &#8721. ∃ There exists &#8709. &ni. ∈ Element of &#8713 &notin. ∑ N-ary summation &#8722. ∧ Logical and. ∋ Contains as a member &#8719.Mathematical Operators Decimal Entity Symbol Description &#8704. ∀ For all &#8706. backward difference &#8712. &part. &minus. &and. &or. - Minus sign &#8727. &empty. &lowast. &sum. √ Square root. ∂ Partial differential &#8707. ∉ Not an element of &#8715. vee 114 . &prop. ∏ N-ary product. &exist. radical sign &#8733. &prod. diameter &#8711. &isin. ∞ Infinity symbol &#8736. &nabla. &forall. &ang.

~ Tilde operator. ⊥ Up tack. &equiv. &ge. perpendicular 115 115 . &cong. ⊂ Subset of &#8835. similar to &#8773. ≈ Almost equal to. ⊄ Not a subset of &#8838. &cap. varies with. &cup. &le. vector product &#8869. &sub. ⊗ Circled times. ≤ Less than or equal to &#8805. &otimes. ⊃ Superset of &#8836. ≠ Not equal to &#8801. ∫ Integral &#8756. &sim. ≥ Greater than or equal to &#8834. cup &#8747. &perp. &ne. &sube ⊆ Subset of or equal to &#8839. ⊕ Circled plus. ∴ Therefore &#8764. &oplus. &there4. &sup. asymptotic to &#8800. direct sum &#8855. &supe ⊇ Superset of or equal to &#8853. ≡ Identical to &#8804.Decimal Entity Symbol Description &#8745. &ap. &nsub. &int. orthogonal to. ≅ Approximately equal to &#8776. ∩ Intersection. ∪ Union. cap &#8746.

Dot operator .116 Decimal Entity Symbol Description &#8901. ⋅ &sdot.

〈 Left-pointing angle bracket &#9002. &rfloor ⌋ Right floor &#9001. ⌈ Left ceiling &#8969. &lang. ⌊ Left floor &#8971.Miscellaneous Technical Symbols Decimal Entity Symbol Description &#8968. 〉 Right-pointing angle bracket 117 117 . &lfloor. &lceil. &rceil. &rang. ⌉ Right ceiling &#8970.

◊ Lozenge .Geometric Shapes Decimal Entity Symbol Description 118 &#9674. &loz.

Black spade suit 119 . ♠ &spades.119 Miscellaneous Symbols Decimal Entity Symbol Description &#9824.

&clubs ♣ Black club suit &#9829. &diams ♦ Black diamond suit . ♥ Black heart suit &#9830. &hearts.120 Decimal Entity Symbol Description &#9827.

se puede determinar los valores RGB (en una escala de 0 a 255 ) para un color seleccionado. Rojo: D4 Verde: E8 Azul: 77 En (X ) HTML . Usando una herramienta de edición de imágenes como Adobe Photoshop . 121 Los valores RGB La forma más común y preciso para especificar un color por su RGB numérico valores ( rojo. estos valores se proporcionan en una cadena de seis caracteres . Tanto en (X ) HTML y CSS. Por EJEMPLO : Rojo : 212 Verde : 232 Azul : 119 Estos valores se deben convertir a sus hexadecimal (base . los valores de color pueden ser proporcionados por los valores numéricos o nombres de los colores normalizados. azul ) . se debe especificar con Hojas de Estilo en Cascada.16 ) equivalentes con el fin de ser utilizado como los valores de atributo . verde . así: # D4E877 La sintaxis subyacente es la siguiente: # RRGGBB 121 . precedido por el símbolo # .Specifying Color Porque el color es de presentación . En este ejemplo . los valores decimales anteriores se convierten a hexadecimal . no en el documento (X) HTML.

CSS 3 soporta 140 nombres de colores estándar adicionales que son ampliamente compatibles con los navegadores . Se enumeran aquí con sus valores RGB equivalentes : plata negro gris blanco marrón púrpura rojo verde # 000000 # C0C0C0 cal # 808080 oliva # 122 008000 # 00FF00 # 808000 # FFFFFF amarillo # FFFF00 # 800000 marina # FF0000 azul # 800080 verde azulado # 000080 # 0000FF # 008080 # 00FFFF fucsia # FF00FF aqua Estos nombres de colores se pueden usar con las hojas de estilo también. Los usuarios de Mac con OS X 10.01 y XHTML 1. Adobe Photoshop hace que los valores hexadecimales para los colores de fácil acceso en la parte inferior del selector de color al lado del símbolo #.0 incluyen 16 los esquemas de color . La Recomendación 2. Los usuarios de Windows pueden encontrar una calculadora hexadecimal en la vista " científico " de la calculadora estándar de Windows. tendrá que convertir decimales a hexadecimal sí mismo utilizando una calculadora hexadecimal.donde RR representa el valor hexadecimal de color rojo . Los valores hexadecimales se pueden copiar desde el selector de color y pegar en un documento de hoja de estilo o HTML. GG representa el valor hexadecimal de color verde .1 CSS añade naranja ( # FFA500 ) a esta lista con un total de 17 colores compatibles.apple. y BB representa el valor hexadecimal azul . .html Estándar nombres de colores Los colores también pueden ser identificados por nombres de colores predefinidos . La sintaxis para utilizar nombres de colores es muy sencillo.com / downloads / dashboard / calculate_convert / hexcalculatorwidget. <body link="navy"> HTML 4. pero no son válidos para su uso en documentos (X) HTML.4 ( Tiger) pueden descargar el programa gratuito Hex Calculator Widget en: www. Si está utilizando una herramienta de imagen que no enumera los valores hexadecimales . Afortunadamente .

Norway). the first commercial web site.com as well. She is the author of the bestselling "Web Design in a Nutshell" and "Learning Web Design (O'Reilly). 123 123 . she has been designing for the Web since 1993. and she has taught web design at the Massachusetts College of Art in Boston and Johnson and Wales University in Providence. and one of the first W3C International Expos. As the designer of O'Reilly's Global Network Navigator (GNN). you can upgrade it for $4. indie-rock. Seybold Seminars.littlechair. travel. Since then.99 at oreilly. She has spoken at major design and Internet events including SXSW Interactive. In addition to designing.About the Author Jennifer Niederst Robbins was one of the first designers for the Web. she has worked as the creative director of Songline Studios (a former subsidiary of O'Reilly) and as a freelance designer and consultant since 1996.com by clicking here. Jennifer enjoys cooking. She maintains her own professional web site at www. and making stuff. Oferta especial Upgrade If you purchased this ebook from a retailer other than O’Reilly. the GRAFILL conference (Geilo.

Nutshell Handbook. the publisher and author assume no responsibility for errors or omissions. the designations have been printed in caps or initial caps.HTML and XHTML Pocket Reference Jennifer Niederst Robbins Editor Steven Weiss Editor Brian Sawyer Copyright © 2009 O’Reilly Media. Inc. Inc. CA 95472 2013-05-02T16:47:27-07:00 124 . or for damages resulting from the use of the information contained herein. O’Reilly books may be purchased for educational. Where those designations appear in this book. the Nutshell Handbook logo. and O’Reilly Media. Inc. HTML and XHTML Pocket Reference. Online editions are also available for most titles (safari. For more information. was aware of a trademark claim. and the O’Reilly logo are registered trademarks of O’Reilly Media.com. Many of the designations used by manufacturers and sellers to distinguish their products are claimed as trademarks. Inc. While every precaution has been taken in the preparation of this book. the image of a koala.com). or sales promotional use. O’Reilly Media 1005 Gravenstein Highway North Sebastopol. business. The Pocket Reference series designations.oreilly. contact our corporate/ institutional sales department: (800) 998-9938 or corporate@oreilly. and related trade dress are trademarks of O’Reilly Media.

-&#159.) Latin-1 (ISO-8859-1) Latin Extended-A Latin Extended-B Spacing Modifier Letters Greek General Punctuation Letter-like Symbols Arrows Mathematical Operators Miscellaneous Technical Symbols Geometric Shapes Miscellaneous Symbols Specifying Color RGB Values Standard Color Names About the Author Special Upgrade Offer Copyright 125 125 .HTML and XHTML Pocket Reference Table of Contents Special Upgrade Offer 1. HTML and XHTML Pocket Reference HTML and XHTML Fundamentals How XHTML Differs from HTML Three Versions of (X)HTML Minimal Document Structure DOCTYPEs for Available DTDs Alphabetical List of Elements Common Attributes and Events Core Internationalization Events Focus (X)HTML Elements Character Entities ASCII Character Set Nonstandard Entities (&#130.

..................... HTML y XHTML Pocket Reference ........................................................... 6 Eventos ................................................................................................................................................................ 5 Atributos comunes y Eventos ........................................................................................................................... 7 onmousedown ................... 7 onkeydown..................................................................................................................... 1 Tres versiones de (X) HTML ......................... 1 HTML y XHTML Fundamentos .............................................................................................................................................................................................................................................................ÍNDICE Capítulo 1....................................................... 1 Cómo XHTML Diferencias entre HTML ................................................................ 7 onmousemove ............................................................................................................................................................................................................................................................................................................. 8 ................................................ 3 DOCTYPE para Disponible DTD ........ 7 onkeyup ................ 4 Lista alfabética de los elementos ........................................................................................................... 7 ondblclick .............................................................................. 5 Internacionalización ...................................................... 7 onclick ................................................................................................. 7 onmouseout ..................................................................................................................... 7 onkeypress ..................................................................................................................................................... 2 126 Estructura Minimal Documento ....................................................................................

onmouseover ......................................................................................................................... 8
onmouseup ............................................................................................................................ 8
Focus ......................................................................................................................................... 8
accesskey = "carácter" ........................................................................................................ 8
onblur ..................................................................................................................................... 8
onfocus .................................................................................................................................. 8
tabindex = "número" ............................................................................................................ 9
(X) HTML Elementos................................................................................................................... 9
a - <a>. . . </ A> ................................................................................................................. 9
charset = "charset" .............................................................................................................. 9
coords = "coordenadas x, y" ............................................................................................. 9
href = "URL" ...................................................................................................................... 10
hreflang = "Código de idioma" ........................................................................................ 10
id = "text" ........................................................................................................................... 10
name = "text" ..................................................................................................................... 10
rel = "relaciones" ............................................................................................................... 10
rev = "relaciones" .............................................................................................................. 10
forma = "rect | círculo | poli | default" ......................................................................... 10
target = "text"..................................................................................................................... 11
type = "tipo de papel" ..................................................................................................... 11
Ejemplos .............................................................................................................................. 11
abbr - <abbr>. . . </ Abbr> ............................................................................................... 12
title = "text" ........................................................................................................................ 12
Ejemplo ................................................................................................................................ 12
acrónimo - <acronym>. . . </ Acronym>........................................................................... 12
title = "text" ........................................................................................................................ 12
Ejemplo ................................................................................................................................ 12

127

127

Dirección - <address>. . . </ Address> ............................................................................ 13
Ejemplo ................................................................................................................................ 13
Applet - <applet>. . . </ Applet> ....................................................................................... 13
align = "left | right | top | media | bottom" ................................................................ 13
alt = "text" .......................................................................................................................... 13
archive = "URL" ................................................................................................................. 14
code = "clase" ................................................................................................................... 14
codebase = "URL" ............................................................................................................. 14
height = "número".............................................................................................................. 14
hspace = "número" ............................................................................................................ 14
name = "text" ..................................................................................................................... 14
objeto = "text" .................................................................................................................... 14
vspace = "número" ............................................................................................................ 14
128

width = "número" ............................................................................................................... 14
Ejemplo ................................................................................................................................ 15
área - <area /> ..................................................................................................................... 15
alt = "text" .......................................................................................................................... 15
coords = "valores" ............................................................................................................. 15
href = "url" ......................................................................................................................... 15
nohref = "nohref" ............................................................................................................... 15
forma = "rect | círculo | poli | default" ......................................................................... 16
target = "text"..................................................................................................................... 16
Ejemplo ................................................................................................................................ 16
b - <b>. . . </ B> ............................................................................................................... 16
Ejemplo ................................................................................................................................ 16
Atributos............................................................................................................................... 17
id = "text" ........................................................................................................................... 17

objetivo= "Nombre"............................................................................................................. 17
Ejemplo ................................................................................................................................ 17
fuente base - <basefont />.................................................................................................. 17
id = "text" ........................................................................................................................... 17
color = "# RRGGBB" o "nombre del color" (o una lista de los tipos de ............. 17
face = "tipo de letra" ....................................................................................................... 18
size = "número" ................................................................................................................. 18
Ejemplo ................................................................................................................................ 18
BDO - <bdo>. . . </ BDO> ................................................................................................ 18
Atributos............................................................................................................................... 18
dir = "ltr | rtl" .................................................................................................................... 18
lang = "Código de idioma" .............................................................................................. 18
xml: lang = "text" .............................................................................................................. 19
Ejemplo ................................................................................................................................ 19
big - <big>. . . </ Big> ...................................................................................................... 19
Ejemplo ................................................................................................................................ 19
blockquote - <blockquote>. . . </ Blockquote> ................................................................. 19
cite = "URL" ....................................................................................................................... 19
Ejemplo ................................................................................................................................ 20
cuerpo - <body>. . . </ Body> .......................................................................................... 20
alink = "# RRGGBB" o "nombre del color" .................................................................. 20
background = "URL".......................................................................................................... 20
bgcolor = "# RRGGBB" o "nombre del color" ............................................................. 20
link = "# RRGGBB" o "nombre del color" .................................................................... 20
text = "# RRGGBB" o "nombre del color" ................................................................... 21
vlink = "# RRGGBB" o "nombre del color" .................................................................. 21
Ejemplo ................................................................................................................................ 21

129

129

.................. 22 name = "text" ........................................................ 25 Ejemplo .............................br ....................... 25 valign = "top | media | abajo | línea de base" ............................................ </ Caption> .................................................................................................... 25 charoff = "longitud" ......................... 25 align = "left | right | center | justificar | char" ....................<cite>................................................................. 22 type = "submit | restablecer | botón" ...................... Botón </> ........................................................ 23 align = "top | abajo | izquierda | derecha" ................................................ 25 span = "número"........................................................................................................................... 25 char = "carácter"..................... 24 Ejemplo .......................................................................................................................................................................... 22 botón ... 23 centro ..................... 23 Ejemplo ............. 23 subtítulo ...<COL /> ............ ....... ..................................... 24 citar ......... ............................................................................................................................................. </ Cite>.................................... ....................... </ Center>....... 22 value = "text" .......................................................................................... .......................................... 21 clear = "none | left | right | all"........ 24 código ................................................................................................................................................ n *" ............<br /> .................. ........................................................................................................................................................................... .............................. </ Code> ............................ 22 disabled = "disabled" .............................................................................................................................................................................................................................................................................................................. porcentaje...................... 21 Ejemplo ...................... 26 .<caption>.................................................................................... 25 width = "píxeles.............................................................<center>............................ 24 Atributos.................................. 24 Ejemplo ...............................................................................<button>..................................................... 24 col ............................................................................... 22 Ejemplo .................................................................................................................................................................... ............ ............................ 23 130 Ejemplo ..........................................................................<code>................................................................. ....................................................

.......................... 31 height = "número"................................................................................................................................... ......<embed>................................................................................................................................. </ Del> ....... 31 hidden = "yes | no"...............<dl>.............................................................................. ................................<div>........................................................................................................... 27 dfn .......... 29 dl ............................................... .............<supr>................. </ Dd> .......... 30 embed .................... 26 Ejemplo .................................................................. 29 compacto = "compact" .....<dir>..... 29 dt .................................................. 30 Ejemplo ............<em>........................................................ .. 29 align = "center | izquierda | derecha" ...........<COLGROUP>............................................... ........ 28 compacto = "compact" .................................................... </ Dt> .............................. .................. </ Colgroup> .......................................................................................... </ Dl> .................... ..................<dfn>............................ 27 cite = "URL" ....... ................................................................... .............colgroup ............. ............................ 26 dd ............... ...................................................................... ......................................................................................................................................................................................... 31 name = "text" ..................... ...................................................... </ Div> ....................... </ Embed> (o <EMBED />) no estándar....................................................................................................................... 28 Ejemplo ................................................... 30 align = "left | right | top | bottom" ...................................................................................... ................... 28 div .............................................................................................................. .................................................... 28 Ejemplo .........................................................................................<dt>..................................................................... 30 em ............. ........................ ............................................................................................................................................... 30 Ejemplo ........................................................................................................................................................................................ 27 Ejemplo ........... 26 del ................. ...... 28 dir .................. ......<dd>..... 27 datetime = "AAAA-MM-DDThh: mm: ssTZD" ......................... .................................. 29 Ejemplo . </ Dir> ....... </ Em> ....... 31 131 131 ................. </ Dfn> ....................................... 29 Ejemplo ............................................. ..............

.................................... .............................. 33 type = "medios de comunicación (MIME)........................... 35 accept = "content-type-list".. 35 action = "URL" ........................................................................................................................................................................................................... ............................................................. 35 .............................................................................. 34 face = "tipo de letra" ................................................................................................ 34 fuente ............................................................................................ 32 units = "píxeles | en" ........... 32 frameborder = "yes | no" .................. 33 Ejemplo .................................... 32 border = "número" .... 35 <form>.......................... 34 Ejemplo .......................... 32 Code = "nombrearchivo" ... </ Fieldset> ............................ 34 color = "# RRGGBB" o "nombre del color" (o una lista de los tipos de ................ escriba"..................................................................................... .................... </ Font> ................................................. 31 pluginspage = "URL" .................................................... 32 alt = "text" ....... 32 width = "número" ...................................................................................................................................................................................................................................................... 33 pluginurl = "URL" ..........................................................<font>................................................................................................. ................................................................................................................................................................................. 32 codebase = "URL" ..................................................................................................................................................................................................................................................................... 31 src = "URL"...........................................................................................................................................................<fieldset>......... 34 size = "valor" ................................................................................................................................................................................... ................................................................... 33 Ejemplo ......... 35 accept-charset = "Lista charset" ...............................................................................................palete = "foreground| background" ................................. 33 hspace = "número" ............................ 35 enctype = "tipo de contenido" ............................................ 33 fieldset ................................................................................................................................................................................. ................................................... </ Form>............................... 33 132 vspace = "número" ...............

............................................................... 40 133 133 ................ 39 h1............................. 40 <head>............................................. 36 bordercolor = "# RRGGBB" o "nombre del color" ........................ h6 .......................................<hn>.......................................... .. </ Hn> ........... 37 marginwidth = "número" .......... "yes | no"(Netscape) ............ 40 id = "text" ........................................................................................................................................ </ Frameset> ..... h4.............................................................................................................................................................o *) .............................. 36 name = "text" ....... ................... 37 name = "text" .................. 36 Ejemplo ........ 38 marcos ................... IE 3 + y W3C Rec).................... ................... h2..................................................<frameset>..................................................................................................................................................................... 36 target = "nombre" ......................................................................................o *) ............................................................................................................................................ 38 bordercolor = "# RRGGBB" o "nombre del color" ............. h5.................................................. 36 <frame /> ................................. ..... 37 noresize = "noresize" ............................................. "yes | no" (NN 3 +) ......... 37 longdesc= "URL" ....................................................................................................................... 40 Ejemplo ......................................................................................................... ................................................................... 37 scrolling = "yes | no | auto"........................ 40 align = "center | izquierda | derecha" .............. 37 marginheight = "número".............................................................................. h3.............................................................................. </ Head>............................................................................................ 36 frameborder = "1 | 0"(................................................. 38 src = "URL"...... 38 border = "número" ....................................................................................................................................................................................................................................................................................................... 39 Ejemplo ........ ....................................................... 38 Ejemplo ..........................................................................................method = "get | post" .................................... 38 cols = "lista de longitudes" (número...................... porcentaje............................. 39 rows = "lista de longitudes" (número. porcentaje............................. 39 frameborder = "1 | 0".................................................................

....... 43 Ejemplo ............................................................ .................................................. .............................................. 42 i ................................................................................................................................ 42 id = "text" .................................. ........................................................................................................................... Texto </ i>..................... 41 size = "número" ........ 43 134 iframe ................. ........................................................................................... 41 hr ............................................................................................................................................................................. 44 hspace = "número" ...................................................... 41 Ejemplo ...........................................................................................................................................................................................................................org/1999/xhtml" ............................................................. 44 marginheight = "número"..................................................................................................w3....................................................................................................................................... 45 width = "número" .................................................................... 41 noshade = "noshade" ............................................................................................................................................................................ 42 xmlns = "http://www................................................................................ 45 src = "URL"........................ ........<html>................................ 44 longdesc = "URL" ............................................. 44 marginwidth = "número" ................................................................................. 44 scrolling = "yes | no | auto".............. 45 Ejemplo ................. 44 height = "número"....<hr /> .................................................................................................... .......................................... 45 vspace = "número" ............................................................................ </ Html> ......................................................................................................... 44 frameborder = "1 | 0" ....................................... </ Iframe> .................................. 43 align = "top | media | abajo | izquierda | derecha".................................................................... 41 align = "center | izquierda | derecha" .....................................................................<i>..................... 42 Ejemplo ...................................................................... 41 width = "número" o "número%" .................................................profile = "URL" ................................................................ 42 HTML ....... 45 ............................. 45 <img /> .........................................................................................................................................<iframe>........................................................................................

........................................................................................................................................................................... 47 name = "text" ................................................................................................................................................... 50 name = "text" (requerido) ............................................................................................................................................... 47 ismap = "ismap" ....................... 48 Ejemplo ....... 47 width = "número" ........................................ 50 value = "text" ..................... 50 align = "left | centro | derecha | top | bottom" (obsoleto) ............................................................................................................ 48 <input /> ... 47 vspace = "número" ............................................................................................ 47 usemap = "URL"................................................................................................................................................................................................. 48 <input type="button" /> ......................................................... 51 disabled = “disable" ............................................................................ 46 alt = "text" ...................................................................................................................................................................................................................................................................................................... 51 checked = "checked" .................................................................................. 46 border = "número" .............................................................................................. 50 <input type="checkbox" /> ....................................................................................................................................................................................................... 51 135 135 ..................................................................................................................................................................................................................................... 47 src = "URL".............. 46 height = "número". 46 hspace = "número" ............................................................... 51 value="text" (obligatorio) ............... 47 longdesc = "URL" ........................................................................................................................................................................................................................................................................................ 50 disabled =“disable” ........................................ 51 readonly = “readonly” ..................................................................................................................................align = "bottom | izquierda | centro | derecha | top" ....... 47 lowsrc = "URL" .................................... 50 align = "left | centro | derecha | top | bottom" (obsolete) ................................................................................................................................................................................................ 51 name = "text" (obligatorio) ......................

......... 53 <input type="password" /> ..................... 52 <input type="hidden" /> ............................................................................. 52 Size = "número" ......................................................................................................................................................................................................................... 53 alt = "text" .................................................................................................................................................................................................................................................................................................................. 54 size= "número" ......................................................... 52 value = "text" (obligatorio) ........................................................................................................................................................................................................................................................................................... 53 ismap = "ismap" ......................................... 52 value = "text" .......................... 53 src = "URL".............................................. 52 maxlength = "número" ................................................ 53 usemap = "URL"..................................... 52 readonly = “readonly " ....<input type="file" /> ....................................................................................................................................... 53 name = "text" (obligatorio) ............................ 53 align = "top | media | bottom" .............................................................................................................................................................................................................................................................................................. 53 disabled = "disabled" ............... 51 disabled = "disabled" ..................................... 52 name = "text" (obligatorio) ................................................................. 54 name = "text" (Obligatorio) .............................................................................................................................................. 52 name = "text" (Obligatorio)......... 51 accept = "Tipo MIME" ........................................................................................................................................................................................................................................................................................................................... 52 tabindex = "número" .................................... 54 maxlength = "número" ......................................................................... 52 136 <input type="image" /> ............................................................................................................................................... 53 disabled = "disabled" ................................ 52 accesskey = "carácter" ........................................................................................................................................................................................ 54 ............................... 54 readonly = “readonly" ...............................................................................................................................

................................... .................................................................................................. 55 <input TYPE="reset" /> ......................................... 55 disabled = "disable" ...................................................................................................................................................................................................................................................................................................................................... 56 size= "número" ................................. 54 Core................ 55 name= "text" (Obligatorio) ................. 57 datetime = "AAAA-MM-DDThh: mm: ssTZD" ........................................................... 55 value = "text" (Obligatorio) ....................................................................................... 55 readonly = "readonly" ..................... 56 disabled = "disabled" .. 56 name = "text" (Obligatorio)..................................................................... 56 value = "texto" ........................<Ins>...................................................... 57 ins .................................................................... 56 value = "texto" ............................................................................................................................... 55 disabled = "disable" ......................................................... Foco ...................................................................................value = "text" (Obligatorio) ..... .................................................... 55 value = "text" .............................................. Eventos... 56 readonly = "readonly" ................................................................................................................................................................................................................................................................................... </ Ins> .. 55 disabled = “disabled" ........................................................................... 57 Ejemplo ..................................................................................................... 56 maxlength = "número" ........................................................ 57 cite = "URL" ....................................................................................................................................................................................................................................................................... 55 <input type="submit" /> ................................................................................................................................................................. Internacionalización.................. 57 137 137 ............................................................................................ 56 name= "texto" .................................................................................................................................................................... 56 <input type="text" /> ............................................................ 55 name = "text" .............. 54 <input type="radio" /> ................................................................................................................................................................................................ 54 checked = "checked" ...........................................

.................................................................................................................................................................<ISINDEX /> ......equiv = "text"................................................. 63 http.............................. 63 id = "text" ....................................................................... ................... 63 name = "text" .......................................................................................................................................... 60 <map> ........................ 60 value = " número " .......................................................................................................... 60 <link /> ................................<kbd>.. ........................................................................... ..................................................... 63 ................................................................................................................................................. 61 id = "text" .......................................................................... < / menu>........................ 58 kbd .................................................... 57 prompt = "texto" ..................................................................................................................................................................................... 62 <meta /> ......... 59 fieldset ............................................................................................. </ Kbd> ............. 58 <label>.............................................................................................................. 63 content = "text" ................................ ............................................... ............................... </ Label> ........................... 62 compact = "compact" ................................................................................................................................................. < / legend> ......................isindex ................................................................................................................................ ...... 59 type = "formato".......................... < / li >........ .........................................................................................<li> .................................................................................................................................................................................................................................... .... .................................................................. 62 <menú> ........................................................................................ 60 138 Example .................................................................................................................................................................................................... 62 Example ........................................................................... 58 Ejemplo ....................................... < / map>.................................................................................... 59 li ... 60 start = "número" .............. 59 <legend> ................ ......................................................... 58 Ejemplos ..................... ...... .............................................................. 62 name = "text" ........... 63 scheme = "text" ...................................................................... 58 for = "text"..................................................................

................................................................................................................................................................................................................................................................. 67 standby = "mensaje" .................... ....................... < / object > ................................................. ....................................................................................................................................... .... 64 Example ............................................................................................ 67 usemap = "URL"........................................ 65 <object> ................... 64 Example ........................................... ................................................................................................................................... ................................................................................................................................................................................................................................................................ 67 <ol> .............................................. 66 codebase = "URL" ............................................ ............................................................................... 67 width = "Numero " .... 67 tabindex = "Numero " ..................................... 67 type = "tipo" ........................................Ejemplos ...................................................... 67 hspace = "Numero " ................................................... 65 archive = "URL" ..................................... 65 align = "bottom | media | top | izquierda | derecha " ...... 66 declare = " declare " .............................................. ................ 68 compact = "compact" ............................................................................................................................................................................................................................................................................................................................................ 66 height = "Numero ".................................................................................................................... 66 border = "número" ................................................. < / noscript > ........................... ........ 68 139 139 ............................................ 63 <NOEMBED> .............. .................................................................................................... 64 <NOFRAMES> ............................................................................ 67 vspace = "Numero " ... < / noembed > ............................................. < / ol >.................................................. 67 name = "text" . 66 codetype = " codetype " ................................................................ 66 data = "URL" ............................................... ....................................................................................... 66 classid = "URL" ........................................................................................... 64 <noscript> .................................................... 64 Example ............................................................................ < / noframes > ....................................................................

..................................................................................... 70 label = "text" .......................................................................................................................................................... 71 type = " tipo de contenido" ................................................ 70 selected = "selected " ................. 72 <pre> .......................................................... < / pre> ...................................................................................... 71 id = "text" ....................................................................................................... ......................................................................................................... .......................... 70 disabled = " disabled" ........................................................................................................................start = "número" .................................... 69 <option> ........................... ............................................................ 71 value = " text" ............................................... 72 width = "Numero " ................ 72 valuetype = "Datos | Ref....................................................................... < / option> ............................................................................................................ 71 name = "text" .............................................................................................................................................. 71 140 align = " center | izquierda | derecha "........................ 69 disabled = " disabled" ....................................................................... 71 <param /> ............................ < / q > ..................................................... ................................... 70 <p> .......................................... 72 <q> .............. 73 ............................................................................................................................................................................... 72 Example ....................................................................... ........................... ........... 68 type = " 1 | A | a | I | i" ......................................................... 72 Example ......................... 71 Example ....................................................................................................................................................................................... 72 xml: space = " preserve" ...................... ...................... 70 Example ........................................................ | objeto" .............................................................................................. < / optgroup > ...................................................................................... 68 Example ................................................................................... 69 <optgroup> ..................... ............................................................................................................ ......................................................................... 69 label = "text" .................................................................................................................................... 70 value = " text" ........................................ < / p>........................................................ ..............................................

...... ...................................... 77 141 141 ................................... 77 <strike> .......... ......................... 73 <S> .................................................................. 76 size = "Numero " .............................. 73 Example ........................................................................................................................................................................................................................................................ 74 Example ....................... ......................................... 77 Example ................................................................................................................ 77 Example .........................................................................................cite = "URL" ............................................................................ 76 <span> .................................................................................................................................................................... ..................................................................................... 74 defer = " defer" ................... < / s > ..................................... 73 Example ................................................................................ . < / script > ............................................... 75 disabled = " disabled" ............................................................................................................................. 76 Example ............. 75 <select> .................... ...................................................................... < / select> ........ ..................... 75 multiple = "multiple"........................................................................................... 75 src = " URL" ....................................................... 76 Example ............. . .......................................................... 76 name = "text" ... 74 <script> ................................................................................................................................................................................................. < / strike > .............................................................................. ................................................................... 74 id = "text" .................................................................................................................................. 76 <small> ............................................................................................................................................................................................................................................................................................ 74 language = "text" ..................... < / small> ....................... .............. 75 xml: space = " preserve" ......................................................................... 75 type = " content-type " ....................................................................................................... ........................ ........................................................ < / samp > .. 76 tabindex = "Numero " ....................... 74 charset = "Juego de caracteres"........................ < / span > ....................................................... 73 <samp> ................................................................................................................... ................................

................................................................................... 80 cellpadding = "número" ............................... 81 summary = "text" ............. 80 height = "Numero " o " porcentaje" ..................................................................................................................................................... 79 border = "número" ............................ < / sup > ................................................................................................................................................ ............................................................................................................ ................ 82 Example .............................................. ................................................................................................................................................... 77 <style> ............................... | vsides | Caja | fronteriza " .............. .................................................................................................................... 78 <sub> .... ............. 82 width = "Numero " o " porcentaje" ............................................................ < / style> .............. .............................................. < / sub> .......................................................................... ....<strong> ..................................................................................................................... ........................................................................................................... 78 medios = "all | aural | braille | mano | imprimir | proyección | pantalla | tty | tv" ............. ........................................................................... 79 142 <table> ............................................................ 81 rules = "all | cols | grupos | Ninguno filas "............................ 80 frame = "vacío | arriba | abajo | hsides | lhs | dcha.................................................................................................................... 82 <tbody> .......................... 77 Example ......... 78 id = "text" ............................................. 80 cellspacing = "número" ...... 78 title = "text" .................................... 79 Example ....................................... 79 align = " left | right | center" ........................................................................................................... ... 78 type = " tipo de contenido" ( texto text / css / css xml: ............................ 82 ........... < / table> ................................................................................ space = " ............................................................................ ................................. 78 Example ............................... < / tbody > ....... 78 Example ................................................................................................................................. ................................................................................................................................................................................. 79 bgcolor = "# RRGGBB "o " Nombre del Color " ............................................ 79 <sup> ............................................ < / strong > ........

............................................................................................................................................... < / td > ................................ 85 charoff = " Longitud " ...................................................................... 87 cols = "número" ........... 83 valign = "top | media | abajo | línea de base" ........................................................................... 84 align = " left | right | center | Justificar | char" ........................................ 85 height = "píxeles" o " porcentaje" ................................................................................................ 82 charoff = " Longitud " .........................................................................................................................align = " left | right | center | Justificar | char" ..................................................................................................................................................... 85 colspan = "número" ............................................................... 87 readonly = " readonly " ......................................................... ........................................................................... 85 headers = " Referencia id" ..................................... 84 background = "URL".................................................................................................................................................................................. 85 nowrap = " nowrap " .......................... 86 <textarea> ................... 84 axis= "text" ....................... < / textarea > .......................... 87 disabled = "disabled" ....................................................................................... 82 char = " Carácter " ........................................................................................... 83 Example .................................................................................................................................. 87 name = "text" ................................................................................................ 87 143 143 .. 83 <td> ...................... 85 rowspan = "número" ............................. 84 char = " Carácter " ...... 87 rows = "número" ................................................................ 86 valign = "top | media | abajo | línea de base" ........... 84 bgcolor = "# RRGGBB " o " Nombre del Color " ................................................................................................................................................................................................................................................ ............................... 84 abbr = "text".......................... 86 scope = "row | col | rowgroup | colgroup " ......... 86 width = "píxeles" o " porcentaje" ...................................................................................................................................................................................................................................................................................................................... ................. ........................................................................................................................................................

............. 89 <tr> .................. ............................................................................................................................................................................................. 90 <tt> ............ ....... .......................................... .. < / th>....................................................................................... ................... 90 char = "carácter"........................ 91 Example ................. ........................................ 90 bgcolor = "# RRGGBB"o "nombre del color".............................................. 92 <var> ............................... .............. 89 align = "left | right | center | justificar | char" ............................. < / var > ............................................................................................................ 91 Example ....Example .... ................................ ................................................ 88 Example . 92 Example ........................................................................... ............................................ < / u> ......................... < / title> .......... 90 144 charoff = "longitud" .................................................................................................................................................. < / tfoot > ....................................... .............. 88 <thead> ...........................................................................................................................................................................................................-y) ........... 92 Entidades no estándar (.. ...................................... ................................................ 88 <th> ............................................ 89 <title> ...................... ... .................................................................... 89 Example ................................................................................................................................................................................................................................ 89 id = "text" . < / tr > .............................................................................................. 90 valign = "top | media | abajo | línea de base" .................................... 96 ........................................................................................................................................................................................................................................................ .............................................................................................................................. 88 Example ... 91 compact = "compact" ................. < / ul> ...................................................................... 91 <u>................................... < / thead > ............................................................................................ 92 Example ..... 88 <tfoot> .................. ........................................................... < / tt > .......... 90 Ejemplo .................................................................................................................................................................................................. 91 <ul> ........................... 92 type = "disc | círculo | square" .................................................................................................... ...............................

....................................................................................................................Latin-1 (ISO-8859-1) ......................................................... 113 Mathematical Operators .............................................................................................................................................................................................................................................................................. 103 Latin Extended-B ........................................................................................................................................................................ 110 Letter-like Symbols ....................................................................................................................... 117 Geometric Shapes ............................................................................................................................................................................................ 105 Greek ................................................................................................................................................................................................................ 97 Latin Extended-A ..................................... 114 Miscellaneous Technical Symbols ...................................................... 119 Specifying Color ....................................................... 106 General Punctuation......................... 121 145 145 ........................................... 104 Spacing Modifier Letters ....... 112 Arrows............. 118 Miscellaneous Symbols .....................................