You are on page 1of 145

Captulo 1.

HTML y XHTML Pocket Reference


Esta referencia de bolsillo ofrece una lista concisa pero completa de los elementos y atributos
especificados en el cdigo 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 estndares de marcado.
Este libro est organizado en las siguientes secciones: HTML y XHTML Fundamentos lista
alfabtica 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 pginas web. El propsito fundamental de HTML como un
lenguaje de marcas es proporcionar una descripcin semntica (significado) de los contenidos y
establecer una estructura de documento (una jerarqua de elementos). No tiene que ver con la
presentacin, por ejemplo, cmo se ver el documento en un navegador. La presentacin es
el trabajo de las Hojas de Estilo en Cascada, que est fuera del alcance de este libro. La
versin actual de HTML se define en la Recomendacin HTML 4.01. XHTML (eXtensible
HyperText Markup Language) es una reformulacin de HTML 4.01 de acuerdo a las ms
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 seccin. XHTML incluye una familia de Recomendaciones, incluyendo XHTML
1.0, XHTML 1.1, modularizacin de XHTML, XHTML Basic y otras versiones an en desarrollo.
Esta referencia se centra en la Recomendacin XHTML 1.0. Para obtener informacin sobre
todas las versiones de HTML y XHTML, consulte la pgina de inicio HTML del World Wide
Web Consortium en www.w3.org/MarkUp.

Cmo XHTML Diferencias entre HTML


Debido a XHTML es un lenguaje XML, su sintaxis es ms estricta y se diferencia de HTML
en estas maneras clave: All elementos y atributos deben estar en minsculas. 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 vacos deben
terminar as. Esto se hace mediante la inclusin de una barra al final de la etiqueta. Un
espacio se aade comnmente antes de la barra para mantener la compatibilidad con
navegadores ms antiguos. Por ejemplo, <hr />, <img />, <meta />. Todos los valores de los
atributos deben estar contenidos entre comillas (simples o dobles). Por ejemplo, <td

colspan="2">. Todos los valores de los atributos deben ser explcitos y no pueden ser
minimizados a una sola palabra, como se permite en HTML. Por ejemplo:
checked = "checked" selected = "selected" multiple = "mltiple"
Restricciones de la jerarquizacin son ms estrictamente. Estas restricciones se expresan de
manera explcita: Un elemento no puede contener otro elemento. El elemento de pre no puede
contener img, objeto, applet, grande, pequeo, sub, sup, la fuente, o la fuente base. El
elemento de formulario no puede contener otros elementos de formulario. Un elemento de
botn no puede contener un formulario de entrada, seleccionar, textarea, etiqueta, botn, 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 Identificacin 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 especificacin XHTML 1.0.

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 versin no incluye todos los elementos y atributos que estn
en desuso (como fuente y alineacin) para reforzar la separacin de la estructura del
documento de presentacin. DTD Transicional El DTD Transicional incluye todos los elementos
en desuso y atributos para ser backward-compatible con el comportamiento heredado de la
mayora 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 adicin de elementos para la creacin de
pginas 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 Recomendacin XHTML cuenta con slo una DTD que es similar al estricto, ya que no
incluye elementos y atributos desaprobados.
La seccin siguiente muestra cmo se identifican las DTD en documentos (X) HTML.

Estructura Minimal Documento


Este ejemplo de marcado muestra la estructura mnima 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> Ttulo del documento </ title>
</ head>
<body>
contenido del documento. . .
</ Body>
</ html>
Este ejemplo de marcado muestra la estructura mnima de un documento XHTML 1.0 como se
especifica en la Recomendacin 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> Ttulo del documento </ title>
</ head>
<body> contenido del documento. . .
</ Body>
</ html>
En ambos ejemplos, la primera lnea es la Declaracin de tipo de documento (o declaracin
DOCTYPE) que declara la versin DTD utilizada para el documento. Se utiliza para revisar el
documento para su validez. Algunos navegadores tambin utilizan la inclusin de una
declaracin DOCTYPE completa para cambiar a un modo de renderizado compatible con los
estndares. Tenga en cuenta que el documento XHTML utiliza una declaracin DOCTYPE
diferente al del documento HTML e incluye espacio de nombres XML y la identificacin de
idioma en el elemento raz del HTML. Documentos XHTML pueden incluir opcionalmente una
declaracin XML antes de la declaracin DOCTYPE, como se muestra en este ejemplo:
<? Xml version = "1.0" encoding = "UTF-8">

<DOCTYPE HTML PUBLIC "- / / W3C / / DTD XHTML 1.0 Strict / / EN"
"http://www.w3.org/TR/ xhtml1/DTD/xhtml1-strict.dtd ">
Una declaracin XML no es necesario si la codificacin de caracteres es UTF-8 por omisin.
Debido declaraciones XML son problemticos para los navegadores incluso compatible con los
estndares de este escrito, por lo general se omiten.

DOCTYPE para Disponible DTD


El (tipo de documento) declaracin contiene dos mtodos para sealar a la informacin DTD
<DOCTYPE>: uno es un identificador de documento reconocido pblicamente, la otra es una
URL especfica en caso de que el dispositivo de navegacin no reconoce el identificador
pblico. Las declaraciones exactas DOCTYPE para cada versin de HTML y XHTML se
enumeran aqu:

HTML 4.01 Strict


<! DOCTYPE HTML PUBLIC "- / / W3C / / DTD HTML 4.01 / / EN"
"http://www.w3.org/TR/HTML4.01/strict.dtd">

HTML 4.01 Transitional


4
<! DOCTYPE HTML PUBLIC "- / / W3C / / DTD HTML 4.01 Transitional / / EN"
"http://www.w3.org/TR/HTML4.01/loose.dtd">

HTML 4.01 Frameset


<! DOCTYPE HTML PUBLIC "- / / W3C / / DTD HTML 4.01 Frameset / / EN"
"http://www.w3.org/TR/HTML4.01/frameset.dtd">

XHTML 1.0 Strict


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

XHTML 1.0 Transitional


<DOCTYPE HTML PUBLIC "- / / W3C / / DTD XHTML 1.0 Transitional / / EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

XHTML 1.0 Frameset


<! DOCTYPE HTML PUBLIC "- / / W3C / / DTD XHTML 1.0 Frameset / / EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1
<DOCTYPE HTML PUBLIC "- / / W3C / / DTD XHTML 1.1 / / EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Lista alfabtica de los elementos

Esta seccin contiene una lista de todos los elementos y atributos en el cdigo HTML 4.01 y
XHTML Recomendaciones, as como algunos elementos no estndar. Los lectores se les
recomienda tener en cuenta estas etiquetas de elementos y atributos:
Desaprobado

Elementos y atributos marcados como desaprobados se estn eliminando de HTML - por lo


general a favor de las Hojas de Estilo en Cascada - y no se animan a usar. Todos los
elementos y atributos desaprobados se han eliminado de las versiones estrictos de HTML y
XHTML.
Atributos necesarios marcados como requeridos
deben ser incluidos en el elemento para el marcado sea vlida.
XHTML slo atributos XHTML
slo se aplican slo a los documentos marcados en XHTML. Otras pequeas diferencias entre
HTML y XHTML se observan de manera similar.
Elementos y atributos no estndar
no se incluyen en ninguna versin de las Recomendaciones HTML o XHTML, pero se
soportan bien por los navegadores.

Atributos comunes y Eventos


Un nmero de atributos en el cdigo HTML 4.01 y XHTML 1.0 Recomendaciones son
compartidas por casi todos los elementos. Para ahorrar espacio, se han abreviado en esta

referencia como lo son en las Recomendaciones. Esta seccin explica abreviada de cada
atributo y sirve como una referencia para el resto de la lista de elemento.

Ncleo
cuando el ncleo se encuentra dentro de Atributos, se refiere al conjunto de atributos de
ncleo que se puede aplicar a la mayora de los elementos (como se seala en cada
elemento de la lista):
Identificacin (id)
Asigna un nombre identificador nico al elemento

Clase (class
Asigna uno o ms nombres de clasificacin para el elemento
Estilo (style

Informacin estilo asociado con un elemento

Ttulo (title
Proporciona un ttulo o informacin de asesoramiento sobre el elemento de
Internacionalizacin

Internacionalizacin
Cuando aparece en la lista de atributos, significa que el elemento acepta el conjunto de
atributos que se utilizan para especificar el idioma y la direccin de lectura:
dir
Especifica la direccin del elemento (de izquierda a derecha o de derecha a
izquierda).
lang
Especifica el idioma para el elemento por su cdigo de idioma.
xml: lang
XHTML solamente. Especifica el idioma para los elementos de los documentos XHTML.

Eventos
Cuando el evento se lista para el elemento, esto indica que los eventos centrales que usan
los lenguajes de secuencias de comandos se pueden aplicar al 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 botn del dispositivo de sealizacin sobre un
elemento

ondblclick
Se produce cuando el botn del dispositivo sealador 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 ms de un elemento

onkeyup
Se produce cuando se suelta una tecla sobre un elemento

onmousedown
Se produce cuando se presiona el botn del dispositivo de sealizacin sobre un
elemento

onmousemove
Se produce cuando el dispositivo apuntador se mueve mientras est sobre un
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 botn del dispositivo sealador sobre un elemento
Focus

Focus
se refiere al estado de ser resaltada y lista para la entrada del usuario, como por ejemplo de
un vnculo o elemento de formulario. Cuando Focus est en la lista, significa que los
siguientes atributos y eventos relacionados con traer el foco al elemento son aplicables:

accesskey = "carcter"
Asigna una clave de acceso (atajo de comando de teclado) para el enlace. Las teclas
de acceso tambin se utilizan para los campos de formulario. El valor es un solo
carcter. Los usuarios pueden acceder al elemento pulsando Alt-<key> (PC) o Ctrl<key> (Mac).

onblur
Se produce cuando un elemento pierde el foco, ya sea con el dispositivo apuntador o
por navegacin con tabulador.

onfocus
Se produce cuando un elemento recibe el foco, ya sea con el dispositivo apuntador o
por navegacin con tabulador.

tabindex = "nmero"
Especifica la posicin del elemento actual en el orden de pestaas del documento
actual. El valor debe estar entre 0 y 32767. Se utiliza para la tabulacin a travs de
los enlaces en una pgina (o campos de un formulario).

(X) HTML Elementos


Nombre

<a>. . . </ A>


Define un ancla dentro del documento. Un ancla se utiliza para crear un hipervnculo a otro
documento o recurso de Internet. Tambin puede servir para etiquetar un fragmento dentro de
un documento (tambin llamado un anclaje con nombre), que sirve como un ancla de destino
para ligarse a un punto especfico en un documento.
Atributos
Core,
Internacionalizacin,
Eventos,
Foco

charset = "charset"
Especifica la codificacin de caracteres del documento de destino.

coords = "coordenadas x, y"


Especifica los x-, y-coordenadas de un rea seleccionable en un mapa de imagen. La
Recomendacin HTML 4.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 an no se ha
implementado por los navegadores.

href = "URL"
Especifica la direccin URL del documento de destino o un recurso Web (como una imagen,
audio, PDF, o este archivo).

hreflang = "Cdigo de idioma"


Especifica el idioma base del documento de destino.

id = "text"
Da el enlace de un nombre nico (similar al atributo de nombre) para que se pueda hacer
referencia desde un enlace, escritura, o de estilos. En XHTML, se requiere el
atributo id para fragmentos de documento. Por razones de compatibilidad con la
versin 4 de los navegadores, los autores usan tanto el nombre y la identificacin
de los fragmentos.

name = "text"
Slo HTML. Documentos XHTML usan Identificacin de fragmentos de documento. Coloca un

10

identificador de fragmento dentro de un documento HTML.

rel = "relaciones"
Establece una o ms relaciones entre el documento actual y el documento de destino.
Relaciones ms comunes son de estilo, a continuacin, anterior, el derecho de autor, el ndice
y glosario.

rev = "relaciones"
Especifica una o ms relaciones de la meta de nuevo a la fuente (lo contrario del atributo
rel).

forma = "rect | crculo | poli | default"


Define la forma de un rea seleccionable en un mapa de imagen. Esto slo se utiliza en el
elemento como parte de HTML 4.01 's propuesta de sustituir los mapas de imagen del lado
del cliente con una combinacin de objeto y una serie de elementos. Este sistema an no se
ha implementado por los navegadores.

target = "text"
Especifica el nombre de la ventana o el marco en el que se debe mostrar el documento de
destino.

type = "tipo de papel"


Especifica los medios de comunicacin o tipo de contenido (tipo MIME) del contenido definido
- por ejemplo, text / html.

Ejemplos
Para un archivo local:
<a href="filename.html">. . . </ A>
Para un archivo externo:
<a href="http://server/path/file.html">. . . </ A>
Para un anclaje con nombre:
<a href="http://server/path/file.html#fragment">. . . </ A>

11
Para un anclaje con nombre en el archivo actual:
<a href="#fragment">. . . </ A>
Para enviar un mensaje de correo electrnico:
<a href="mailto:username@domain">. . . </ A>
Para un archivo en un servidor FTP:
<a href="ftp://server/path/filename">. . . </ A>
Creacin de un anclaje con nombre en cdigo HTML:
<a name="fragment">. . . </ A>
Creacin de un anclaje con nombre en XHTML (tenga en cuenta que algunos autores incluyen
tambin un nombre redundante para mantener la compatibilidad con la versin 4 de los
navegadores):
<a id="fragment">. . . </ A>

Nombre

11

<abbr>. . . </ Abbr>


Identifica el texto adjunto como una abreviatura.
Atributos
Core,
Internacionalizacin,
Eventos

title = "text"
Proporciona la expresin completa de la abreviatura. Esto puede ser til para los navegadores
no visuales, sintetizadores de voz, sistemas de traduccin, y los motores de bsqueda.

Ejemplo
<abbr title title=" Massachusetts "> Mass. </ abbr>
Nombre

12

<acronym>. . . </ Acronym>


Indica un acrnimo.
Atributos
Core,
Internacionalizacin,
Eventos

title = "text"
Proporciona la expresin completa del acrnimo. Esto puede ser til para los navegadores no
visuales, sintetizadores de voz, sistemas de traduccin, y los motores de bsqueda.

Ejemplo
<acronym title=" World Wide Web WWW "> </ acronym>
Nombre

<address>. . . </ Address>


Suministros de la informacin de contacto del autor, por lo general al principio o al final de
un documento. No es apropiado para todos los listados de direcciones.
Atributos
Core,
Internacionalizacin,
Eventos

Ejemplo
<direccin> Escrito por <a href="... /authors/robbins/"> Jennifer Robbins </ a>, <a
href="http://www.oreilly.com/"> O'Reilly Media </ a> </ address>
Nombre

<applet>. . . </ Applet>


desuso. Este elemento (por primera vez en Netscape Navigator 2.0) se utiliza para colocar un
applet de Java en la pgina web. El elemento del applet ha sido desaprobado en favor del
elemento de objeto, pero todava es apoyado y de uso comn. Algunos applets requieren el
uso de applet. Adems, Navigator 4 y anteriores y Internet Explorer 4 no son compatibles con
los applets de Java a travs del elemento de objeto. El elemento applet de puede contener
un nmero de elementos param que proporcionan ms instrucciones y parmetros.

Atributos

Ncleo

align = "left | right | top | media | bottom"


Alinea el applet y permite que el texto se ajuste alrededor de ella (igual que la alineacin de
imgenes).

alt = "text"
Proporciona texto alternativo si el applet no se puede mostrar.

13

13

archive = "URL"
Proporciona una lista separada por espacios de direcciones URL con las clases que se
carguen.

code = "clase"
Obligatorio. Especifica el nombre de clase del cdigo para ser ejecutado.

codebase = "URL"
URL de la que se recupera el cdigo del applet.

height = "nmero"
Altura de la zona de visualizacin del applet inicial en pxeles.

hspace = "nmero"
En desuso. Especifica el nmero de pxeles de espacio libre a la izquierda ya la derecha de

14

la ventana del applet.

name = "text"
En desuso en XHTML 1.0. Nombres del applet para referencia de otra parte de la pgina.

objeto = "text"
Nombres de este atributo un recurso que contiene una representacin serializada del estado de
un applet. Utilice cdigo o un objeto en un elemento applet, pero no ambos.

vspace = "nmero"
En desuso. Especifica el nmero de pxeles de espacio libre por encima y por debajo de la
ventana del applet.

width = "nmero"
Requerido y en desuso (debido a que el elemento est en desuso). Ancho del rea de
visualizacin del applet inicial en pxeles.

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 especfica se puede hacer clic ("caliente").
Atributos
Core,
Internacionalizacin,
Eventos, Foco

15

alt = "text"
Obligatorio. Especifica una breve descripcin de la imagen que se muestra cuando el archivo
de imagen no est disponible.

coords = "valores"
Especifica una lista de coordenadas de pxeles separados por comas que definen una zona
"caliente" de un mapa de imagen.

href = "url"
Especifica la direccin URL del documento o archivo que se accede haciendo clic en el rea
definida.

nohref = "nohref"
Define un rea "sensible al ratn" en un mapa de imagen para la que no hay accin cuando
el usuario hace clic en la zona.

15

forma = "rect | crculo | poli | default"


Define la forma de la zona se puede hacer clic.

target = "text"
Especifica el nombre de la ventana o el marco en el que se debe mostrar el documento de
destino.

Ejemplo
Ver mapa elemento listado.
Nombre

<b>. . . </ B>


16

el texto cerrado se representa en negrita. Este es uno de los pocos elementos de


presentacin que se conservan en las XHTML 1.0 Strict y XHTML 1.1 DTD. El elemento
fuerte es preferible b porque es semntica (no presentional) y lo hace en negrita en los
navegadores visuales por defecto.
Atributos
Core,
Internacionalizacin,
Eventos

Ejemplo
Realmente tenemos que dejar <b> ahora </ b>!
Nombre
Base - <base />
Especifica el nombre de ruta de base para todas las URLs relativas en el documento.
Coloque este elemento en el encabezado del documento.

Atributos
href= "Url"
Obligatorio. Especifica la direccin URL que se utilizar.

id = "text"
XHTML solamente. Asigna un nombre nico de identificacin al elemento.

objetivo= "Nombre"
Define la ventana de destino predeterminado para todos los enlaces en el documento. A
menudo se utiliza para apuntar marcos.

Ejemplo
<head> <title> documento de muestra </ title> <base href=" /stories/ "/> </ head>

17
Nombre

<basefont />
Desaprobado. Especifica ciertos atributos de fuente para el contenido que le sigue. 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. Este elemento no se le aconseja su uso en favor
de las hojas de estilo que ofrecen mucho mejor control sobre las fuentes.
Atributos

id = "text"
Este atributo asigna un nombre a un elemento. Este nombre debe ser nico en un
documento.

color = "# RRGGBB" o "nombre del color" (o una lista de los


tipos de

letra)

17

En desuso. Establece el color de las siguientes opciones de texto con valores RGB
hexadecimales.

face = "tipo de letra"


En desuso. Define la fuente para el texto que sigue.

size = "nmero"
En desuso. Establece el tamao de la fuente base con los valores de tamao de HTML del
1 al 7 (o valores relativos basados en el valor predeterminado de 3). Ajustes de tamao
relativo posteriores se basan en este valor.

Ejemplo
<head> <BASEFONT </ head> face = "Verdana, Helvetica, sans-serif" />
Nombre

<bdo>. . . </ BDO>


18
Soportes para "anular bidireccional" y se utiliza para indicar una seleccin de texto que se lee
en la direccin opuesta a la del texto circundante. Por ejemplo, en un documento de izquierda
a derecha lectura, el elemento BDO se puede utilizar para indicar una seleccin de texto
hebreo que lee de derecha a izquierda (RTL).

Atributos
Core (id, clase, estilo, ttulo),
Eventos (XHTML solamente)

dir = "ltr | rtl"


Obligatorio. Indica si la seleccin debe leer de izquierda a derecha (LTR) o de derecha a
izquierda (RTL).

lang = "Cdigo de idioma"


Este atributo especifica el idioma del elemento utilizando una abreviatura cdigo de idioma.

xml: lang = "text"


XHTML solamente. Este es el mtodo para especificar idiomas en los documentos XML
utilizando una abreviatura cdigo de idioma.

Ejemplo
<bdo dir= "ltr"> frase Ingls en un texto de otro modo rabe. </ BDO>
Nombre

<big>. . . </ Big>


De forma predeterminada, los conjuntos grandes del tamao de la letra un poco ms grandes
que el texto que lo rodea. Este es un ejemplo de cdigo HTML de presentacin que debe
ser evitado a favor de marcado semntico y hojas de estilo para la presentacin.
Atributos
Core,
Internacionalizacin,

19

Eventos

Ejemplo
Autor: <big> Jennifer Robbins </ big>
Nombre

<blockquote>. . . </ Blockquote>


El texto encerrado es un bloque de cotizacin que consiste en uno o ms prrafos.
Atributos
Core,
Internacionalizacin,
Eventos

cite = "URL"
Proporciona informacin sobre la fuente de la que se tom prestado la cita.

19

Ejemplo
<blockquote cite = "http://www.example.com"> <p> Este es el comienzo de una larga cita (texto
contina ...) </ p> Y sigue pasando y en ( texto contina ...) </ p> </ blockquote>
Nombre

<body>. . . </ Body>


el cuerpo de un documento contiene el contenido del documento. El contenido puede ser
presentado visualmente (como en una ventana grfica de navegador) o auditivamente (por un
lector de pantalla). Aunque el cuerpo elemento de marcado es opcional en las versiones
anteriores de HTML, XHTML en que se requiera. Todos los atributos para el elemento del
cuerpo que controlan el color del texto, color de los enlaces, el color de fondo, y las
imgenes de fondo han quedado en desuso en favor de los controles de hojas de estilo.
Atributos
Core,
Internacionalizacin,
eventos; adems onload, onunload

20

alink = "# RRGGBB" o "nombre del color"


En desuso. Establece el color de los enlaces activos (el color mientras que el botn del ratn
se mantiene pulsado durante un click). El color se especifica en valores RGB hexadecimales o
por el nombre del color web estndar.

background = "URL"
En desuso. Proporciona la ubicacin de un archivo grfico para ser utilizado como un grfico
de mosaico en el fondo del documento.

bgcolor = "# RRGGBB" o "nombre del color"


En desuso. Establece el color del fondo para el documento. El color se especifica en valores
RGB hexadecimales o por el nombre del color web estndar.

link = "# RRGGBB" o "nombre del color"


En desuso. Establece el color predeterminado para todos los enlaces en el documento. El
color se especifica en valores RGB hexadecimales o por el nombre del color web estndar.

text = "# RRGGBB" o "nombre del color"


En desuso. Establece el color predeterminado de todo el texto nonhyperlink y sin estilo en el
documento. El color se especifica en valores RGB hexadecimales o por el nombre del color
web estndar.

vlink = "# RRGGBB" o "nombre del color"


En desuso. Establece el color de los enlaces visitados (enlaces que ya han sido seguidos)
para el documento. El color se especifica en valores RGB hexadecimales o por el nombre del
color web estndar.

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> Ttulo del documento </ title>

21

</ head>
<body>
<p> contenido de documento. . . </ P>
</ body>
</ html>
Nombre

<br />
Inserta un salto de lnea en el contenido. Este es uno de los pocos elementos de
presentacin que se conservan en las XHTML 1.0 Strict y XHTML 1.1 DTD.
Atributos
Ncleo

clear = "none | left | right | all"


En desuso. Especifica que la siguiente lnea debera aparecer despus de que el salto de
lnea en relacin con flotado elementos (como una imagen que hizo circular al margen
izquierdo o derecho). El valor por defecto, ninguna, hace que la siguiente lnea a empezar

21

donde lo hara normalmente. El valor de la izquierda comienza la siguiente lnea debajo de


cualquier flotar objetos en el margen izquierdo. Del mismo modo, se inicia justo la siguiente
lnea debajo de objetos flotaban en el margen derecho. El valor de todo comienza la siguiente
lnea debajo de flotadores en ambos mrgenes.

Ejemplo
<p> Este es un prrafo, pero quiero <br /> este texto para comenzar en una nueva lnea en
el navegador. </ p>
Nombre

<button>. . . Botn </>


Define un "botn" que funciona de manera similar a los botones creados con el elemento de
entrada, pero permite ms ricas posibilidades de representacin. Los botones pueden contener
contenido, como texto e imgenes (pero no los mapas de imagen).
Atributos
Core,
Internacionalizacin,

22

Eventos,
Foco

disabled = "disabled"
Indica que el botn del formulario es inicialmente no funcional.

name = "text"
Obligatorio. Asigna el nombre del control para el elemento.

value = "text"
Asigna el valor para el control de botn. El comportamiento del botn est determinado por el
atributo type.

type = "submit | restablecer | botn"


Identifica el tipo de botn: botn de enviar (el tipo predeterminado), un botn o un botn
personalizado (se usa con JavaScript) reset, respectivamente.

Ejemplo
<button TYPE="reset" name="reset"> <img src="thumbs-down.gif" alt="thumbs-down icon" />
Intntelo de nuevo. </ Button>
Nombre

<caption>. . . </ Caption>


Proporciona un breve resumen del contenido de la tabla o propsito. El pie de foto debe
seguir inmediatamente a la mesa de etiqueta de inicio y preceder a todos los dems
elementos de la tabla. La anchura de la leyenda se determina por la anchura de la tabla. La
posicin del subttulo como se muestra en el navegador puede ser controlado con el atributo
align en desuso o mediante la propiedad caption-side CSS preferido.
Atributos
Core,
Internacionalizacin,
Eventos

23

align = "top | abajo | izquierda | derecha"


En desuso. Posiciona el epgrafe relativo a la mesa. La posicin predeterminada es superior.

Ejemplo
<table>
<caption> Una breve descripcin de los datos de esta tabla </ caption
<tr>
<td> datos </ td>
<td> datos </ td>
</ tr>
</ table>
Nombre

<center>. . . </ Center>


En desuso. Centra su contenido horizontalmente en la anchura disponible de la pgina o el
elemento contenedor. Se ha desaprobado en favor de las hojas de estilo para la alineacin.

23

Atributos
Core, Internacionalizacin, Eventos

Ejemplo
<center> <h1> Introduccin </ h1> <p rase una vez. . . </ P> </ center>
Nombre

<cite>. . . </ Cite>


Indica una cita - una referencia a otro documento, especialmente libros, revistas, artculos, etc.
Atributos
Core, Internacionalizacin, Eventos

Ejemplo
<p> Receta de <cite> revista Food & Wine </ cite>
Nombre

24

<code>. . . </ Code>


Indica un ejemplo de cdigo de programa. Por defecto, el cdigo se representa en fuente
monoespacio especificada del navegador (generalmente Courier).
Atributos
Core, Internacionalizacin, Eventos

Ejemplo
<code> document.getElementById </ code>
Nombre

<COL />
Especifica las propiedades de una columna (o grupo de columnas) dentro de un grupo de
columnas (colgroup). Las columnas pueden compartir atributos (como la alineacin del texto)
sin ser parte de una agrupacin estructural formal.

Atributos
Core, Internacionalizacin, Eventos

align = "left | right | center | justificar | char"


Especifica la alineacin horizontal del texto de una celda o celdas. El valor por defecto es la
izquierda. El atributo de alineacin como se aplica al contenido celda de la tabla no es
obsoleto y slo aparece en el Mdulo de Tablas del 1,1 Recomendacin XHTML.

char = "carcter"
Especifica un personaje a lo largo de la cual el contenido celular se alinearn cuando align
se establece en la charla. El carcter predeterminado es un punto decimal (lenguaje
apropiado). Este atributo lo general no es soportado por los navegadores actuales.

charoff = "longitud"
Especifica la distancia de desplazamiento con el primer carcter de alineacin en cada lnea.
Si una lnea no utiliza un carcter de alineacin, debe ser horizontal cambi para terminar en
la posicin de alineacin. Este atributo lo general no es soportado por los navegadores
actuales.

span = "nmero"
Especifica el nmero de columnas "atravesados" por el elemento de la col. El valor por
defecto es 1. Todas las columnas indicadas en el lapso se formatean de acuerdo con los
ajustes de atributos en la col.

valign = "top | media | abajo | lnea de base"


Especifica la alineacin 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 slo aparece en el
Mdulo de Tablas del 1,1 Recomendacin XHTML.

width = "pxeles, porcentaje, n *"


Especifica el ancho de cada columna abarcado por el elemento COL. Ancho se puede medir
en pxeles o porcentajes, o definido como un tamao relativo (*). Por ejemplo, 2 * Establece
la columna dos veces ms ancha que las otras columnas; 0 * ajusta el ancho de la columna

25

25

en el mnimo necesario para mantener el contenido de la columna. El atributo width del


elemento col anula los ajustes de anchura del elemento colgroup contiene.

Ejemplo
Ver lista colgroup.
<table> <COL span="2" width="100" /> <COL span="1" width="50" /> class="date" <thead>. . .
(Marcado contina)
Nombre

<COLGROUP>. . . </ Colgroup>


Define un grupo conceptual de las columnas que forman una divisin estructural dentro de una
tabla. Una tabla puede incluir ms de un grupo de columnas. El nmero de columnas de un
grupo no se especifica, ya sea por el valor del atributo span o un recuento de columnas
(COL) en el grupo. Los grupos de columnas pueden ser tiles en la pantalla de tabla de
exceso de velocidad (por ejemplo, las columnas se pueden mostrar de forma incremental sin
esperar a que todo el contenido de la tabla) y proporcionar un sistema para la visualizacin
en agentes de visualizacin no visuales, tales como navegadores de voz-y Braillebased. El
elemento colgroup debe aparecer antes de cualquier fila (tr) o rowgroup (thead, tbody, tfoot)

26

elementos con el elemento de la tabla.


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 >. . . (Marcado contina)
Nombre

<dd>. . . </ Dd>


Indica la parte de la definicin de un elemento dentro de una lista de definiciones.
Atributos

Core, Internacionalizacin, Eventos


Ejemplo
Ver lista dl.
Nombre

<supr>. . . </ Del>


Indica el texto eliminado. Puede ser til para los documentos legales y cualquier caso en que
las modificaciones deben ser rastreados. Su contraparte es el elemento texto insertado (ins).
Ambos pueden ser utilizados para indicar ya sea en lnea o elementos a nivel de bloque.
Atributos
Core, Internacionalizacin, Eventos

cite = "URL"
Se puede configurar para que apunte a un documento de origen que explica por qu se
cambi el documento.

27

datetime = "AAAA-MM-DDThh: mm: ssTZD"


Especifica la fecha y la hora se hizo el cambio. Las fechas y horarios siguen el formato
indicado anteriormente, donde AAAA es el ao con cuatro dgitos, MM es el mes de dos
dgitos, DD es el da, hh es la hora (00 a 23), mm son los minutos (00 a 59), y ss es el
segundo (00 a 59). El TZD es sinnimo de zona horaria de designacin, y su valor puede
ser Z (para indicar UTC, Coordinated Universal Time), una indicacin de la cantidad de horas
y minutos por delante de UTC (como +03:00) o una indicacin de la nmero de horas y
minutos detrs de UTC (tales como -02:20). Este es el formato estndar para los valores de
fecha y hora en HTML. Para obtener ms informacin, consulte
www.w3.org/TR/1998/NOTEdatetime-19980827.

Ejemplo
Consejero Delegado: <del title="retired"> Peter Pan </ del> <Ins> Pippi Calzaslargas </ ins>
Nombre

27

<dfn>. . . </ Dfn>


Indica la instancia de la definicin del trmino incluida. Puede ser utilizado para llamar la
atencin a la introduccin de trminos y frases especiales.
Atributos
Core, Internacionalizacin, Eventos

Ejemplo
<dfn> Truecolor </ dfn> utiliza 24 bits por pxel.
Nombre

<dir>. . . </ Dir>


desuso. Crea una lista de directorios que consiste en elementos de lista (li). Listas de
directorio fueron diseados originalmente para mostrar listas de archivos con nombres cortos,
pero han quedado en desuso con la recomendacin de que las listas no ordenadas (ul) se
utilizarn en su lugar. La mayora de los navegadores muestran las listas de directorio como
lo hacen las listas sin ordenar (con vietas), aunque algunos utilizan un formato de varias

28

columnas.
Atributos
Core, Internacionalizacin, Eventos

compacto = "compact"
En desuso. Hace que la lista de lo ms pequeo posible. Pocos navegadores soportan el
atributo compacto.

Ejemplo
<dir>
<li> index.html </ li>
<li> about.html </ li>
<li> news.html </ li>
</ dir>
Nombre

<div>. . . </ Div>


Indica una "divisin" genrico dentro del documento. Este elemento se utiliza para agregar un
elemento de bloque adaptable al documento. El contenido dentro del elemento div se da
tpicamente un nombre a travs de un atributo de la clase o la identificacin y luego formatea
con hojas de estilo.
Atributos
Core, Internacionalizacin, Eventos

align = "center | izquierda | derecha"


En desuso. Alinea el texto en el elemento a la izquierda, derecha o centro de la pgina.

Ejemplo
<div id=" barra lateral "> contenido de la barra lateral. . . </ Div>
Nombre

<dl>. . . </ Dl>

29

indica una lista de definiciones, que consta de trminos (dt) y definiciones (dd).
Atributos
Core, Internacionalizacin, Eventos

compacto = "compact"
En desuso. Hace que la lista de lo ms pequeo posible. Pocos navegadores soportan el
atributo compacto.

Ejemplo
<dl>
<dt> em </ dt>
<dd> Indica texto enfatizado. elementos em casi siempre representan en cursiva. </ Dd>
<dt> fuerte </ dt>
<dd> Denota texto fuertemente enfatizado. Elementos fuertes son casi siempre representan en
negrita. </ Dd>

29

</ dl>
Nombre

<dt>. . . </ Dt>


indica la porcin de plazo fijo de un elemento dentro de una lista de definiciones.
Atributos
Core, Internacionalizacin, Eventos

Ejemplo
Ver lista dl.
Nombre

<em>. . . </ Em>


Indica el texto subrayado. Los agentes de usuario por lo general hacen que el texto
subrayado en cursiva por defecto.

30
Atributos
Core, Internacionalizacin, Eventos

Ejemplo
Esto es exactamente <em> </ em> de lo que has estado buscando.
Nombre

<embed>. . . </ Embed> (o <EMBED />) no estndar.


Incrusta un objeto en la pgina web. Los objetos incrustados son ms a menudo los archivos
multimedia que utilizan la tecnologa de plug-in para la reproduccin (por ejemplo, pelculas
Flash, pelculas QuickTime, y similares). Adems de los atributos enumerados a continuacin,
ciertos tipos de medios y sus respectivos complementos pueden tener atributos propios para
controlar la reproduccin del archivo. Existe documentacin contradictorias respecto a si es
incrustar un contenedor o un elemento vaco. Los navegadores modernos parecen apoyar
ambos mtodos, pero incluyendo la etiqueta de cierre es la apuesta ms segura. El W3C
recomienda el elemento de objeto para incrustar objetos multimedia, pero embed todava se
utiliza comnmente para la compatibilidad con versiones anteriores. Si desea que el navegador

solicite una falta plug-in, 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.
Atributos

align = "left | right | top | bottom"


Controla la alineacin del objeto de medios en relacin con el texto que lo rodea. El valor
predeterminado es inferior. Mientras que la parte superior e inferior son los alineamientos
verticales, izquierda y derecha la posicin del objeto en el margen izquierdo o derecho y
permitir que el texto se ajuste alrededor de ella.

height = "nmero"
Especifica la altura del objeto en nmero de pxeles. Algunos tipos de sustratos requieren este
atributo.

hidden = "yes | no"


Oculta el archivo multimedia o un reproductor de la vista cuando el valor yes. El valor

31

predeterminado es no.

name = "text"
Especifica un nombre para el objeto incrustado. Esto es particularmente til para referenciar el
objeto desde un script.

palete = "foreground| background"


Se aplica slo a la plataforma Windows. Un valor de los conocimientos adquiridos hace la
paleta del plug-in de la paleta de primer plano. Por el contrario, un valor de fondo hace que
el plug-in utiliza la paleta de fondo, lo que es el valor predeterminado.

pluginspage = "URL"
NN 4.0 + y MSIE 4.0 + solamente. Especifica la direccin URL para obtener informacin
sobre la instalacin del plug-in correspondiente.

31

src = "URL"
Obligatorio. Proporciona la direccin URL del archivo o un objeto para ser colocado en la
pgina.

width = "nmero"
Especifica la anchura del objeto en nmero de pxeles. Algunos tipos de sustratos requieren
este atributo.

Slo Internet Explorer

alt = "text"
Proporciona texto alternativo cuando el objeto de comunicacin no se puede mostrar (el mismo
que para el elemento img).

Code = "nombrearchivo"
Especifica el nombre de clase del cdigo de Java para ser ejecutado.

32

codebase = "URL"
Especifica la URL base para la aplicacin.

units = "pxeles | en"


Define las unidades de medida utilizadas por la altura y la anchura. El valor predeterminado
es pxeles. In unidades son la mitad del tamao de punto del texto del cuerpo.

Slo Netscape Navigator

border = "nmero"
Especifica el ancho del borde (en pxeles) alrededor del objeto multimedia.

frameborder = "yes | no"


Activa la frontera o desactivar.

hspace = "nmero"
Se utiliza junto con el atributo align, el espacio horizontal atributo especifica (en pxeles) de la
cantidad de espacio para dejar claro a la izquierda ya la derecha del objeto multimedia.

pluginurl = "URL"
Especifica una fuente para instalar el plug-in adecuado para el archivo de medios. Netscape
recomienda utilizar pluginurl lugar de pluginspage.

type = "medios de comunicacin (MIME), escriba"


Especifica el tipo MIME de los medios de comunicacin con el fin de cargar el plug-in
correspondiente. 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.

33

vspace = "nmero"
Se utiliza junto con el atributo align, el espacio vertical atributo especifica (en pxeles) de la
cantidad de espacio para dejar claro por encima y por debajo del objeto multimedia.

Ejemplo
<embed width="240" height="196" src="movies/vacation.mov" autoplay="false"
pluginspage="http://www.apple.com/quicktime/download/">
<NOEMBED> <img src = "vacation.gif"> Usted no parece tener el plugin. </ noembed>
</ embed>

Nombre

<fieldset>. . . </ Fieldset>


Grupos controles y etiquetas de formularios relacionados. Elementos fieldset se colocan dentro
del elemento de formulario. Es similar a la div, pero ser especfica para agrupar campos.
Fue introducido para mejorar la forma de la accesibilidad para los usuarios con dispositivos de
navegacin alternativos.

33

Atributos
Core, Internacionalizacin, Eventos

Ejemplo
<form>
<fieldset id=" cliente ">
<label> Nombre completo <input type="text" name="nombre" /> </ label>
<label> Direccin de correo electrnico <input type = "text" name = "email "/>
</ label>
<label> Estado <input type="text" nombre="provincia" /> </ label>
</ fieldset>
</ form>
Nombre

<font>. . . </ Font>


En desuso. Se utiliza para afectar el estilo (color, tipo de letra y el tamao) del texto adjunto.
Este elemento ya no se utiliza en el diseo web profesional contemporneo.

34
Atributos
Core, Internacionalizacin

color = "# RRGGBB" o "nombre del color" (o una lista de los


tipos de

letra)

En desuso. Especifica el color del texto adjunto.

face = "tipo de letra"


En desuso. Especifica un tipo de letra para el texto. El tipo de letra especificado se utiliza
slo si se encuentra en la mquina del usuario. Usted puede proporcionar una lista de fuentes
(separados por comas), y el navegador utiliza la primera fuente disponible en la cadena.

size = "valor"
En desuso. Establece el tamao 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 - n (basado en el
valor por defecto o el ajuste de la fuente base).

Ejemplo
<font face= "sans-serif" size= "+1" color= "white"> Obsoleto. </ font>

Nombre

<form>. . . </ Form>


Indica una forma interactiva que contiene controles para la recogida de datos del usuario y
otro contenido de la pgina. No puede haber ms de una forma en un documento HTML,
pero las formas no se pueden anidar unos dentro de otros, y es importante que no se
superpongan.
Atributos
Core, Internacionalizacin, eventos; adems onsubmit, onblur, 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. Los navegadores pueden un da ser capaz de filtrar
archivos inaceptables cuando se pida confirmacin al usuario cargar archivos en el servidor,
pero este atributo no est ampliamente soportado.

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. El valor es un espacio y / o en
la lista delimitada por comas de nombres de juegos de caracteres ISO. El valor por defecto
es desconocido. Este atributo no tiene un amplio apoyo.

action = "URL"
Obligatorio. Especifica la direccin URL de la aplicacin que va a procesar el formulario. El
valor predeterminado es la direccin URL actual.

enctype = "tipo de contenido"


Especifica cmo se codifican los valores de los controles de formulario cuando se envan al
servidor cuando el mtodo es post. El valor por defecto es el tipo de media Internet
(urlencoded-forma-x-www application /). El valor multipart / form-datos se debe utilizar en
combinacin con el elemento de entrada de archivo.

35

35

method = "get | post"


Especifica qu mtodo HTTP ser utilizado para enviar los datos del formulario. Con get (por
defecto), la informacin se aadir a y se enva junto con la propia URL.

name = "text"
En desuso en XHTML 1.0, el uso de Identificacin del lugar. Asigna un nombre al formulario.

target = "nombre"
Especifica un objetivo para los resultados de la sumisin de la forma a cargar para que los
resultados de una forma se pueden visualizar en una ventana o marco. Los valores objetivo
especiales _bottom, _top, _parent, _self, y pueden ser utilizados.

Ejemplo
<form action="/cgi-bin/guestbook.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.
Atributos
Ncleo

bordercolor = "# RRGGBB" o "nombre del color"


No estndar. Establece el color de las fronteras de un marco (si la frontera est encendido).
El apoyo a este atributo se limita a Netscape 3.0 + e Internet Explorer 4.0 +.

frameborder = "1 | 0"(. IE 3 + y W3C Rec); "yes | no" (NN 3 +)


Determina si hay un separador 3D dibujado entre el marco actual y los marcos de los
alrededores. Un valor de 1 se pone en la frontera el. Un valor de 0 desactiva la frontera
fuera. El valor predeterminado es 1 (frontera sucesivamente). Netscape tambin acepta los
valores 1 y 0.

longdesc= "URL"
Especifica un vnculo a un documento que contiene una descripcin larga del marco y su
contenido. Aunque longdesc se incluye en el cdigo HTML 4.01 y XHTML 4.0
Recomendaciones, no hay navegadores actualmente soportan.

marginheight = "nmero"
Especifica la cantidad de espacio (en pxeles) entre los bordes superior e inferior de la
estructura y su contenido. El valor mnimo de acuerdo a la especificacin de HTML es 1
pixel. El ajuste a 0 a su lugar los objetos al nivel del borde de las obras de trama en
algunos navegadores, pero puede dar resultados incoherentes.

37

marginwidth = "nmero"
Especifica la cantidad de espacio (en pxeles) entre los bordes izquierdo y derecho del marco
y su contenido. El valor mnimo de acuerdo a la especificacin de HTML es 1 pixel. El ajuste
a 0 a su lugar los objetos al nivel del borde de las obras de trama en algunos navegadores,
pero puede dar resultados incoherentes.

name = "text"
En desuso en XHTML 1.0, el uso de Identificacin del lugar. Asigna un nombre al marco.
Este nombre puede hacer referencia a los objetivos dentro de enlaces para hacer la carga de
documento de destino en el plazo mencionado.

noresize = "noresize"
Evita que los usuarios cambiar el tamao del marco. Por defecto, a pesar de la configuracin
especfica de tamao de bastidor, los usuarios pueden cambiar el tamao de un marco
haciendo clic y arrastrando sus bordes.

37

scrolling = "yes | no | auto"


Especifica si las barras de desplazamiento aparecen en el cuadro. Un valor de s significa
barras de desplazamiento aparecen siempre; un valor de ninguna manera las barras de
desplazamiento no aparecen nunca, un valor del auto (por defecto) significa barras de
desplazamiento aparecen automticamente cuando el contenido no encajan dentro del marco.

src = "URL"
Especifica la ubicacin del archivo HTML inicial que se mostrar por el marco.

Ejemplo
Vea la lista de marcos.

<frameset>. . . </ Frameset>


Define una coleccin de marcos u otros conjuntos de marcos. El elemento de conjunto de
marcos se utiliza en lugar del elemento de cuerpo para documentos enmarcados. El elemento
de conjunto de marcos no puede contener ningn contenido sino ms bien define y nombres

38

de cierto nmero de cuadros (u otros conjuntos de marcos) dispuestos en filas y / o


columnas. Cada cuadro se indica con un elemento de estructura dentro del conjunto de
marcos. Un documento de conjunto de marcos contiene una porcin regular de cabecera
(como se indica con el elemento de cabeza).
Atributos
Core (id, clase, estilo, ttulo), onload, onunload

border = "nmero"
No estndar. Establece el grosor del borde del marco (en pxeles) entre todos los marcos en
un conjunto de marcos (cuando el borde del marco est encendido). Navegadores Mozilla no
admiten fronteras.

bordercolor = "# RRGGBB" o "nombre del color"


No estndar. Establece un color de borde para todos los bordes de un conjunto de marcos.
Mozilla y Opera navegadores no soportan bordercolor.

cols = "lista de longitudes" (nmero, porcentaje,o *)


Establece el nmero y tamao de las columnas (marcos verticales) en un conjunto de marcos.
El nmero de columnas se determina por el nmero de valores en la lista. Especificaciones
de tamao pueden estar en valores de pxeles absolutos, porcentajes o valores relativos (*) en
funcin del espacio disponible.

frameborder = "1 | 0"; "yes | no"(Netscape)


No estndar. Determina si separadores 3D se dibujan entre los marcos del conjunto de
marcos. Un valor de 1 (o s) convierte las fronteras en; 0 (o no) resulta de las fronteras
fuera. Netscape tambin es compatible con los valores de 1 y 0. El conjunto de marcos DTD
no incluye el atributo frameborder para el elemento de conjunto de marcos.

rows = "lista de longitudes" (nmero, porcentaje,o *)


Establece el nmero y el tamao de las filas (marcos horizontales) en el conjunto de marcos.
El nmero de filas est determinada por el nmero de valores en la lista. Especificaciones de
tamao pueden estar en valores de pxeles absolutos, porcentajes o valores relativos (*) en
funcin del espacio disponible.

Ejemplo
<! DOCTYPE HTML PUBLIC "- / / W3C / / DTD XHTML 1.0 Frameset / / EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<HTML xmlns = "http :/ / www.w3.org/1999/xhtml "xml: lang =" es "lang =" es ">
<head> <title> simple Enmarcado Documento </ title>
</ head> <cols conjunto de marcos =" 200, * ">
<frame src="left.html" /> <frame src="right.html" />
</ frameset>
<noframes>
<body> <p> Su navegador no soporta marcos. </ p> < / body>
</ noframes>
</ html>
Nombre

39

39

h1, h2, h3, h4, h5, h6 - <hn>. . . </ Hn>


Especifica un encabezado que describe brevemente la seccin que introduce. Hay seis niveles
de encabezados, desde H1 (el ms importante) hasta H6 (el menos importante). Sintaxis HTML
requiere que las partidas aparecen en orden (por ejemplo, un h2 no debe preceder un h1) de
la estructura del documento apropiado. Si lo hace, no slo mejora la accesibilidad, pero ayuda
en la optimizacin de motores de bsqueda (la informacin en los niveles ms altos de rumbo
se le da ms peso).
Atributos
Core, Internacionalizacin, Eventos

align = "center | izquierda | derecha"


En desuso. Se utiliza para alinear la cabecera de la izquierda, derecha, o centrado en la
pgina. Microsoft Internet Explorer 3.0 y versiones anteriores no es compatible con alineacin a
la derecha.

Ejemplo
40

<h1> Introduccin </ h1> <p En el principio. . . </ P>


Nombre

<head>. . . </ Head>


Define la cabeza (tambin llamado el "header") parte del documento que contiene informacin
sobre el documento que no se considera el contenido del documento. Cada elemento de
cabeza debe incluir un elemento de ttulo que proporciona una descripcin del documento. El
elemento de cabeza tambin puede incluir cualquiera de estos elementos en cualquier orden:
la escritura, el estilo, meta, enlace, objeto, isindex, y la base. El elemento de cabeza
simplemente acta como un contenedor de estos elementos y no tiene ningn contenido
propio.
Atributos
Internacionalizacin

id = "text"
XHTML solamente. Asigna un nombre nico de identificacin al elemento.

profile = "URL"
Proporciona la ubicacin de uno o ms 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> Ttulo del documento </ title>
</ head>
<body> <p> contenido de documento. . . </ P>
</ body>
</ html>
Nombre

<hr />

41

Agrega una lnea horizontal a la pgina que se puede utilizar como un divisor entre las
secciones del contenido. Este es un ejemplo de un elemento HTML de presentacin. 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, ttulo), Internacionalizacin, Eventos

align = "center | izquierda | derecha"


En desuso. Si la regla es ms corto que el ancho de la ventana, este atributo controla la
alineacin horizontal de la regla. El valor predeterminado es el centro.

noshade = "noshade"
En desuso. Muestra la regla como una barra slida sin sombreado.

size = "nmero"
En desuso. Especifica el grosor de la lnea en pxeles.

41

width = "nmero" o "nmero%"


En desuso. Especifica la longitud de la regla en pxeles o como porcentaje del ancho de la
pgina. 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 raz de los documentos HTML y XHTML, es decir, todos los dems
elementos se encuentran dentro de ella. El elemento HTML no tiene antepasados. La etiqueta
de apertura <html> se coloca al inicio del documento, justo despus de la declaracin de tipo
de documento. La etiqueta de cierre va al final del documento.
Atributos

42

Internacionalizacin

id = "text"
XHTML solamente. Asigna un nombre nico de identificacin al elemento.
version = "- / / W3C / / DTD HTML 4.01 / / EN"
Desaprobado en HTML 4.01. En HTML, el valor de versin es un Identificador Formal Pblico
(FPI) que especifica la versin de HTML los usos de documento (el valor anterior especifica
4,01). En HTML 4.01, el atributo de versin est en desuso porque es redundante con la
informacin proporcionada en la declaracin DOCTYPE. En XHTML 1.0, el valor de la versin
no ha sido definida.

xmlns = "http://www.w3.org/1999/xhtml"
Requerido por slo 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> Ttulo 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 ms semntica
(subrayado) elemento. Este es uno de los pocos elementos de presentacin que se conservan
en las XHTML 1.0 Strict y XHTML 1.1 DTD.
Atributos
Core, Internacionalizacin, 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 pgina web en lnea. Un marco en lnea 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 lnea pueden ser posicionados de
manera similar a las imgenes. El contenido del elemento iframe muestra en los navegadores
que no soporten marcos en lnea.
Atributos
Ncleo

43

align = "top | media | abajo | izquierda | derecha"


En desuso. Alinea el marco en lnea en la pgina dentro del flujo del texto. El ajuste a
izquierda y derecha permite que el texto fluya alrededor del marco en lnea.

frameborder = "1 | 0"


Activa o desactiva la visualizacin de un borde 3D para el marco en lnea. El valor
predeterminado es 1, que muestra la frontera

height = "nmero"
Especifica la altura del marco en lnea en pxeles o como porcentaje del tamao de la
ventana. Internet Explorer y Navigator utilizan un alto predeterminado de 150 pxeles.

hspace = "nmero"
No estndar. Se utiliza junto con alineacin a la izquierda y la derecha, este atributo
especifica la cantidad de espacio (en pxeles) para mantener clara a la izquierda ya la
derecha del marco flotante.

44

longdesc = "URL"
Especifica un vnculo a un documento que contiene una descripcin larga del marco en lnea
y su contenido. Esta adicin a la especificacin HTML 4.01 puede ser til para navegadores
no visuales.

marginheight = "nmero"
Especifica la cantidad de espacio (en pxeles) entre los bordes superior e inferior del marco
en lnea y su contenido.

marginwidth = "nmero"
Especifica la cantidad de espacio (en pxeles) entre los bordes izquierdo y derecho de la
montura en lnea y su contenido.
name = "text"
En desuso en XHTML 1.0. Asigna un nombre al marco en lnea para ser referenciado por
enlaces especficos.

scrolling = "yes | no | auto"


Especifica si las barras de desplazamiento aparecen en el cuadro. Un valor de s significa
barras de desplazamiento aparecen siempre; un valor de ninguna manera las barras de
desplazamiento no aparecen nunca, un valor del auto (por defecto) significa barras de
desplazamiento aparecen automticamente cuando el contenido no encajan dentro del marco.

src = "URL"
Especifica la direccin URL del documento HTML para mostrar inicialmente en el marco
flotante.

vspace = "nmero"
No estndar. Se utiliza junto con alineacin a la izquierda y la derecha, este atributo
especifica la cantidad de espacio (en pxeles) para mantener por encima y por debajo del
marco en lnea.

width = "nmero"
Especifica la anchura del marco en lnea en pxeles o como un porcentaje del tamao de
ventana. Internet Explorer y Navigator utilizan un ancho predeterminado de 300 pxeles.

Ejemplo
<h1> Inline (flotante) Marcos </ h1>
<p
<iframe width="200" height="100" align="left" src="list.html"> Su navegador no soporta Inline
Frames. Lea la lista de <a href="list.html"> aqu </ a>. </ Iframe>
</ p>
Nombre

<img />
Coloca una imagen en la pgina. Se requieren los atributos src y alt. Muchos atributos del
elemento img han quedado en desuso en favor de las hojas de estilo en cascada para la
presentacin y posicionamiento.
Atributos
Core, Internacionalizacin, Eventos

45

45

align = "bottom | izquierda | centro | derecha | top"


En desuso. Especifica la alineacin de una imagen utilizando uno de los siguientes valores:
Valor resultante de alineacin
fondo
Alinea la parte inferior de la imagen con la lnea base del texto. Esta es la
alineacin vertical de forma predeterminada. Alinea la imagen en el margen
izquierdo y permite que el texto posterior para envolver alrededor de ella.
Alinea la lnea de base de texto con el centro de la imagen. Alinea la
imagen en el margen derecho y permite que el texto posterior para envolver
alrededor de ella. Alinea la parte superior de la imagen con la parte superior
del objeto ms alto en esa lnea.
izquierda
medio

46
derecho
top

alt = "text"
Obligatorio. Proporciona una cadena de texto alternativo que aparece cuando no se muestra la
imagen. Internet Explorer 4.0 + y Netscape 6 en Windows muestran este texto como un "tool
tip" cuando el mouse se sita sobre la imagen.

border = "nmero"
En desuso. Especifica el ancho (en pxeles) del borde que rodea a una imagen vinculada.

height = "nmero"
Especifica la altura de la imagen en pxeles. No es obligatorio, pero se recomienda para
acelerar el renderizado de la pgina web.

hspace = "nmero"
En desuso. Especifica (en nmero de pxeles), la cantidad de espacio para dejar claro a la
izquierda y derecha de la imagen.

ismap = "ismap"
Indica que el grfico se utiliza como la base para un mapa de imagen del lado del servidor
(una imagen que contiene varios enlaces de hipertexto).

longdesc = "URL"
Especifica un vnculo a una descripcin larga de la imagen o el contenido de un mapa de
imagen. Esto puede ser utilizado para hacer que la informacin acerca de la imagen accesible
a los navegadores no visuales. Esto slo es compatible con Netscape 6 como de este escrito.

lowsrc = "URL"
No estndar. Especifica una imagen (por lo general de un tamao de archivo ms pequeo)
que descargar en primer lugar, seguido por la imagen final especificado por el atributo src.

47

name = "text"
En desuso en XHTML 1.0, el uso de Identificacin del lugar. Asigna el elemento de imagen
un nombre para que pueda hacer referencia a un script o estilos.

src = "URL"
Obligatorio. Proporciona la ubicacin del archivo grfico que se mostrar.

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).

vspace = "nmero"
En desuso. Especifica (en nmero de pxeles), la cantidad de espacio para dejar claro por
encima y por debajo de la imagen.

47

width = "nmero"
Especifica el ancho de la imagen en pxeles. No es obligatorio, pero se recomienda para
acelerar el renderizado de la pgina web.

Ejemplo
<p> estrella Primera
<img src=" star2.gif "estrella alt=" dibujo" /> veo esta noche.
</ p>
Nombre

<input />
El elemento de entrada se utiliza para crear una variedad de controles de entrada de
formulario. El tipo de control se define por el tipo de atributo. A continuacin se presenta una
lista completa de los atributos (con descripciones) que se pueden utilizar con el elemento de
entrada. No todos los atributos se pueden utilizar con todos los tipos de control. Los atributos
asociados a cada tipo de control se enumeran a continuacin.

48

Atributos
Core, Internacionalizacin, Evento, Focus; adems onselect, onchange
alt = "text"
Especifica el texto alternativo para una imagen que se utiliza como un botn.

accept = "Tipo MIME"


Especifica una lista separada por comas de los tipos de contenido que un servidor que
procesa el formulario manejar correctamente. Puede ser utilizado para filtrar archivos no
conformes cuando se pida confirmacin al usuario seleccionar archivos para enviar al servidor.
accesskey = "carcter"
Asigna una clave de acceso (acceso directo del teclado) a un elemento para un acceso ms
rpido.
align = "bottom | izquierda | centro | derecha | top"
En desuso. Especifica la alineacin de una imagen.
checked = "checked"

Cuando se agrega este atributo, una casilla de verificacin estar marcada por defecto.
disabled = "disabled"
Desactiva el control de entrada del usuario. Puede ser modificado slo por medio de un
script. Los navegadores pueden mostrar controles deshabilitados de manera diferente (en gris,
por ejemplo), lo que podra ser til para atenuar ciertos controles hasta que se suministra
informacin requerida.
ismap = "ismap"
Indica que el grfico se utiliza como la base para un mapa de imagen del lado del servidor
(una imagen que contiene varios enlaces de hipertexto). Este atributo puede utilizarse con la
"imagen" slo de datos.
maxlength = "nmero"
Especifica el nmero mximo de caracteres que el usuario puede introducir para este
elemento.
name = "text"
Requerido por todos los tipos de entrada, excepto someterse y restablecer. Asigna un nombre
al control. Un programa de secuencia de comandos utiliza este nombre para hacer referencia
al control.

49

readonly = "readonly"
Indica que la entrada del formulario no podr ser modificado.
size = "nmero"
Especifica el tamao de una caja de entrada de texto (medida en nmero de caracteres). Los
usuarios pueden escribir entradas que son ms largos que el espacio previsto, haciendo que
el campo para desplazarse hacia la derecha.
src = "URL"
Proporciona la direccin URL de una imagen que se utiliza como un pulsador.
tabindex = "nmero"
Especifica la posicin en el orden de tabulacin. Tabulacin de navegacin permite al usuario
desplazarse a travs de los campos activos usando la tecla Tab.
type = "text | password | checkbox | Radio | enviar | Restaurar | archivo | oculto | imagen |
botn"
Especifica el tipo de control de formulario. Las descripciones de cada tipo de entrada y sus
atributos asociados se enumeran a continuacin.
usemap = "URL"

49

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). Este atributo puede
utilizarse con la "imagen" slo de datos.
value = "text"
Especifica el valor para este control.

<input type="button" />


Crea un botn personalizable "push". Botones personalizables tienen ningn comportamiento
especfico, pero se pueden utilizar para desencadenar funciones creadas con los controles de
JavaScript. Los datos de los controles type = "button" nunca se enva con un formulario
cuando se enva un formulario al servidor, estos botones de control son para uso exclusivo
con programas de script en el navegador.
<Input type = value "botn" = "Push Me!" />
Core, Internacionalizacin, Eventos, 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. Las casillas de verificacin son
como interruptores on / off, que pueden activarse por el usuario. Varias casillas de verificacin
en un grupo pueden ser seleccionados de una sola vez. Cuando se enva un formulario, slo
las casillas de verificacin "en" Enviar valores al servidor.
<p> Cul de los siguientes sistemas operativos ha utilizado? </ p> <input type="checkbox"
name="os" value="WinXP" /> Windows XP

<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, Internacionalizacin, 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 envos de formularios, proporcionando
un mecanismo de navegacin en la forma.
<form enctype="multipart/form-data">
<p> Enviar este archivo con la informacin de mi formulario: </ p> <input type="file" size="28"
/>
</ form>
Core, Internacionalizacin, Eventos, Foco

accept = "Tipo MIME"

51

disabled = "disabled"

maxlength = "nmero"

name = "text" (Obligatorio)

readonly = readonly "

Size = "nmero"

value = "text"

<input type="hidden" />


52
Crea un control que no se muestra en el navegador. Controles ocultos se pueden utilizar para
pasar informacin especial forma de procesamiento del servidor que el usuario no puede ver o
modificar.
<Input type = "hidden" name = "extra" value = "important" />

accesskey = "carcter"

tabindex = "nmero"

name = "text" (obligatorio)

value = "text" (obligatorio)

<input type="image" />


Permite que una imagen sea usada como un sustituto de un botn de envo. Si se pulsa un
botn de tipo = "imagen", se enva el formulario.
<Input type = "imagen" src = "graphics / sendme.gif" alt = "Mndame" />
Core, Internacionalizacin, Eventos, 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">), pero el texto de entrada se
hace de una manera que oculta los caracteres, como mostrando una cadena de asteriscos (*)
o vietas () . Tenga en cuenta que esto no cifrar la informacin introducida y no debe ser
considerada como una medida de seguridad real.
<input type="password" name="password" size="8" maxlength="8" value="abcdefg" />

53

Core, Internacionalizacin, Eventos, Foco

disabled = "disabled"

maxlength = "nmero"

name = "text" (Obligatorio)

readonly = readonly"

size= "nmero"

value = "text" (Obligatorio)


54

<input type="radio" />

Crea un botn de radio que se puede activar y desactivar. Cuando una serie de botones de
radio comparten el mismo nombre de control, slo un botn dentro del grupo puede ser
"activado" de una sola vez, y todos los dems son "off." Esto los hace diferente de casillas
de verificacin, que permiten mltiples opciones que se seleccionen dentro de un grupo. Slo
los datos de la "en" se enva botn de opcin cuando se enva el formulario.
<p> Cul 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, Internacionalizacin, Eventos, Foco

checked = "checked"

disabled = disabled"

name= "text" (Obligatorio)

readonly = "readonly"

value = "text" (Obligatorio)

<input TYPE="reset" />


Crea un botn de reinicio que borra el contenido de los elementos en una forma (o los pone
en sus valores predeterminados).

55

<input TYPE="reset" value="Start Over "/>


Core, Internacionalizacin, Eventos, Foco

disabled = "disable"

name = "text"

value = "text"

<input type="submit" />


Crea un control de botn de enviar, pulsando el botn enva inmediatamente la informacin en
el formulario al servidor para su procesamiento.
<p> Ha completado el formulario. </ p> <input type="submit" />

55

Core, Internacionalizacin, Eventos, Foco

disabled = "disable"

name= "texto"

value = "texto"

<input type="text" />


Crea un elemento de entrada de texto. Este es el tipo de entrada predeterminado, as como
la ms til y comn.
<Input type = "text" name = "nombre" size = "15" maxlength = "50" value = "introduzca su
nombre" />

56
Core, Internacionalizacin, Eventos, Foco

disabled = "disabled"

maxlength = "nmero"

name = "text" (Obligatorio)

readonly = "readonly"

size= "nmero"

value = "texto"
Nombre

<Ins>. . . </ Ins>


Indica el texto que se ha insertado en el documento. Puede ser til para los documentos
legales y cualquier instancia en la que edita necesidad de realizar un seguimiento. Su
contraparte es el texto eliminado (del). El elemento ins puede indicar ya sea en lnea o
elementos a nivel de bloque, sin embargo, cuando se utiliza como un elemento en lnea
(como dentro de ap), no puede insertar un elemento en bloque, porque eso violara las reglas
de anidacin.
Atributos
Core, Internacionalizacin, Eventos

cite = "URL"
Se puede configurar para que apunte a un documento de origen que explica por qu se
cambi el documento.

57

datetime = "AAAA-MM-DDThh: mm: ssTZD"


Especifica la fecha y la hora se hizo el cambio. Ver del para una explicacin del formato de
fecha / hora.

Ejemplo
Consejero Delegado: title="retired"> <del Peter Pan </ del> <Ins> Pippi Calzaslargas </ ins>
Nombre

<ISINDEX />
desuso. Marca el documento como realizar bsquedas. El servidor en el que se encuentra el
documento debe tener un motor de bsqueda que soporta esta bsqueda. El navegador
muestra un campo de entrada de texto y una lnea genrica que dice: "Este es un ndice de
bsqueda. . Escriba las palabras clave "Este mtodo es obsoleto; bsquedas ms sofisticadas
se pueden manejar con elementos de formulario y scripts CGI. El elemento ISINDEX no es
parte del sistema de forma y no necesita estar contenido dentro de un elemento de
formulario.

57

Atributos
Core, Internacionalizacin

prompt = "texto"
Proporciona texto alternativo (no por defecto) para ser utilizado como una consulta por parte
del usuario.

Ejemplo
<ISINDEX prompt="Enter su bsqueda term" />
Nombre

<kbd>. . . </ Kbd>


significa "Teclado" e indica el texto introducido por el usuario.
Atributos
Core, Internacionalizacin, Eventos

58

Ejemplo
<p> Ingrese su cdigo de cupn. Ejemplo: AX4003 <kbd> </ kbd> </ p>
Nombre

<label>. . . </ Label>


Se utiliza para conectar la informacin con los controles. Cada elemento label se asocia con
exactamente un control de formulario. El elemento de la etiqueta puede contener el control de
formulario, o puede utilizar el atributo para identificar el control por su id.
Atributos
Core, Internacionalizacin, Eventos, Foco

for = "text"
Explcitamente asocia la etiqueta con el control, haciendo coincidir el valor del atributo con el
valor del atributo id en el elemento de control.

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> . . . < / legend>


Asigna un ttulo a un conjunto de campos ( que debe estar contenido dentro de un elemento
fieldset ) . Esto mejora la accesibilidad cuando el se rinde no visual .

fieldset
Atributos
Core, Internacionalizacin , Eventos
accesskey = " Carcter "
Asigna una clave de acceso ( acceso directo del teclado ) a un elemento para un acceso
ms rpido .

59
align = " top | Abajo | Izquierda | Derecha "
En desuso . Alinea el texto en relacin con el conjunto de campos .
Example
<fieldset>
<legend> Mailing List Suscrbase < / legend>
<label> Agrgame 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> . . . < / li >


Define un elemento de una lista. Se utiliza en el ol, ul , men (en desuso ) y dir (en
desuso ) elementos de la lista .
Atributos
Core, Internacionalizacin , Eventos

59

type = "formato"
En desuso . Cambia el formato de los nmeros o vietas generados automticamente para los
elementos de lista . Dentro de las listas sin ordenar ( ul ) , el atributo type puede usarse
para especificar el estilo de vieta (disco , crculo o cuadrado) para un elemento de lista
particular. Dentro de las listas ordenadas ( ol ) , el atributo type especifica el estilo de
numeracin (ver opciones en el listado ol) de un elemento de lista particular.

start = "nmero"
No estndar . Dentro de las listas ordenadas , puede especificar el primer nmero en la
secuencia numrica. En las (X ) Recomendaciones HTML , el atributo de inicio se aplica al
elemento ol, no li .

value = " nmero "


En desuso . Dentro de las listas ordenadas , puede especificar el nmero de un elemento.
Siguiente lista de elementos aumentan el nmero especificado.

60

Example
<ol> <li> Precaliente el horno a 300 . < / li > <li> Wrap ajo en papel de aluminio . < / li >
<li> Hornee durante 2 horas. < / li > < / ol >
Nombre

<link />
Define la relacin entre el documento actual y otro documento. Aunque puede significar
relaciones tales como el ndice , al lado , y el anterior, se utiliza con mayor frecuencia para
vincular un documento a una hoja de estilos externa.
Atributos
Core, Internacionalizacin , Eventos
charset = " charset"
Especfica la codificacin de Caracteres del Documento de Destino.
href = "URL"
Identifica el documento de destino.

hreflang = " Cdigo de idioma "


Especfica de base el idioma del Documento de Destino.

medios = "all | pantalla | imprimir | mano | proyeccin | tty | tv | proyeccin | braille | aural
"
Identifica el soporte de destino para el documento vinculado de manera que se puede acceder
a una hoja de estilo alternativo.
rel = " Relaciones "
Describe una o ms relaciones a partir del documento fuente de corriente a la meta . Tipos
de relaciones ms comunes son de estilo, siguiente, anterior , el derecho de autor , el ndice
y glosario.
rev = " Relaciones "
Especifica una o ms relaciones del documento de destino de nuevo a la fuente (lo contrario
del atributo rel) .
Objetivo

61

Target = " Nombre"


Definir La Ventana De DESTINO Predeterminado Para Todos Los Enlaces bao document . A
Menudo s utiliza target apuntar marcos .
type = "recurso"
Muestra el contenido multimedia o tipo de un enlace externo. El texto de valor / css indica
que el documento vinculado es una hoja de estilos en cascada externa.
Example
<head> <link rel="stylesheet" href="/pathname/stylesheet.css" type="text/css" /> < / head>
Nombre

<map> . . . < / map>


Especifica un mapa de imagen del lado del cliente. Contiene un nmero de elementos de la
zona , que establecen las regiones se puede hacer clic en el mapa de imagen. El mapa
debe ser nombrado con el atributo de nombre en los documentos HTML , el atributo id en
documentos XHTML o ambos de la compatibilidad hacia atrs .

61

Atributos
Core, Internacionalizacin , Eventos

id = "text"
Obligatorio . Da el mapa de un nombre nico para que pueda ser referenciado desde un
enlace , escritura, o de estilos. Este atributo es necesario en las XHTML 1.0 y 1.1
Recomendaciones.

name = "text"
Necesario en HTML ; desaprobado en XHTML 1.0 slo , el uso de Identificacin del lugar .
Da el mapa de imagen un nombre que hace referencia a continuacin, en el elemento img .

Example
<map name="space" id="space"> <area shape="rect" coords="203,23,285,106"
href=http://www.nasa.gov alt=""/> < rea de forma = " crculo " coords =" 372,64,40 "href =" "
alt =" mipagina.html "/> < / map>

62
Nombre

<men> . . . < / menu>


desuso . Indica una lista de mens , que se compone de elementos de lista ( li ) . Los
mens estn destinados a ser utilizados para obtener una lista de opciones cortas, como un
men de enlaces a otros documentos. Rara vez se utiliza y ha sido desaprobado en favor de
ul.
Atributos
Core, Internacionalizacin , Eventos

compact = "compact"
En desuso . Hace que la lista de lo ms pequeo posible . Pocos navegadores soportan el
atributo compacto.
Example
<men> <li> Acerca < / li > <li> Noticias < / li > <li> Blog < / li > <li> Contactar < / li >
< / menu>

Nombre

<meta />
Proporciona informacin adicional sobre el documento . Debe ser colocado en el encabezado
del documento . Es comnmente usado para identificar el tipo de medio y el juego de
caracteres de un documento. Tambin puede proporcionar informacin sobre el autor , palabras
clave , descripciones y otros metadatos.
Atributos
Internacionalizacin ( lang , xml: lang , dir)

content = "text"
Obligatorio . Especifica el valor de la propiedad elemento meta y siempre se utiliza junto con
el nombre o http- equiv .

http- equiv = "text"


La informacin requerida se trata como si estuviera incluido en el encabezado HTTP que el
servidor enva por delante del documento. Se utiliza en conjuncin con el atributo de contenido
( en lugar del atributo de nombre ) .

id = "text"
Solamente XHTML . Asigna ONU Nombre nico de identificacin al Elemento .

name = "text"
Especifica un nombre para la propiedad meta informacin .

scheme = "text"
Proporciona informacin adicional para la interpretacin de los metadatos.

Ejemplos
<meta name= "copyright" content= "2006, O'Reilly Media" />
<meta http-equiv= "content-type" content= "text/html; charset=utf-8" />
< meta http- equiv = " refresh" content = " 15 " />

63

63

Nombre

<NOEMBED> . . . < / noembed >


no estndar . El texto o el objeto en el elemento noembed aparece cuando un objeto
incrustado no se puede visualizar ( por ejemplo, cuando el plug-in adecuado no est
disponible ) . Este elemento se utiliza dentro o despus del elemento de insercin .
Atributos
Ninguno

Example
<embed width="240" height="196" src="movies/vacation.mov"
pluginspage="http://www.apple.com/quicktime/download/"> <NOEMBED> <img src = "vacaciones .
gif " > no parece tener el plugin. < / noembed > < / embed>
Nombre

64

<NOFRAMES> . . . < / noframes >


Define el contenido que se mostrar por los agentes de usuario (navegadores) que no pueden
mostrar marcos. Los navegadores que los marcos de soporte ignoran el contenido en noframes
.
Atributos
Core, Internacionalizacin , Eventos

Example
Vea la lista de marcos.
Nombre

<noscript> . . . < / 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, si el soporte de
scripting est apagado, o si el navegador no reconoce el lenguaje de scripting.

Atributos
Core, Internacionalizacin , Eventos

Example
Messenger type="text/JavaScript"> ... guin aqu < / script > <noscript> El guin est
desactivado. < / Noscript >
Nombre

<object> . . . < / object >


Un elemento genrico que se utiliza para incrustar medios (como una imagen, applet, pelculas,
audio, o incluso otro archivo HTML ) en una pgina web. Los atributos requeridos para el
elemento objeto vara con el tipo de contenido que est colocando . El elemento de objeto
puede contener una serie de elementos param que pasan la informacin importante para el
objeto cuando se muestra o su equipo juegue. No todos los objetos requieren parmetros
adicionales. Los elementos de objeto y param trabajan juntos para permitir a los autores
especificar tres tipos de informacin: La ejecucin del objeto - es decir , el cdigo ejecutable
que se ejecuta con el fin de representar el objeto . Los datos que se prestarn . El atributo
de datos especifica la direccin URL de los datos, en la mayora de los casos en un archivo
externo , como una pelcula o un archivo PDF . Ajustes adicionales requeridos por el objeto
en tiempo de ejecucin . Algunos objetos multimedia incorporados requieren ajustes adicionales
que sern llamadas en juego cuando el objeto toca o se dicte. Los ajustes de tiempo de
ejecucin se proporcionan con elementos param dentro del objeto . El elemento de objeto
comenz como un elemento de propiedad en Internet Explorer para apoyar ActiveX y ms
tarde los applets de Java . El soporte de navegador para el elemento objeto no a la altura
de la visin del W3C de objeto como un objeto de placer para todo uso , por ejemplo , no
es posible en la actualidad para colocar de forma fiable las imgenes con el elemento de
objeto . Los atributos de declarar , en espera, y se introdujeron en tabindex HTML 4.01 y no
son compatibles con la versin 4 de los navegadores y versiones anteriores .
Atributos
Core, Internacionalizacin , Eventos

align = "bottom | media | top | izquierda | derecha "


En desuso . Alinea el objeto con respecto al texto que lo rodea . Vea el elemento img para
obtener explicaciones sobre los valores de alineacin .

65

65

archive = "URL"
Especifica una lista separada por espacios de direcciones URL de los recursos que estn
relacionados con el objeto.

border = "nmero"
En desuso . Establece el ancho del borde en pxeles si el objeto es un enlace.

classid = "URL"
Identifica la ubicacin de la implementacin de un objeto. Se utiliza con o en lugar del
atributo de datos . La sintaxis depende del tipo de objeto . No es compatible con los
navegadores Gecko .

codebase = "URL"
Identifica la URL base que se utiliza para resolver direcciones URL relativas en el objeto
(similar a la base). Por defecto, cdigo base es la direccin URL base del documento actual .

66

codetype = " codetype "


Especifica el tipo de medio del cdigo. Esto slo 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.

data = "URL"
Especifica la direccin URL de los datos utilizados para el objeto. La sintaxis depende del
objeto .

declare = " declare "


Declara un objeto , pero restringe el navegador descargue y procesarla . Se utiliza junto con
el atributo de nombre , esta instalacin es similar a una declaracin adelantada en un
lenguaje de programacin ms convencional , lo que le permite diferir la descarga hasta que
el objeto realmente se acostumbra .

height = "Numero "


Especifica el alto del objeto en pxeles.

hspace = "Numero "


En desuso . Especifica el nmero de pxeles de espacio libre a la izquierda y derecha del
objeto .

name = "text"
Especifica el nombre del objeto para hacer referencia a las secuencias de comandos en la
pgina. Fuera del 1,1 Recomendacin XHTML en favor del atributo id.

standby = "mensaje"
Especifica el mensaje para que aparezca durante la carga de objetos .

tabindex = "Numero "


Especfica la posicion del Elemento real en el Orden de Pestaas del document real. Entre
Estar debe El valor 0 y 32767. Se utiliza prr la tabulacin un Travs de los enlaces En
Una page (o campos de Formulario des) .

type = "tipo"
Especifica el tipo de papel para los datos.

usemap = "URL"
Especifica el mapa de imagen para su uso con el objeto.

vspace = "Numero "


En desuso . Especifica el nmero de pxeles de espacio libre por encima y por debajo del
objeto .

width = "Numero "


Especifica el ancho del objeto en pxeles.

67

67

Example
<objetc classid = " clsid : 6BF52A52 - 394A - 11D3- B153 - 00C04F79FAA6 " height = " 280
" width = codebase " 320 " = " http://activex.microsoft.com/activex/controls/mplayer/ en/nsmp2inf .
cab # version = 6,4,7,111 ">
<param name="URL" value="movies/europe.wmv" />
<param name="autoStart" value="false" />
< param name =" UIMode " value = " total " / >
</ object >
Nombre

<ol> . . . < / ol >


Define una ordenada ( numerada ) lista que consta de uno o ms elementos de lista ( li ) .
El agente de usuario inserta nmeros de los puntos automticamente. Los atributos de inicio y
tipo estn en desuso en favor de los controles de hoja de estilos en cascada .
Atributos
Core, Internacionalizacin , Eventos

68

compact = "compact"
En desuso . Muestra la lista tan pequeo como sea posible. Pocos navegadores soportan el
atributo compacto.

start = "nmero"
En desuso . Inicia la numeracin de la lista en el nmero en vez de en 1.

type = " 1 | A | a | I | i"


En desuso . Define el sistema de numeracin de la lista de la siguiente manera :
Estilo Tipo Generado 1 A a I i nmeros arbigos (por defecto ) Secuencia de Letras
maysculas Letras minsculas Muestra 1, 2 , 3, 4 A, B , C , D a, b , c, d
Nmeros romanos en maysculas I, II , III, IV numerales romanos en minsculas i , ii
, iii, iv

Example
<ol> <li> levantarse de la cama < / li > <li> Tome una ducha < / li > <li> a pasear al
perro < / li > < / ol >
Nombre

<optgroup> . . . < / optgroup >


Define un grupo lgico de opciones de elementos. Los navegadores pueden usar optgroup
elementos para mostrar mens en cascada jerrquicos. Un elemento no puede contener otros
elementos optgroup ( que no pueden ser anidados ) .
optgroup
Atributos
Core (id, clase, estilo , ttulo ) , Internacionalizacin , Eventos

disabled = " disabled"


Indica que el grupo de opciones no es funcional . Se puede volver a activar con un guin .

69

label = "text"
Obligatorio . Especifica la etiqueta para el grupo de opciones.
Example
<p> Cules son sus sabores de helado favorito ? <p>
<select name="ice_cream" size="6" multiple="multiple">
<optgroup label="traditional">
<option> Vanilla < / option>
< opcin > Chocolate < / option>
< / optgroup > <optgroup label="specialty">
<option> de adentro hacia afuera Rocky Road < / option>
<option super- duper Pralin Pecan Smashup < / option>
< / optgroup >
</ select >
Nombre

69

<option> . . . < / option>


Define una opcin dentro de un elemento de seleccin ( un men de opcin mltiple o de
lista de desplazamiento ) . El contenido del elemento opcin es el valor que se enva a la
aplicacin de procesamiento de formulario (a menos que se especifique un valor alternativo
mediante el atributo de valor).
Atributos
Core, Internacionalizacin , Eventos

disabled = " disabled"


Indica que la seleccin es inicialmente no funcional . Se puede volver a activar con un guin
.

label = "text"
Permite al autor para proporcionar una etiqueta ms corta que el contenido de la opcin. Este
atributo no est soportado.

70

selected = "selected "


Hace este artculo seleccionado cuando el formulario se muestra inicialmente .

value = " text"


Define un valor para asignar al elemento de opcin en el control de seleccin para utilizar en
lugar de los contenidos de opcin.

Example
<p> Cules son sus sabores de helado favorito ? < / p>
<select name="ice_cream" size="4" multiple="multiple">
<option> Vanilla < / option>
<option chocolate < / option>
< option> Dentro - fuera Rocky Road < / option>
<option super- duper Pralin Pecan Smashup < / option>
<option Mint chocolate Chip < / option>
<option pistacho < / option> < / select>
Nombre

<p> . . . < / p>


Denota un prrafo. Los prrafos pueden contener elementos de texto y en lnea, pero no
puede contener otros elementos de bloque , incluyendo otros prrafos. Los navegadores son
instruidos para ignorar mltiples elementos p vacos.
Atributos
Core, Internacionalizacin , Eventos

align = " center | izquierda | derecha "


En desuso . Alinea el texto en el elemento a la izquierda , derecha o centro de la pgina .

Example
<p> prrafos son los elementos ms rudimentarios de un documento de texto . Ellos se
indican mediante el elemento p . < / P>
Nombre

<param />

71

suministra un parmetro dentro de un elemento del applet u objeto. Un parmetro es la


informacin requerida por el applet u objeto multimedia en tiempo de ejecucin .
Atributos

id = "text"
Proporciona un nombre (similar al atributo de nombre ) para que se pueda hacer referencia
desde un enlace , escritura, o de estilos. Es ms verstil que el nombre , pero no es tan
universalmente compatible.

name = "text"
Obligatorio . Define el nombre del parmetro .

type = " tipo de contenido"


Especifica el tipo de medio del recurso slo cuando el atributo valuetype se ajusta a la ref .
En l se describen los tipos de valores que se encuentran en el lugar indicados .

71

value = " text"


Define el valor del parmetro .

valuetype = "Datos | Ref. | objeto"


Indica el tipo de valor : los datos indican que el valor del parmetro es de datos ( por
defecto) ; ref indica que el valor del parmetro es una URL; objeto indica que el valor es el
URL de otro objeto en el documento.

Example
Vea la lista de objetos.
Nombre

<pre> . . . < / pre>


Delimita el texto preformateado , lo que significa que las lneas se muestran tal y como se

72

escriben en , en honor a los espacios en blanco , como tener mltiples espacios de


caracteres y saltos de lnea . Por defecto, el texto dentro de un elemento pre se muestra en
una fuente de espacio sencillo como Courier . El siguiente ejemplo se volvera sobre el mismo
en el navegador que aparece en este libro.
Atributos
Core, Internacionalizacin , Eventos

width = "Numero "


En desuso . Este atributo opcional determina el nmero de caracteres que caben en una sola
lnea dentro del bloque de pre .

xml: space = " preserve"


Solamente XHTML . Encarga procesadores XML para preservar el espacio en blanco en el
elemento .

Example
<pre> Esto es un texto con un ejemplo de la gran cantidad de espacios en blanco curioso .

< / pre>
Nombre

<q> . . . < / q >


Delimita una cita corta que se puede incluir en lnea, tales como "ser o no ser. " Se
diferencia de blockquote , que es un elemento blocklevel utilizado para citas largas. Algunos
navegadores insertan automticamente comillas. Cuando se utiliza con el atributo lang (idioma)
, el navegador puede insertar comillas especficos del lenguaje .
Atributos
Core, Internacionalizacin , Eventos

cite = "URL"
Designa el documento de origen de donde se tom la cita .

Example
<p> En ese famoso discurso que comienza , <q> Hace ochenta y siete aos, < / q > . . .
< / P>
Nombre

<S> . . . < / s >


desuso . Texto cerrado se muestra como texto tachado (igual que la huelga , pero introducido
por las versiones posteriores del navegador ) .
Atributos
Core, Internacionalizacin , Eventos

Example
Llevaba el sombrero ms feo <S> < / s > lo ms interesante que jams haba visto .
Nombre

73

73

<samp> . . . < / samp >


Delimita ejemplo de salida de los programas , scripts , etc . Texto de la muestra se exhibe
generalmente en una fuente de espacio sencillo .
Atributos
Core, Internacionalizacin , Eventos

Example
<p> Proveer mensajes de error alternativas para <samp> 404 Not Found < / samp > . < /
p>
Nombre

<script> . . . < / script >


Coloca una secuencia de comandos en el documento (normalmente JavaScript para
documentos web ) . Puede aparecer cualquier nmero de veces en la cabeza o el cuerpo del
documento. El script se puede proporcionar en el elemento de secuencia de comandos o en
un archivo externo (proporcionando el atributo src) .

74
Atributos

charset = "Juego de caracteres"


Indica la codificacin de caracteres de un documento de script externo (no es pertinente para
el contenido del elemento script).

defer = " defer"


Indica que el agente de usuario que la secuencia de comandos no generar el contenido del
documento , por lo que el agente de usuario puede continuar la representacin .

id = "text"
Solamente XHTML . Asigna ONU Nombre nico de identificacin al Elemento .

language = "text"
En desuso . Proporciona el nombre del lenguaje de script , pero ya que no ha sido
estandarizada , se ha desaprobado en favor del atributo type .

src = " URL"


Proporciona la ubicacin de un script externo .

type = " content-type "


Obligatorio. Especifica el lenguaje de programacin utilizado para el script actual. Esta
configuracin anula cualquier configuracin script predeterminado para el documento. El valor es
un tipo de contenido , lo ms a menudo text / javascript.

xml: space = " preserve"


Solamente XHTML . Encarga procesadores XML para preservar el espacio en blanco en el
elemento .
Example

75

<script type="text/javascript"> / / <! [ CDATA [ . . . JavaScript cdigo va aqu. . . / /] ]> < /


Script >
Nombre

<select> . . . < / select>


Define un men de opcin mltiple o de una lista desplegable . Se trata de un contenedor
para uno o ms elementos de opcin . Este elemento tambin puede contener uno o ms
elementos optgroup .
Atributos
Core, Internacionalizacin , eventos ; adems onfocus , onblur , onchange

disabled = " disabled"


Indica que el elemento de seleccin es inicialmente no funcional . Se puede volver a activar
con un guin .

75

multiple = "multiple"
Permite al usuario seleccionar ms de una opcin de la lista. Cuando este atributo est
ausente , slo se permiten selecciones individuales.

name = "text"
Obligatorio . Define el nombre de control de seleccin , cuando el formulario se enva a la
aplicacin de procesamiento de forma , este nombre se enva junto con cada valor de la
opcin seleccionada.

size = "Numero "


Especifica el nmero de filas que se muestran en la lista de opciones . Para valores
superiores a 1 , las opciones se muestran como una lista desplegable con el nmero
especificado de opciones visibles . Cuando se especifica el tamao = 1 , la lista se muestra
como un men emergente. El valor por defecto es 1 cuando no se utiliza mltiple. Cuando se
especifica mltiple, el valor vara segn el navegador (pero un valor de 4 es comn) .

76

tabindex = "Numero "


Especifica la posicin en el orden de tabulacin . Tabulacin de navegacin permite al usuario
desplazarse por los campos activos mediante el uso de la tecla Tab.

Example
<p> Cules 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> . . . < / small>


Renders el tipo ms pequeo que el texto que lo rodea .
Atributos
Core, Internacionalizacin , Eventos

Example
<h2> Instrucciones <small> (Actualizado 6/06 ) < / small> </ h2 >

Nombre

<span> . . . < / span >


Identifica un elemento en lnea genrico. Puede ser utilizado en conjuncin con la clase y / o
atributos id y formateado con hojas de estilos en cascada .
Atributos
Core, Internacionalizacin , Eventos

Example
Jenny: <span class= "telephone" > 867.5309 < / span >
Nombre

<strike> . . . < / strike >


desuso . Texto cerrado se muestra como texto tachado ( atravesado por una lnea horizontal).
Se ha dejado de utilizarse en favor de los controles de hojas de estilo .

77
Atributos
Core, Internacionalizacin , Eventos

Example
Es <strike> separada < / strike > un tema aparte .
Nombre

<strong> . . . < / strong >


de texto cerrado se enfatiza fuertemente . Los agentes de usuario por lo general representan
los elementos fuertes en negrita.
Atributos
Core, Internacionalizacin , Eventos

Example
Get yours <strong> hasta agotar existencias! < / Strong>

77

Nombre

<style> . . . < / style>


Insertos reglas de estilo en la cabecera de un documento.
Atributos
Internacionalizacin

id = "text"
Solamente XHTML . Asigna ONU Nombre nico de identificacin al Elemento .

medios = "all | aural | braille | mano | imprimir | proyeccin |


pantalla | tty | tv"
Especifica el destino intencionado para la informacin de estilo . Puede ser una sola palabra
clave o una lista separada por comas. El valor por defecto es la pantalla .

78

title = "text"
Da la hoja de estilo incrustada un ttulo.

type = " tipo de contenido" ( texto text / css / css xml: . space =
"

preserve")

Obligatorio. Especifica el lenguaje de hoja de estilo . Para las Hojas de Estilo en Cascada (
actualmente la nica opcin de tipo de estilo ) , el valor es Solamente XHTML . Encarga
procesadores XML para preservar el espacio en blanco en el elemento .

Example
<head> <style type="text/css"> h1 {color : # 666 ;} < / style> Hojas de Estilo <title> < / title>
< / head>
Nombre

<sub> . . . < / sub>


Formatos encerrados texto como subndice.
Atributos

Core, Internacionalizacin , Eventos

Example
<p> H <sub> 2 < / sub> 0 < / p>
Nombre

<sup> . . . < / sup >


Formatos adjunta el texto como superndice.
Atributos
Core, Internacionalizacin , Eventos

Example
<p> E = MC <sup> 2 < / sup > < / p>
Nombre

79

<table> . . . < / table>


Indica una mesa. Los elementos mnimos para la definicin de una tabla son tabla para
establecer la propia tabla , tr para declarar una fila de la tabla , y td para crear celdas de
la tabla dentro de la fila . Se requiere que la etiqueta de cierre para el elemento de la tabla
, y su omisin puede causar que la mesa no va a representar en algunos navegadores.
Atributos
Core, Internacionalizacin , Eventos

align = " left | right | center"


En desuso . Alinea la tabla dentro del flujo de texto (igual que se alinean en el elemento
img ) . La alineacin por defecto es la izquierda. El valor central no es universalmente
compatible.

bgcolor = "# RRGGBB "o " Nombre del Color "


En desuso . Especifica un color de fondo de toda la tabla. El color se especifica en valores
RGB hexadecimales o por nombre del color. Las hojas de estilo son el camino adecuado para
la especificacin de colores.

79

border = "nmero"
Especifica el ancho (en pxeles) del borde alrededor de la tabla y sus clulas. Ajuste su valor
a 0 (cero ) convierte las fronteras por completo. El valor Por Defecto it 1 . Adicin de la
palabra frontera sin un valor de resultado en un borde de 1 pxel , aunque esto no es vlido
en XHTML .

cellpadding = "nmero"
Establece la cantidad de espacio, en el nmero de puntos, entre el borde de la celda y su
contenido. El valor Por Defecto it 1 .

cellspacing = "nmero"
Establece la cantidad de espacio (en nmero de pxeles) entre celdas de tabla. El valor por
defecto es 2 .

frame = "vaco | arriba | abajo | hsides | lhs | dcha. | vsides |


80

Caja | fronteriza "


Le dice al navegador dnde trazar las fronteras alrededor de la mesa . Los valores son los
siguientes :

Value Description
void
above
below
hsides
vsides
lhs
rhs

The frame does not appear (default).


Top side only.
Bottom side only.
Top and bottom sides only.
Right and left sides only.
Left side only.
Right side only.

Value Description
box
border

All four sides.


All four sides.

height = "Numero " o " porcentaje"


No estndar . Especifica la altura mnima de toda la tabla. Puede ser especificado en un
nmero especfico de pxeles o un porcentaje del elemento padre . Debido a que este atributo
no es estndar , con que har que un documento no se va a validar.

rules = "all | cols | grupos | Ninguno filas "


Le dice al navegador dnde trazar reglas dentro de la tabla . Cuando el atributo de borde se
establece a un valor mayor que cero , las reglas por defecto a todos menos que se
especifique lo contrario. Este atributo se introdujo por Internet Explorer 3.0 y se encuentra en
las actuales Recomendaciones (X ) HTML , pero no se admite universalmente . Sus valores
son los siguientes :

81

Valor Descripcin

Value Description
all
cols
groups

Rules appear between all rows and columns.


Rules appear between columns only.
Rules appear between row groups (thead, tfoot, and tbody ) and column
groups.

none
rows

No rules (default).
Rules appear between rows only.

81

summary = "text"
Proporciona un resumen de los contenidos de la tabla para el uso con los navegadores no
visuales .

width = "Numero " o " porcentaje"


Especifica el ancho de toda la tabla. Se puede especificar el nmero de pxeles o porcentaje
del elemento padre .

Example
ancho <table = 1 < / td > <td> celular "70%" cellpadding ="10" > <tr> <td> celda 2 < / td >
< / tr> <td> celular 3 < / td > Clula <td> 4 < / td > < / tr > < / table>
Nombre

<tbody> . . . < / tbody >


Define una fila o grupo de filas como el " cuerpo" de la tabla . Debe contener al menos un
elemento de fila (tr ) . Elementos " grupo Row " ( tbody , thead y tfoot ) podran acelerar la

82

presentacin de las tablas y proporcionar un mecanismo para el desplazamiento del cuerpo de


una tabla de forma independiente de la cabeza y el pie. Los grupos de filas tambin podran
ser tiles para la impresin de las tablas largas para los que la informacin de la cabeza
puede ser impreso en cada pgina. Los atributos char y charoff no son compatibles con los
navegadores comerciales actuales .
Atributos
Core, Internacionalizacin , Eventos

align = " left | right | center | Justificar | char"


Especfica la alineacin horizontal del Texto De Una Celda o Celdas . El valor Por Defecto es
la Izquierda . El ATRIBUTO de alineacin se del como APLICA al Contenido Celda de la
tabla no es obsoleto y SLO aparece en el Mdulo de Tablas del 1,1 pertenezcan
Recomendacin XHTML

char = " Carcter "


Especfica sin Personaje un lo largo de la Cual el Contenido celular s alinearn CUANDO
alinear s Establece en la charla . El Carcter Predeterminado it decimal punto ONU (

Lenguaje apropiado ) . Este ATRIBUTO lo general, no es Soportado Por los Navegadores


Actuales .

charoff = " Longitud "


Especfica La Distancia de Desplazamiento Con El imprimacin Carcter de alineacin en cada
en lnea ahora . Si Una lnea no utiliza sin Carcter de alineacin , debe Ser horizontal
Cambi prr Terminar en la posicion de alineacin . Este ATRIBUTO lo general, no es
Soportado Por los Navegadores Actuales .

valign = "top | media | abajo | lnea de base"


Especfica la alineacin vertical, del text in Las Celdas De Una Columna . El ATRIBUTO
valign COMO SE APLICA al Contenido de las Celdas de tabla no es obsoleto y SLO
aparece en el Mdulo de Tablas del 1,1 pertenezcan Recomendacin XHTML .

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. Boss < / td >
< / tr >
< / tfoot >
<tbody>
<tr>
<td> Wilma < / td >
<td> 5000 < / td >
<td> abril 6
< / tr> . . . ms celdas de datos . . . < / tr> . . . ms celdas de datos . . .
< / tr >
< / tbody >
< / table>

83

Nombre

<td> . . . < / td >


Define una celda de datos de la tabla . La etiqueta de cierre no se requiere en el formato
HTML , pero puede prevenir presentacin de las tablas impredecible , sobre todo si la celda
contiene imgenes. Se requiere que la etiqueta de cierre en XHTML para que el documento
sea vlido. Una celda puede contener cualquier contenido, incluyendo otra tabla.
Atributos
Core, Internacionalizacin , Eventos

abbr = "text"
Proporciona una forma abreviada del contenido de la celda .

align = " left | right | center | Justificar | char"


Especfica la alineacin horizontal del Texto De Una Celda o Celdas . El valor Por Defecto es
la Izquierda . El ATRIBUTO de alineacin se del como APLICA al Contenido Celda de la
tabla no es obsoleto y SLO aparece en el Mdulo de Tablas del 1,1 pertenezcan

84

Recomendacin XHTML .

axis= "text"
Coloca una clula en una categora conceptual , que luego podra utilizarse para organizar o
buscar en la tabla de diferentes maneras .

background = "URL"
No estndar . Especifica una imagen grfica para ser utilizado como un azulejo dentro de la
clula . Las hojas de estilo deben ser utilizados para posicionar las imgenes en el fondo de
las celdas de la tabla .

bgcolor = "# RRGGBB " o " Nombre del Color "


En desuso . Especifica un color para ser utilizado en la celda de la tabla . Color de fondo
de una celda anula colores especificados en los planos de fila o de mesa.

char = " Carcter "


Especfica sin Personaje un lo largo de la Cual el Contenido celular s alinearn CUANDO
alinear s Establece en la charla . El Carcter Predeterminado it decimal punto ONU (
Lenguaje apropiado ) . Este ATRIBUTO lo general, no es Soportado Por los Navegadores
Actuales .

charoff = " Longitud "


Especfica La Distancia de Desplazamiento Con El imprimacin Carcter de alineacin en cada
en lnea ahora . Si Una lnea no utiliza sin Carcter de alineacin , debe Ser horizontal
Cambi prr Terminar en la posicion de alineacin . Este ATRIBUTO lo general, no es
Soportado Por los Navegadores Actuales .

colspan = "nmero"
Especifica el nmero de columnas de la celda actual debera abarcar . El valor Por Defecto it
1 . De acuerdo con la especificacin HTML 4.01 , 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 ,
en la realidad , sin embargo , esta caracterstica no se admite en los navegadores actuales.

85

headers = " Referencia id"


Listas header clulas ( por id ) que proporcionan informacin de encabezado de la celda de
datos actual. Con ello se pretende que las tablas sean ms accesibles a los navegadores no
visuales .

height = "pxeles" o " porcentaje"


En desuso . Especifica la altura de la celda en nmero de pxeles o por un valor de
porcentaje en relacin con la altura de la mesa . La altura especificado en la primera
columna ser aplicable para el resto de las celdas de la fila . Los valores de altura deben
ser coherentes para las celdas de una fila en particular . Medidas de los pxeles son ms
fiables que los porcentajes , que funcionan slo cuando se especifica la altura de la tabla en
pxeles .

nowrap = " nowrap "


En desuso . Desactiva el ajuste de texto automtico para la celda actual. Los saltos de lnea
se deben agregar a un elemento br o iniciando un nuevo prrafo.

85

rowspan = "nmero"
Especifica el nmero de filas abarcado por la celda actual. El valor Por Defecto it 1 . De
acuerdo con la Recomendacin HTML 4.01 , el valor 0 (cero ) significa que la celda actual
se extiende por todas las filas de la fila actual a la ltima fila , en la realidad , sin embargo
, esta caracterstica no est soportada por los navegadores .

scope = "row | col | rowgroup | colgroup "


Especifica las celdas de la tabla para la que la celda actual proporciona informacin de
encabezado. Un valor de Col indica que la celda actual es la cabecera de todas las clulas
que estn por debajo . colgroup indica la celda actual es la cabecera del grupo de la
columna que lo contiene. Un valor de fila significa que la celda actual es la cabecera de las
clulas en el resto de la fila . Un valor de rowgroup significa la celda actual es la cabecera
del grupo de filas que contiene . Con ello se pretende que las tablas sean ms accesibles a
los navegadores no visuales .

valign = "top | media | abajo | lnea de base"


86

Especfica la alineacin vertical, del text in Las Celdas De Una Columna . El ATRIBUTO
valign COMO SE APLICA al Contenido de las Celdas de tabla no es obsoleto y SLO
aparece en el Mdulo de Tablas del 1,1 pertenezcan Recomendacin XHTML .

width = "pxeles" o " porcentaje"


En desuso . Especifica el ancho de la celda en nmero de pxeles o por un valor de
porcentaje en relacin con la anchura de la tabla . El ancho especificado en la primera fila
se aplicar al resto de las celdas de la columna , y los valores deben ser coherentes para
las clulas en la columna .
Example
<table>
<tr>
<td colspan="2"> Celda 1 < / td >
< / tr>
<td> Celda 3 < / td >
<td> telfono 4 < / td >
< / tr >
< / table>

Nombre

<textarea> . . . < / textarea >


Define un control de entrada de texto de varias lneas. El contenido del elemento textarea se
muestra en el campo de entrada de texto cuando el formulario inicialmente muestra . Core,
Internacionalizacin , Eventos , Foco , onselect , onchange

cols = "nmero"
Obligatorio . Especifica el ancho visible del campo de entrada de texto, medido en nmero de
caracteres. Los usuarios pueden introducir las lneas de texto que son ms largos que el
ancho proporcionado , en cuyo caso los pergaminos de entrada a la derecha (o envolturas si
el navegador proporciona un mecanismo para hacerlo ) .

disabled = "disabled"
Desactiva el control de entrada del usuario. Puede ser modificado slo por medio de un
script. Los navegadores pueden mostrar controles deshabilitados de manera diferente (en gris ,
por ejemplo) , lo que podra ser til para atenuar ciertos controles hasta que se suministra
informacin requerida .

name = "text"
Obligatorio . Especifica un nombre para el control de entrada de texto. Este nombre se enva
junto con el contenido del control de la aplicacin formprocessing .

readonly = " readonly "


Indica que el control de formulario no podr ser modificado .

rows = "nmero"
Obligatorio . Especifica la altura del campo de entrada de texto en varias lneas de texto. Si
el usuario introduce ms lneas que las visibles , los rollos de campo de texto abajo para dar
cabida a las lneas adicionales .

87

87

Example
<P> Qu soaste anoche? < / p> <textarea name="dream" rows="4" cols="45" > Cuntanos tu
sueo en 100 palabras o menos < / textarea >
Nombre

<tfoot> . . . < / tfoot >


Define el pie de una mesa. Es uno de los elementos " de grupo de filas " . Un elemento
tfoot debe contener al menos una fila (tr ) . Los (X) HTML Recomendaciones especifican que
el elemento tfoot debe comparecer ante la tbody .
Atributos
Ver tbody para obtener ms informacin y una lista de atributos soportados .

Example
Ver lista tbody .
Nombre

88

<th> . . . < / th>


Define una celda de encabezado de la tabla . Celdas de encabezado de la tabla proporcionan
informacin y contexto importante a las celdas de la tabla en la fila o columna que preceden
. Ellos son una herramienta clave para hacer que la informacin en tablas accesibles. En
trminos de margen de beneficio, que funcionan igual que las clulas de datos de tabla ( td
) .
Atributos
El elemento th acepta los mismos atributos que el elemento td . Ver listado bajo td .
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> ridculamente
lejos < / td > < / tr > < / table>
Nombre

<thead> . . . < / thead >


Define la cabecera de la mesa y debe contener informacin sobre una tabla . Se utiliza para
duplicar los encabezados cuando la tabla completa se rompe a travs de las pginas , o

para una cabecera esttica que aparece con un cuerpo de la tabla de desplazamiento. Debe
contener al menos una fila (tr ) . El elemento thead es uno de los elementos " de grupo de
filas " .
Atributos
Ver tbody para obtener ms informacin y una lista de atributos soportados .

Example
Ver lista tbody .
Nombre

<title> . . . < / title>


Obligatorio. Especifica el ttulo del documento . De acuerdo con el HTML 4.01 y las
especificaciones XHTML , todos los documentos deben contener un ttulo significativo en el
encabezado del documento . Los ttulos deben contener slo caracteres ASCII (letras ,
nmeros y signos de puntuacin bsica ) . Los caracteres especiales ( como & ) deben ser
referidos a sus entidades de caracteres en el ttulo. Los ttulos deben ser claros y descriptivos.
El ttulo lo general se muestra en la barra superior del navegador , fuera de la ventana de
contenido regular, as como en los marcadores de un usuario o lista de favoritos. Los motores
de bsqueda tambin se basan en gran medida en ttulos de los documentos .
Atributos
Internacionalizacin

id = "text"
Solamente XHTML . Asigna ONU Nombre nico de identificacin al Elemento .

Example
<head> <title> Las aventuras de Peto y Fleck < / title> < / head>

Nombre

<tr> . . . < / tr >


Define una fila de celdas dentro de una tabla . Un elemento de fila de la tabla contiene
ningn contenido que no sea una coleccin de celdas de la tabla (td ) . Los ajustes

89

89

realizados en el elemento tr se aplican a todas las celdas de esa fila , pero la configuracin
de clulas individuales tienen prioridad sobre los realizados en el nivel de fila.
Atributos
Core, Internacionalizacin, Eventos

align = "left | right | center | justificar | char"


Especifica la alineacin horizontal del texto de una celda o celdas. El valor por defecto es la
izquierda. El atributo de alineacin como se aplica al contenido celda de la tabla no es
obsoleto y slo aparece en el Mdulo de Tablas del 1,1 Recomendacin XHTML.

bgcolor = "# RRGGBB"o "nombre del color"


Deprecated . Specifies a color to be used in the row. A rows background color overrides the
color specified at the table level.

char = "carcter"
Especifica un personaje a lo largo de la cual el contenido celular se alinearn cuando align
se establece en la charla. El carcter predeterminado es un punto decimal (lenguaje

90

apropiado). Este atributo lo general no es soportado por los navegadores actuales.

charoff = "longitud"
Especifica la distancia de desplazamiento con el primer carcter de alineacin en cada lnea.
Si una lnea no utiliza un carcter de alineacin, debe ser horizontal cambi para terminar en
la posicin de alineacin. Este atributo lo general no es soportado por los navegadores
actuales.

valign = "top | media | abajo | lnea de base"


Especifica la alineacin 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 slo aparece en el
Mdulo de Tablas del 1,1 Recomendacin XHTML.

Ejemplo
<table> <tr> <td>cell 1</td><td>cell 2</td> </tr> <tr> <td>cell 3</td><td>cell 4</td> </tr> </table>
Nombre

<tt> . . . < / tt >


Formatos adjunta texto como texto de teletipo . El texto incluido en el elemento tt se exhibe
generalmente en una fuente de espacio sencillo como Courier .
Atributos
Core, Internacionalizacin , Eventos

Example
<p> Ingrese su cumpleaos (Ex : <tt> 19/07/1975 < / tt > ): < / p>
Nombre

<u>. . . < / u>


desuso . Se subraya el texto cerrado cuando se muestran. El texto subrayado puede ser
confundido como un vnculo de hipertexto, pero si se requiere el subrayado, las Hojas de
Estilo en Cascada es el mtodo preferido .

91

Atributos
Core, Internacionalizacin , Eventos

Example
<p> <u> texto subrayado < / u> se puede confundir con un enlace. < / p>
Nombre

<ul> . . . < / ul>


Define una lista desordenada , en la que los elementos de lista ( li ) no tienen secuencia.
Por defecto , los navegadores insertan balas antes de cada elemento en una lista
desordenada . Las listas pueden ser formateados en cualquier forma (incluyendo como
elementos de navegacin horizontal ) utilizando las propiedades de Estilo en Cascada Hoja .
Atributos
Core, Internacionalizacin , Eventos

91

compact = "compact"
En desuso . Muestra el bloque de la lista lo ms pequeo posible . Pocos navegadores
soportan este atributo.

type = "disc | crculo | square"


En desuso . Define la forma de las balas utilizadas para cada elemento de la lista .

Example
<ul> <li> Acerca < / li > <li> cartera < / li > <li> Blog < / li > <li> Contactar < / li > < /
ul>
Nombre

<var> . . . < / var >


Indica una instancia de una variable o un programa de discusin, generalmente traducido en
cursiva.

92

Atributos
Core, Internacionalizacin , Eventos

Example
<var> miCadena < / var > = 'hola mundo ';

Entidades de caracteres
Personajes que no se encuentran en el conjunto de caracteres alfanumricos normales , como
< y y , se deben especificar en los documentos HTML y XHTML utilizando referencias de
caracteres . Este proceso se conoce como escapar el carcter . En documentos (X) HTML,
escaparon caracteres se indican con referencias de caracteres que comienzan con Y y
terminan con ; . El personaje puede ser referida por su referencia numrica de caracteres (
NCR) o un carcter de nombre de la entidad predefinida. Una referencia de carcter numrico
se refiere a un personaje por su punto de cdigo Unicode en forma ya sea decimal o
hexadecimal. Referencias de caracteres decimales utilizan la sintaxis y # nnnn ; . Los valores
hexadecimales se indican con una "x" : & # xhhhh ; . Por ejemplo , el carcter menor que (
< ) podra ser identificado como < ( decimal) o < ( hexadecimal ) . Entidades de caracteres
se abrevian los nombres de personajes, como < el smbolo menor que . Entidades de
caracteres estn predefinidas en los DTDs de lenguajes de marcas como HTML y XHMTL
como una conveniencia a los autores , ya que pueden ser ms fciles de recordar que las
referencias de caracteres numricos .

Conjunto de caracteres ASCII


Documentos HTML y XHTML utilizan el juego de caracteres estndar ASCII de 7 bits en su
fuente. 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. HTML 4.01 define slo cuatro
entidades en este intervalo de caracteres - menor que ( <, < ) , mayor que ( < , >) ,
ampersand ( &, & ) y las comillas (" " ) - que son necesarias para escapar de caracteres
que pueden ser interpretadas como marcado . XHTML incluye tambin la "entidad que se
incluye en todos los idiomas XML. en los documentos XHTML , el smbolo de ampersand (&)
siempre debe ser escapado en valores de atributo. para una mejor compatibilidad con los
analizadores XML , los autores deben usar referencias de caracteres numricos en lugar de
referencias de caracteres con nombre para el resto de entidades de caracteres . entidades de
caracteres numricos tambin pueden ser representados por sus equivalentes hexadecimales.
los valores hexadecimales estn precedidos por una x. por ejemplo , la referencia de carcter
hexadecimal del smbolo menor que est escrito < .
decimal

Entidad
Smbolo Descripcin del espacio! Signo de exclamacin Comillas Smbolo del dlar octothorpe
Porcentaje smbolo Ampersand Apostrophe ( comilla simple ) Abrir parntesis Asterisk
Parntesis derecho Plus firmar comas Perodo Guin Roza Dgitos 0-9 Punto y coma Colon

93

93

Menos del signo igual Mayor de Question mark Comercial arroba Letras AZ Izquierda cuadrado
soporte de barra invertida

Decimal

Entity

Symbol Description

&#032;

Space

&#033;
&#034;

&quot;

&#035;
&#036;
&#037;
&#038;

&amp;

&#039;

&apos;

94
&#040;
&#041;
&#042;
&#043;
&#044;
&#045;
&#046;
&#047;
&#048; -&#057;
&#058;

Exclamation point

"

Quotation mark

Octothorpe

Dollar symbol

Percent symbol

&

Ampersand

(XML/XHTML only) '

Apostrophe (single quote)

Left parenthesis

Right parenthesis

Asterisk

Plus sign

Comma

Hyphen

Period

Slash

0-9

Digits 0-9

Colon

Decimal

Entity

&#059;
&#060;

&lt;

&#061;
&#062;
&#063;
&#064;
&#065; -&#090;
&#091;
&#092;
&#093;
&#094;
&#095;
&#096;
&#097; -&#122;
&#123;
&#124;
&#125;
&#126;

&gt;

Symbol Description
;

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

Entidades no estndar (,-y)

Las referencias de caracteres numerados 130 a 159 no estn definidos en HTML y por lo
tanto son caracteres no vlidos que deben ser evitados. Algunas entidades numricos no
estndares de esta gama estn apoyados por los navegadores (como &151; por un guin), sin
embargo, todos ellos tienen sus equivalentes estndar (que se enumeran en la seccin
General Puntuacion). Si usted necesita un guin largo, utilice &8212; o - en su lugar.

96

Latin-1 (ISO-8859-1)

Decimal Entity
&#160;

&nbsp;

&#161;

&iexcl;

&#162;

&cent;

&#163;

&pound;

&#164;

&curren;

&#165;

&yen;

&#166;

&brvbar;

&#167;

&sect;

&#168;

&uml;

&#169;

&copy;

&#170;

&ordf;

&#171;

&laquo;

&#172;

&not;

&#173;

&shy;

&#174;

&reg;

&#175;

&macr;

&#176;

&deg;

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

Decimal Entity

98

Symbol Description

&#177;

&plusmn;

&#178;

&sup2;

&#179;

&sup3;

&#180;

&acute;

&#181;

&micro;

&#182;

&para;

&#183;

&middot;

&#184;

&cedil;

&#185;

&sup1;

&#186;

&ordm;

&#187;

&raquo;

&#188;

&frac14;

&#189;

&frac12;

&#190;

&frac34;

&#191;

&iquest;

&#192;

&Agrave;

&#193;

&Aacute;

&#194;

&Acirc;

&#195;

&Atilde;

Plus or minus
Superscript 2
Superscript 3

Acute accent (no letter)

Micron (Greek mu)

Paragraph sign

Middle dot

Cedilla

Superscript 1

Masculine ordinal

Right angle quote

Fraction one-fourth

Fraction one-half

Fraction three-fourths

Inverted question mark

Capital A, grave accent

Capital A, acute accent

Capital A, circumflex accent

Capital A, tilde accent

Decimal Entity
&#196;

&Auml;

&#197;

&Aring

&#198;

&AElig;

&#199;

&Ccedil;

&#200;

&Egrave

&#201;

&Eacute;

&#202;

&Ecirc;

&#203;

&Euml;

&#204;

&Igrave;

&#205;

&Iacute;

&#206;

&Icirc;

&#207;

&Iuml;

&#208;

&ETH;

&#209;

&Ntilde;

&#210;

&Ograve;

&#211;

&Oacute;

&#212;

&Ocirc;

&#213;

&Otilde;

&#214;

&Ouml;

Symbol Description

Capital A, umlaut

Capital A, ring

Capital AE ligature

Capital C, cedilla

Capital E, grave accent

Capital E, acute accent

Capital E, circumflex accent

Capital E, umlaut

Capital I, grave accent

Capital I, acute accent

Capital I, circumflex accent

Capital I, umlaut

Capital eth, Icelandic

Capital N, tilde

Capital O, grave accent

Capital O, acute accent

Capital O, circumflex accent

Capital O, tilde accent

Capital O, umlaut

99

99

Decimal Entity

100

&#215;

&times;

&#216;

&Oslash;

&#217;

&Ugrave;

&#218;

&Uacute;

&#219;

&Ucirc;

&#220;

&Uuml;

&#221;

&Yacute;

&#222;

&THORN;

&#223;

&szlig;

&#224;

&agrave;

&#225;

&aacute;

&#226;

&acirc;

&#227;

&atilde;

&#228;

&auml;

&#229;

&aring;

&#230;

&aelig;

&#231;

&ccedil;

&#232;

&egrave;

&#233;

&eacute;

Symbol Description

Multiplication sign

Capital O, slash

Capital U, grave accent

Capital U, acute accent

Capital U, circumflex accent

Capital U, umlaut

Capital Y, acute accent

Capital Thorn, Icelandic

Small sz ligature, German

Small a, grave accent

Small a, acute accent

Small a, circumflex accent

Small a, tilde

Small a, umlaut

Small a, ring

Small ae ligature

Small c, cedilla

Small e, grave accent

Small e, acute accent

Decimal Entity
&#234;

&ecirc;

&#235;

&euml;

&#236;

&igrave;

&#237;

&iacute;

&#238;

&icirc;

&#239;

&iuml;

&#240;

&eth;

&#241;

&ntilde;

&#242;

&ograve;

&#243;

&oacute;

&#244;

&ocirc;

&#245;

&otilde;

&#246;

&ouml;

&#247;

&divide;

&#248;

&oslash;

&#249;

&ugrave;

&#250;

&uacute;

&#251;

&ucirc;

&#252;

&uuml;

Symbol Description

Small e, circumflex accent

Small e, umlaut

Small i, grave accent

Small i, acute accent

Small i, circumflex accent

Small i, umlaut

Small eth, Icelandic

Small n, tilde

Small o, grave accent

Small o, acute accent

Small o, circumflex accent

Small o, tilde

Small o, umlaut

Division sign

Small o, slash

Small u, grave accent

Small u, acute accent

Small u, circumflex accent

Small u, umlaut

101

101

Decimal Entity

102

&#253;

&yacute;

&#254;

&thorn;

&#255;

&yuml;

Symbol Description

Small y, acute accent

Small thorn, Icelandic

Small y, umlaut

Latin Extended-A
Decimal Entity
&#338;

&OElig;

&#339;

&oelig;

&#352;

&Scaron;

&#353;

&scaron;

&#376

&Yuml;

Symbol Description

Capital ligature OE

Small ligature oe

Capital S, caron

Small s, caron

Capital Y, umlaut

103

103

Latin Extended-B
Decimal Entity Symbol Description
&#402;

104

&fnof;

Small f with hook

Spacing Modifier Letters


Decimal Entity Symbol Description
&#710;

&circ;

&#732;

&tilde;

Circumflex accent

Tilde

105

105

Greek
Decimal Entity
&#913; &Alpha;
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;

&Alpha;

&#914;

&Beta;

&#915;

Symbol Description
A

Greek capital alpha

Greek capital beta

&Gamma;

Greek capital gamma

&#916;

&Delta;

Greek capital delta

&#917;

&Epsilon;

Greek capital epsilon

&#918;

&Zeta;

Greek capital zeta

&#919

&Eta;

Greek capital eta

&#920;

&Theta;

Greek capital theta

&#921;

&Iota;

Greek capital iota

&#922;

&Kappa;

Greek capital kappa

&#923;

&Lambda;

Greek capital lambda

Decimal Entity
&#924;

&Mu;

&#925;

&Nu;

&#926;

&Xi;

&#927;

&Omicron;

&#928;

Symbol Description
M

Greek capital mu

Greek capital nu

Greek capital xi

Greek capital omicron

&Pi;

Greek capital pi

&#929;

&Rho;

Greek capital rho

&#931;

&Sigma;

Greek capital sigma

&#932;

&Tau;

Greek capital tau

&#933;

&Upsilon;

Greek capital upsilon

&#934;

&Phi;

Greek capital phi

&#935;

&Chi;

Greek capital chi

&#936;

&Psi;

Greek capital psi

&#937;

&Omega;

Greek capital omega

&#945;

&alpha;

Greek small alpha

&#946;

&beta;

Greek small beta

&#947;

&gamma;

Greek small gamma

&#948;

&delta;

Greek small delta

&#949;

&epsilon;

Greek small epsilon

&#950;

&zeta;

Greek small zeta

107

107

108

Decimal Entity

Symbol Description

&#951;

&eta;

Greek small eta

&#952;

&theta;

Greek small theta

&#953;

&iota;

Greek small iota

&#954;

&kappa;

Greek small kappa

&#955;

&lambda;

Greek small lambda

&#956;

&mu;

Greek small mu

&#957;

&nu;

Greek small nu

&#958;

&xi;

Greek small xi

&#959;

&omicron;

Greek small omicron

&#960;

&pi;

Greek small pi

&#961;

&rho;

Greek small rho

&#962;

&sigmaf;

Greek small letter final sigma

&#963;

&sigma;

Greek small sigma

&#964;

&tau;

Greek small tau

&#965;

&upsilon;

Greek small upsilon

&#966;

&phi;

Greek small phi

&#967;

&chi;

Greek small chi

&#968;

&psi;

Greek small psi

&#969;

&omega;

Greek small omega

Decimal Entity

Symbol Description

&#977;

&thetasym;

Greek small theta symbol

&#978;

&upsih;

Greek upsilon with hook

&#982;

&piv;

Greek pi symbol

109

109

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

Arrows
Decimal Entity Symbol Description
&#8592;

&larr;

Left arrow

&#8593;

&uarr;

Up arrow

&#8594;

&rarr;

Right arrow

&#8595;

&darr;

Down arrow

&#8596;

&harr;

Left-right arrow

&#8629;

&crarr;

Down arrow with corner leftward

&#8656;

&lArr;

Leftward double arrow

&#8657;

&uArr;

Upward double arrow

&#8658;

&rArr;

Rightward double arrow

&#8659;

&dArr;

Downward double arrow

&#8660;

&hArr;

Left-right double arrow

113

113

Mathematical Operators
Decimal Entity

Symbol Description

&#8704;

&forall;

For all

&#8706;

&part;

Partial differential

&#8707;

&exist;

There exists

&#8709;

&empty;

Empty set, null set, diameter

&#8711;

&nabla;

Nabla, backward difference

&#8712;

&isin;

Element of

&#8713

&notin;

Not an element of

&#8715;

&ni;

Contains as a member

&#8719;

&prod;

N-ary product, product sign

&#8721;

&sum;

N-ary summation

&#8722;

&minus;

Minus sign

&#8727;

&lowast;

Asterisk operator

&#8730;

&radic;

Square root, radical sign

&#8733;

&prop;

Proportional

&#8734;

&infin;

Infinity symbol

&#8736;

&ang;

Angle

&#8743;

&and;

Logical and, wedge

&#8744;

&or;

Logical or, vee

114

Decimal Entity

Symbol Description

&#8745;

&cap;

Intersection, cap

&#8746;

&cup;

Union, cup

&#8747;

&int;

Integral

&#8756;

&there4;

Therefore

&#8764;

&sim;

Tilde operator, varies with, similar to

&#8773;

&cong;

Approximately equal to

&#8776;

&ap;

Almost equal to, asymptotic to

&#8800;

&ne;

Not equal to

&#8801;

&equiv;

Identical to

&#8804;

&le;

Less than or equal to

&#8805;

&ge;

Greater than or equal to

&#8834;

&sub;

Subset of

&#8835;

&sup;

Superset of

&#8836;

&nsub;

Not a subset of

&#8838;

&sube

Subset of or equal to

&#8839;

&supe

Superset of or equal to

&#8853;

&oplus;

Circled plus, direct sum

&#8855;

&otimes;

Circled times, vector product

&#8869;

&perp;

Up tack, orthogonal to, perpendicular

115

115

116

Decimal Entity

Symbol Description

&#8901;

&sdot;

Dot operator

Miscellaneous Technical Symbols


Decimal Entity Symbol Description
&#8968;

&lceil;

Left ceiling

&#8969;

&rceil;

Right ceiling

&#8970;

&lfloor;

Left floor

&#8971;

&rfloor

Right floor

&#9001;

&lang;

Left-pointing angle bracket

&#9002;

&rang;

Right-pointing angle bracket

117

117

Geometric Shapes
Decimal Entity Symbol Description
118

&#9674;

&loz;

Lozenge

119

Miscellaneous Symbols
Decimal Entity

Symbol Description

&#9824;

&spades;

Black spade suit

119

120

Decimal Entity

Symbol Description

&#9827;

&clubs

Black club suit

&#9829;

&hearts;

Black heart suit

&#9830;

&diams

Black diamond suit

Specifying Color
Porque el color es de presentacin , se debe especificar con Hojas de Estilo en Cascada, no
en el documento (X) HTML. Tanto en (X ) HTML y CSS, los valores de color pueden ser
proporcionados por los valores numricos o nombres de los colores normalizados.

121
Los valores RGB
La forma ms comn y preciso para especificar un color por su RGB numrico valores ( rojo,
verde , azul ) . Usando una herramienta de edicin de imgenes como Adobe Photoshop , se
puede determinar los valores RGB (en una escala de 0 a 255 ) para un color seleccionado.
Por EJEMPLO :
Rojo : 212 Verde : 232 Azul : 119
Estos valores se deben convertir a sus hexadecimal (base - 16 ) equivalentes con el fin de
ser utilizado como los valores de atributo . En este ejemplo , los valores decimales anteriores
se convierten a hexadecimal .
Rojo: D4 Verde: E8 Azul: 77
En (X ) HTML , estos valores se proporcionan en una cadena de seis caracteres , precedido
por el smbolo # , as:
# D4E877
La sintaxis subyacente es la siguiente:
# RRGGBB

121

donde RR representa el valor hexadecimal de color rojo , GG representa el valor hexadecimal


de color verde , y BB representa el valor hexadecimal azul . Afortunadamente , Adobe
Photoshop hace que los valores hexadecimales para los colores de fcil acceso en la parte
inferior del selector de color al lado del smbolo #. Los valores hexadecimales se pueden
copiar desde el selector de color y pegar en un documento de hoja de estilo o HTML. Si
est utilizando una herramienta de imagen que no enumera los valores hexadecimales , tendr
que convertir decimales a hexadecimal s mismo utilizando una calculadora hexadecimal. Los
usuarios de Windows pueden encontrar una calculadora hexadecimal en la vista " cientfico "
de la calculadora estndar de Windows. Los usuarios de Mac con OS X 10.4 ( Tiger) pueden
descargar el programa gratuito Hex Calculator Widget en:
www.apple.com / downloads / dashboard / calculate_convert / hexcalculatorwidget.html

Estndar nombres de colores


Los colores tambin pueden ser identificados por nombres de colores predefinidos . La sintaxis
para utilizar nombres de colores es muy sencillo.
<body link="navy">
HTML 4.01 y XHTML 1.0 incluyen 16 los esquemas de color . Se enumeran aqu con sus
valores RGB equivalentes :
plata negro gris blanco marrn prpura 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 tambin. La Recomendacin
2.1 CSS aade naranja ( # FFA500 ) a esta lista con un total de 17 colores compatibles.
CSS 3 soporta 140 nombres de colores estndar adicionales que son ampliamente compatibles
con los navegadores , pero no son vlidos para su uso en documentos (X) HTML.

About the Author


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

123

123

HTML and XHTML Pocket Reference


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

124

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;-&#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

NDICE

Captulo 1. HTML y XHTML Pocket Reference ..................................................................... 1


HTML y XHTML Fundamentos .............................................................................................. 1
Cmo XHTML Diferencias entre HTML ................................................................................ 1
Tres versiones de (X) HTML ................................................................................................ 2
126

Estructura Minimal Documento ........................................................................................... 3


DOCTYPE para Disponible DTD ....................................................................................... 4
Lista alfabtica de los elementos ............................................................................................. 5
Atributos comunes y Eventos ................................................................................................ 5
Internacionalizacin ................................................................................................................... 6
Eventos ...................................................................................................................................... 7
onclick .................................................................................................................................... 7
ondblclick ............................................................................................................................... 7
onkeydown............................................................................................................................. 7
onkeypress ............................................................................................................................ 7
onkeyup ................................................................................................................................. 7
onmousedown ....................................................................................................................... 7
onmousemove ....................................................................................................................... 7
onmouseout ........................................................................................................................... 8

onmouseover ......................................................................................................................... 8
onmouseup ............................................................................................................................ 8
Focus ......................................................................................................................................... 8
accesskey = "carcter" ........................................................................................................ 8
onblur ..................................................................................................................................... 8
onfocus .................................................................................................................................. 8
tabindex = "nmero" ............................................................................................................ 9
(X) HTML Elementos................................................................................................................... 9
a - <a>. . . </ A> ................................................................................................................. 9
charset = "charset" .............................................................................................................. 9
coords = "coordenadas x, y" ............................................................................................. 9
href = "URL" ...................................................................................................................... 10
hreflang = "Cdigo de idioma" ........................................................................................ 10
id = "text" ........................................................................................................................... 10
name = "text" ..................................................................................................................... 10
rel = "relaciones" ............................................................................................................... 10
rev = "relaciones" .............................................................................................................. 10
forma = "rect | crculo | poli | default" ......................................................................... 10
target = "text"..................................................................................................................... 11
type = "tipo de papel" ..................................................................................................... 11
Ejemplos .............................................................................................................................. 11
abbr - <abbr>. . . </ Abbr> ............................................................................................... 12
title = "text" ........................................................................................................................ 12
Ejemplo ................................................................................................................................ 12
acrnimo - <acronym>. . . </ Acronym>........................................................................... 12
title = "text" ........................................................................................................................ 12
Ejemplo ................................................................................................................................ 12

127

127

Direccin - <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 = "nmero".............................................................................................................. 14
hspace = "nmero" ............................................................................................................ 14
name = "text" ..................................................................................................................... 14
objeto = "text" .................................................................................................................... 14
vspace = "nmero" ............................................................................................................ 14
128

width = "nmero" ............................................................................................................... 14


Ejemplo ................................................................................................................................ 15
rea - <area /> ..................................................................................................................... 15
alt = "text" .......................................................................................................................... 15
coords = "valores" ............................................................................................................. 15
href = "url" ......................................................................................................................... 15
nohref = "nohref" ............................................................................................................... 15
forma = "rect | crculo | 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 = "nmero" ................................................................................................................. 18
Ejemplo ................................................................................................................................ 18
BDO - <bdo>. . . </ BDO> ................................................................................................ 18
Atributos............................................................................................................................... 18
dir = "ltr | rtl" .................................................................................................................... 18
lang = "Cdigo 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

br - <br /> ............................................................................................................................. 21


clear = "none | left | right | all".................................................................................... 21
Ejemplo ................................................................................................................................ 22
botn - <button>. . . Botn </> ......................................................................................... 22
disabled = "disabled" ......................................................................................................... 22
name = "text" ..................................................................................................................... 22
value = "text" ..................................................................................................................... 22
type = "submit | restablecer | botn" ............................................................................ 22
Ejemplo ................................................................................................................................ 23
subttulo - <caption>. . . </ Caption> ................................................................................ 23
align = "top | abajo | izquierda | derecha" .................................................................. 23
Ejemplo ................................................................................................................................ 23
centro - <center>. . . </ Center>....................................................................................... 23
130

Ejemplo ................................................................................................................................ 24
citar - <cite>. . . </ Cite>................................................................................................... 24
Ejemplo ................................................................................................................................ 24
cdigo - <code>. . . </ Code> .......................................................................................... 24
Ejemplo ................................................................................................................................ 24
col - <COL /> ....................................................................................................................... 24
Atributos............................................................................................................................... 25
align = "left | right | center | justificar | char" ............................................................ 25
char = "carcter"................................................................................................................ 25
charoff = "longitud" ............................................................................................................ 25
span = "nmero"................................................................................................................ 25
valign = "top | media | abajo | lnea de base" .......................................................... 25
width = "pxeles, porcentaje, n *" ................................................................................... 25
Ejemplo ................................................................................................................................ 26

colgroup - <COLGROUP>. . . </ Colgroup> .................................................................... 26


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

131

131

palete = "foreground| background" .................................................................................. 31


pluginspage = "URL" ......................................................................................................... 31
src = "URL"........................................................................................................................ 32
width = "nmero" ............................................................................................................... 32
alt = "text" .......................................................................................................................... 32
Code = "nombrearchivo" ................................................................................................... 32
codebase = "URL" ............................................................................................................. 32
units = "pxeles | en" ....................................................................................................... 32
border = "nmero" ............................................................................................................. 32
frameborder = "yes | no" ................................................................................................. 33
hspace = "nmero" ............................................................................................................ 33
pluginurl = "URL" ............................................................................................................... 33
type = "medios de comunicacin (MIME), escriba"...................................................... 33
132

vspace = "nmero" ............................................................................................................ 33


Ejemplo ................................................................................................................................ 33
fieldset - <fieldset>. . . </ Fieldset> .................................................................................. 33
Ejemplo ................................................................................................................................ 34
fuente - <font>. . . </ Font> .............................................................................................. 34
color = "# RRGGBB" o "nombre del color" (o una lista de los tipos de ............. 34
face = "tipo de letra" ....................................................................................................... 34
size = "valor" ..................................................................................................................... 34
Ejemplo ................................................................................................................................ 35
<form>. . . </ Form>............................................................................................................ 35
accept = "content-type-list"................................................................................................ 35
accept-charset = "Lista charset" ...................................................................................... 35
action = "URL" ................................................................................................................... 35
enctype = "tipo de contenido" ......................................................................................... 35

method = "get | post" ...................................................................................................... 36


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

133

133

profile = "URL" .................................................................................................................. 41


Ejemplo ................................................................................................................................ 41
hr - <hr /> ............................................................................................................................. 41
align = "center | izquierda | derecha" ........................................................................... 41
noshade = "noshade" ........................................................................................................ 41
size = "nmero" ................................................................................................................. 41
width = "nmero" o "nmero%" ...................................................................................... 42
Ejemplo ................................................................................................................................ 42
HTML - <html>. . . </ Html> ............................................................................................. 42
id = "text" ........................................................................................................................... 42
xmlns = "http://www.w3.org/1999/xhtml" ........................................................................... 42
i - <i>. . . Texto </ i>........................................................................................................ 43
Ejemplo ................................................................................................................................ 43
134

iframe - <iframe>. . . </ Iframe> ....................................................................................... 43


align = "top | media | abajo | izquierda | derecha"................................................... 44
frameborder = "1 | 0" ...................................................................................................... 44
height = "nmero".............................................................................................................. 44
hspace = "nmero" ............................................................................................................ 44
longdesc = "URL" .............................................................................................................. 44
marginheight = "nmero"................................................................................................... 44
marginwidth = "nmero" .................................................................................................... 44
scrolling = "yes | no | auto"........................................................................................... 45
src = "URL"........................................................................................................................ 45
vspace = "nmero" ............................................................................................................ 45
width = "nmero" ............................................................................................................... 45
Ejemplo ................................................................................................................................ 45
<img /> ................................................................................................................................... 45

align = "bottom | izquierda | centro | derecha | top" ................................................ 46


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

135

135

<input type="file" /> ............................................................................................................... 51


accept = "Tipo MIME" ...................................................................................................... 51
disabled = "disabled" ......................................................................................................... 52
maxlength = "nmero" ....................................................................................................... 52
name = "text" (Obligatorio)............................................................................................... 52
readonly = readonly " ...................................................................................................... 52
Size = "nmero" ................................................................................................................ 52
value = "text" ..................................................................................................................... 52
<input type="hidden" /> ......................................................................................................... 52
accesskey = "carcter" ...................................................................................................... 52
tabindex = "nmero" .......................................................................................................... 52
name = "text" (obligatorio) ............................................................................................... 52
value = "text" (obligatorio) ................................................................................................ 52
136

<input type="image" /> .......................................................................................................... 53


align = "top | media | bottom" ....................................................................................... 53
alt = "text" .......................................................................................................................... 53
disabled = "disabled" ......................................................................................................... 53
ismap = "ismap" ................................................................................................................ 53
name = "text" (obligatorio) ............................................................................................... 53
src = "URL"........................................................................................................................ 53
usemap = "URL"................................................................................................................ 53
<input type="password" /> .................................................................................................... 53
disabled = "disabled" ......................................................................................................... 54
maxlength = "nmero" ....................................................................................................... 54
name = "text"

(Obligatorio) ............................................................................................ 54

readonly = readonly" ........................................................................................................ 54


size= "nmero" ................................................................................................................... 54

value = "text" (Obligatorio) ............................................................................................... 54


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

137

137

isindex - <ISINDEX /> .......................................................................................................... 57


prompt = "texto" .................................................................................................................... 58
Ejemplo ................................................................................................................................ 58
kbd - <kbd>. . . </ Kbd> ................................................................................................... 58
<label>. . . </ Label> ........................................................................................................... 58
for = "text".......................................................................................................................... 58
Ejemplos .............................................................................................................................. 59
<legend> . . . < / legend> ................................................................................................. 59
fieldset ..................................................................................................................................... 59
li - <li> . . . < / li >.......................................................................................................... 59
type = "formato"................................................................................................................. 60
start = "nmero" ................................................................................................................ 60
value = " nmero " .......................................................................................................... 60
138

Example ............................................................................................................................... 60
<link /> .................................................................................................................................... 60
<map> . . . < / map>......................................................................................................... 61
id = "text" ........................................................................................................................... 62
name = "text" ..................................................................................................................... 62
Example ............................................................................................................................... 62
<men> . . . < / menu>..................................................................................................... 62
compact = "compact" ........................................................................................................ 62
<meta /> ................................................................................................................................. 63
content = "text" .................................................................................................................. 63
http- equiv = "text"............................................................................................................ 63
id = "text" ........................................................................................................................... 63
name = "text" ..................................................................................................................... 63
scheme = "text" ................................................................................................................. 63

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

139

139

start = "nmero" ................................................................................................................ 68


type = " 1 | A | a | I | i" ............................................................................................ 68
Example ............................................................................................................................... 69
<optgroup> . . . < / optgroup > ........................................................................................ 69
disabled = " disabled" ...................................................................................................... 69
label = "text" ...................................................................................................................... 69
<option> . . . < / option> ................................................................................................... 70
disabled = " disabled" ...................................................................................................... 70
label = "text" ...................................................................................................................... 70
selected = "selected " ...................................................................................................... 70
value = " text" ................................................................................................................... 70
Example ............................................................................................................................... 70
<p> . . . < / p>................................................................................................................... 71
140

align = " center | izquierda | derecha "....................................................................... 71


Example ............................................................................................................................... 71
<param /> ............................................................................................................................... 71
id = "text" ........................................................................................................................... 71
name = "text" ..................................................................................................................... 71
type = " tipo de contenido" ............................................................................................ 71
value = " text" ................................................................................................................... 72
valuetype = "Datos | Ref. | objeto" ............................................................................... 72
Example ............................................................................................................................... 72
<pre> . . . < / pre> ............................................................................................................ 72
width = "Numero " ............................................................................................................ 72
xml: space = " preserve" ................................................................................................. 72
Example ............................................................................................................................... 72
<q> . . . < / q > ................................................................................................................ 73

cite = "URL" ....................................................................................................................... 73


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

141

141

<strong> . . . < / strong > ................................................................................................ 77


Example ............................................................................................................................... 77
<style> . . . < / style> ........................................................................................................ 78
id = "text" ........................................................................................................................... 78
medios = "all | aural | braille | mano | imprimir | proyeccin | pantalla | tty | tv"
............................................................................................................................................. 78
title = "text" ........................................................................................................................ 78
type = " tipo de contenido" ( texto text / css / css xml: . space = " ................. 78
Example ............................................................................................................................... 78
<sub> . . . < / sub> ........................................................................................................... 78
Example ............................................................................................................................... 79
<sup> . . . < / sup > ......................................................................................................... 79
Example ............................................................................................................................... 79
142

<table> . . . < / table> ....................................................................................................... 79


align = " left | right | center" ......................................................................................... 79
bgcolor = "# RRGGBB "o " Nombre del Color " ....................................................... 79
border = "nmero" ............................................................................................................. 80
cellpadding = "nmero" ..................................................................................................... 80
cellspacing = "nmero" ..................................................................................................... 80
frame = "vaco | arriba | abajo | hsides | lhs | dcha. | vsides | Caja | fronteriza
" ........................................................................................................................................... 80
height = "Numero " o " porcentaje" .............................................................................. 81
rules = "all | cols | grupos | Ninguno filas ".............................................................. 81
summary = "text" ............................................................................................................... 82
width = "Numero " o " porcentaje" ................................................................................ 82
Example ............................................................................................................................... 82
<tbody> . . . < / tbody > ................................................................................................... 82

align = " left | right | center | Justificar | char" ........................................................ 82


char = " Carcter " .......................................................................................................... 82
charoff = " Longitud " ...................................................................................................... 83
valign = "top | media | abajo | lnea de base" .......................................................... 83
Example ............................................................................................................................... 83
<td> . . . < / td > .............................................................................................................. 84
abbr = "text"....................................................................................................................... 84
align = " left | right | center | Justificar | char" ........................................................ 84
axis= "text" .......................................................................................................................... 84
background = "URL".......................................................................................................... 84
bgcolor = "# RRGGBB " o " Nombre del Color " ..................................................... 84
char = " Carcter " .......................................................................................................... 85
charoff = " Longitud " ...................................................................................................... 85
colspan = "nmero" ........................................................................................................... 85
headers = " Referencia id" .............................................................................................. 85
height = "pxeles" o " porcentaje" .................................................................................. 85
nowrap = " nowrap " ....................................................................................................... 85
rowspan = "nmero" .......................................................................................................... 86
scope = "row | col | rowgroup | colgroup " ................................................................ 86
valign = "top | media | abajo | lnea de base" .......................................................... 86
width = "pxeles" o " porcentaje" .................................................................................... 86
<textarea> . . . < / textarea > .......................................................................................... 87
cols = "nmero" ................................................................................................................. 87
disabled = "disabled" ......................................................................................................... 87
name = "text" ..................................................................................................................... 87
readonly = " readonly " ................................................................................................... 87
rows = "nmero" ................................................................................................................ 87

143

143

Example ............................................................................................................................... 88
<tfoot> . . . < / tfoot > ...................................................................................................... 88
Example ............................................................................................................................... 88
<th> . . . < / th>................................................................................................................. 88
<thead> . . . < / thead > .................................................................................................. 88
Example ............................................................................................................................... 89
<title> . . . < / title> ........................................................................................................... 89
id = "text" ........................................................................................................................... 89
Example ............................................................................................................................... 89
<tr> . . . < / tr > ................................................................................................................ 89
align = "left | right | center | justificar | char" ............................................................ 90
bgcolor = "# RRGGBB"o "nombre del color"................................................................ 90
char = "carcter"................................................................................................................ 90
144

charoff = "longitud" ............................................................................................................ 90


valign = "top | media | abajo | lnea de base" .......................................................... 90
Ejemplo ................................................................................................................................ 90
<tt> . . . < / tt > ................................................................................................................ 91
Example ............................................................................................................................... 91
<u>. . . < / u> ..................................................................................................................... 91
Example ............................................................................................................................... 91
<ul> . . . < / ul> ................................................................................................................. 91
compact = "compact" ........................................................................................................ 92
type = "disc | crculo | square" ...................................................................................... 92
Example ............................................................................................................................... 92
<var> . . . < / var > .......................................................................................................... 92
Example ............................................................................................................................... 92
Entidades no estndar (,-y) ..................................................................................................... 96

Latin-1 (ISO-8859-1) .......................................................................................................... 97


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

145