Professional Documents
Culture Documents
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.
<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.
XHTML 1.1
<DOCTYPE HTML PUBLIC "- / / W3C / / DTD XHTML 1.1 / / EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
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
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
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).
charset = "charset"
Especifica la codificacin de caracteres del documento de destino.
href = "URL"
Especifica la direccin URL del documento de destino o un recurso Web (como una imagen,
audio, PDF, o este archivo).
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
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).
target = "text"
Especifica el nombre de la ventana o el marco en el que se debe mostrar el documento de
destino.
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
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
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
Ejemplo
<direccin> Escrito por <a href="... /authors/robbins/"> Jennifer Robbins </ a>, <a
href="http://www.oreilly.com/"> O'Reilly Media </ a> </ address>
Nombre
Atributos
Ncleo
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
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
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
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.
letra)
17
En desuso. Establece el color de las siguientes opciones de texto con valores RGB
hexadecimales.
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
Atributos
Core (id, clase, estilo, ttulo),
Eventos (XHTML solamente)
Ejemplo
<bdo dir= "ltr"> frase Ingls en un texto de otro modo rabe. </ BDO>
Nombre
19
Eventos
Ejemplo
Autor: <big> Jennifer Robbins </ big>
Nombre
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
20
background = "URL"
En desuso. Proporciona la ubicacin de un archivo grfico para ser utilizado como un grfico
de mosaico en el fondo del 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>
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
21
Ejemplo
<p> Este es un prrafo, pero quiero <br /> este texto para comenzar en una nueva lnea en
el navegador. </ p>
Nombre
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.
Ejemplo
<button TYPE="reset" name="reset"> <img src="thumbs-down.gif" alt="thumbs-down icon" />
Intntelo de nuevo. </ Button>
Nombre
23
Ejemplo
<table>
<caption> Una breve descripcin de los datos de esta tabla </ caption
<tr>
<td> datos </ td>
<td> datos </ td>
</ tr>
</ table>
Nombre
23
Atributos
Core, Internacionalizacin, Eventos
Ejemplo
<center> <h1> Introduccin </ h1> <p rase una vez. . . </ P> </ center>
Nombre
Ejemplo
<p> Receta de <cite> revista Food & Wine </ cite>
Nombre
24
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
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.
25
25
Ejemplo
Ver lista colgroup.
<table> <COL span="2" width="100" /> <COL span="1" width="50" /> class="date" <thead>. . .
(Marcado contina)
Nombre
26
Ejemplo
<table>
<colgroup id="employinfo">
<COL span="2" width="100" />
<COL span="1" width="50" class="date" />
</ colgroup>
<thead >. . . (Marcado contina)
Nombre
cite = "URL"
Se puede configurar para que apunte a un documento de origen que explica por qu se
cambi el documento.
27
Ejemplo
Consejero Delegado: <del title="retired"> Peter Pan </ del> <Ins> Pippi Calzaslargas </ ins>
Nombre
27
Ejemplo
<dfn> Truecolor </ dfn> utiliza 24 bits por pxel.
Nombre
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
Ejemplo
<div id=" barra lateral "> contenido de la barra lateral. . . </ Div>
Nombre
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
Ejemplo
Ver lista dl.
Nombre
30
Atributos
Core, Internacionalizacin, Eventos
Ejemplo
Esto es exactamente <em> </ em> de lo que has estado buscando.
Nombre
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
height = "nmero"
Especifica la altura del objeto en nmero de pxeles. Algunos tipos de sustratos requieren este
atributo.
31
predeterminado es no.
name = "text"
Especifica un nombre para el objeto incrustado. Esto es particularmente til para referenciar el
objeto desde un script.
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.
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.
border = "nmero"
Especifica el ancho del borde (en pxeles) alrededor del objeto multimedia.
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.
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
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
34
Atributos
Core, Internacionalizacin
letra)
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
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.
action = "URL"
Obligatorio. Especifica la direccin URL de la aplicacin que va a procesar el formulario. El
valor predeterminado es la direccin URL actual.
35
35
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
<frame />
Define un nico marco dentro de un conjunto de marcos.
Atributos
Ncleo
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
src = "URL"
Especifica la ubicacin del archivo HTML inicial que se mostrar por el marco.
Ejemplo
Vea la lista de marcos.
38
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.
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
Ejemplo
40
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
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
Ejemplo
<p> Estos son algunos pensamientos profundos. </ p> <hr /> <p> Y este es otro punto de
pensamientos profundos. </ p>
Nombre
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
43
Ejemplo
Realmente tenemos que dejar <i> ahora </ i>!
Nombre
43
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.
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
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.
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.
50
disabled =disable
value = "text"
<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
checked = "checked"
disabled = disable"
readonly = readonly
51
value="text" (obligatorio)
51
disabled = "disabled"
maxlength = "nmero"
Size = "nmero"
value = "text"
accesskey = "carcter"
tabindex = "nmero"
alt = "text"
disabled = "disabled"
ismap = "ismap"
53
src = "URL"
usemap = "URL"
53
disabled = "disabled"
maxlength = "nmero"
readonly = readonly"
size= "nmero"
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
checked = "checked"
disabled = disabled"
readonly = "readonly"
55
disabled = "disable"
name = "text"
value = "text"
55
disabled = "disable"
name= "texto"
value = "texto"
56
Core, Internacionalizacin, Eventos, Foco
disabled = "disabled"
maxlength = "nmero"
readonly = "readonly"
size= "nmero"
value = "texto"
Nombre
cite = "URL"
Se puede configurar para que apunte a un documento de origen que explica por qu se
cambi el documento.
57
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
58
Ejemplo
<p> Ingrese su cdigo de cupn. Ejemplo: AX4003 <kbd> </ kbd> </ p>
Nombre
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
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
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 .
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.
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
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
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 .
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
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
Example
Vea la lista de marcos.
Nombre
Atributos
Core, Internacionalizacin , Eventos
Example
Messenger type="text/JavaScript"> ... guin aqu < / script > <noscript> El guin est
desactivado. < / Noscript >
Nombre
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
data = "URL"
Especifica la direccin URL de los datos utilizados para el objeto. La sintaxis depende 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 .
type = "tipo"
Especifica el tipo de papel para los datos.
usemap = "URL"
Especifica el mapa de imagen para su uso con el objeto.
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
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.
Example
<ol> <li> levantarse de la cama < / li > <li> Tome una ducha < / li > <li> a pasear al
perro < / li > < / ol >
Nombre
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
label = "text"
Permite al autor para proporcionar una etiqueta ms corta que el contenido de la opcin. Este
atributo no est soportado.
70
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
Example
<p> prrafos son los elementos ms rudimentarios de un documento de texto . Ellos se
indican mediante el elemento p . < / P>
Nombre
<param />
71
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 .
71
Example
Vea la lista de objetos.
Nombre
72
Example
<pre> Esto es un texto con un ejemplo de la gran cantidad de espacios en blanco curioso .
< / pre>
Nombre
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
Example
Llevaba el sombrero ms feo <S> < / s > lo ms interesante que jams haba visto .
Nombre
73
73
Example
<p> Proveer mensajes de error alternativas para <samp> 404 Not Found < / samp > . < /
p>
Nombre
74
Atributos
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 .
75
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.
76
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
Example
<h2> Instrucciones <small> (Actualizado 6/06 ) < / small> </ h2 >
Nombre
Example
Jenny: <span class= "telephone" > 867.5309 < / span >
Nombre
77
Atributos
Core, Internacionalizacin , Eventos
Example
Es <strike> separada < / strike > un tema aparte .
Nombre
Example
Get yours <strong> hasta agotar existencias! < / Strong>
77
Nombre
id = "text"
Solamente XHTML . Asigna ONU Nombre nico de identificacin al Elemento .
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
Example
<p> H <sub> 2 < / sub> 0 < / p>
Nombre
Example
<p> E = MC <sup> 2 < / sup > < / p>
Nombre
79
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 .
Value Description
void
above
below
hsides
vsides
lhs
rhs
Value Description
box
border
81
Valor Descripcin
Value Description
all
cols
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 .
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
82
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
abbr = "text"
Proporciona una forma abreviada del contenido de la celda .
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 .
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
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 .
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 .
Nombre
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 .
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
Example
Ver lista tbody .
Nombre
88
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
id = "text"
Solamente XHTML . Asigna ONU Nombre nico de identificacin al Elemento .
Example
<head> <title> Las aventuras de Peto y Fleck < / title> < / head>
Nombre
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
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
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.
Ejemplo
<table> <tr> <td>cell 1</td><td>cell 2</td> </tr> <tr> <td>cell 3</td><td>cell 4</td> </tr> </table>
Nombre
Example
<p> Ingrese su cumpleaos (Ex : <tt> 19/07/1975 < / tt > ): < / p>
Nombre
91
Atributos
Core, Internacionalizacin , Eventos
Example
<p> <u> texto subrayado < / u> se puede confundir con un enlace. < / p>
Nombre
91
compact = "compact"
En desuso . Muestra el bloque de la lista lo ms pequeo posible . Pocos navegadores
soportan este atributo.
Example
<ul> <li> Acerca < / li > <li> cartera < / li > <li> Blog < / li > <li> Contactar < / li > < /
ul>
Nombre
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 .
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
 
Space
!
"
"
#
$
%
&
&
'
'
94
(
)
*
+
,
-
.
/
0 -9
:
Exclamation point
"
Quotation mark
Octothorpe
Dollar symbol
Percent symbol
&
Ampersand
Left parenthesis
Right parenthesis
Asterisk
Plus sign
Comma
Hyphen
Period
Slash
0-9
Digits 0-9
Colon
Decimal
Entity
;
<
<
=
>
?
@
A -Z
[
\
]
^
_
`
a -z
{
|
}
~
>
Symbol Description
;
Semicolon
<
Less than
Equals sign
>
Greater than
Question mark
Commercial at sign
A-Z
Letters A-Z
Backslash
Caret
Underscore
a-z
Letters a-z
Vertical bar
Tilde
95
95
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
 
¡
¡
¢
¢
£
£
¤
¤
¥
¥
¦
¦
§
§
¨
¨
©
©
ª
ª
«
«
¬
¬
­
­
®
®
¯
¯
°
°
Symbol Description
Nonbreaking space
Cent sign
Pound symbol
Yen symbol
Section sign
Umlaut
Copyright
Feminine ordinal
Not sign
Soft hyphen
Registered trademark
Macron accent
Degree sign
97
97
Decimal Entity
98
Symbol Description
±
±
²
²
³
³
´
´
µ
µ
¶
¶
·
·
¸
¸
¹
¹
º
º
»
»
¼
¼
½
½
¾
¾
¿
¿
À
À
Á
Á
Â
Â
Ã
Ã
Plus or minus
Superscript 2
Superscript 3
Paragraph sign
Middle dot
Cedilla
Superscript 1
Masculine ordinal
Fraction one-fourth
Fraction one-half
Fraction three-fourths
Decimal Entity
Ä
Ä
Å
Å
Æ
Æ
Ç
Ç
È
È
É
É
Ê
Ê
Ë
Ë
Ì
Ì
Í
Í
Î
Î
Ï
Ï
Ð
Ð
Ñ
Ñ
Ò
Ò
Ó
Ó
Ô
Ô
Õ
Õ
Ö
Ö
Symbol Description
Capital A, umlaut
Capital A, ring
Capital AE ligature
Capital C, cedilla
Capital E, umlaut
Capital I, umlaut
Capital N, tilde
Capital O, umlaut
99
99
Decimal Entity
100
×
×
Ø
Ø
Ù
Ù
Ú
Ú
Û
Û
Ü
Ü
Ý
Ý
Þ
Þ
ß
ß
à
à
á
á
â
â
ã
ã
ä
ä
å
å
æ
æ
ç
ç
è
è
é
é
Symbol Description
Multiplication sign
Capital O, slash
Capital U, umlaut
Small a, tilde
Small a, umlaut
Small a, ring
Small ae ligature
Small c, cedilla
Decimal Entity
ê
ê
ë
ë
ì
ì
í
í
î
î
ï
ï
ð
ð
ñ
ñ
ò
ò
ó
ó
ô
ô
õ
õ
ö
ö
÷
÷
ø
ø
ù
ù
ú
ú
û
û
ü
ü
Symbol Description
Small e, umlaut
Small i, umlaut
Small n, tilde
Small o, tilde
Small o, umlaut
Division sign
Small o, slash
Small u, umlaut
101
101
Decimal Entity
102
ý
ý
þ
þ
ÿ
ÿ
Symbol Description
Small y, umlaut
Latin Extended-A
Decimal Entity
Œ
Œ
œ
œ
Š
Š
š
š
Ÿ
Ÿ
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
ƒ
104
ƒ
ˆ
˜
˜
Circumflex accent
Tilde
105
105
Greek
Decimal Entity
Α Α
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
Α
Α
Β
Β
Γ
Symbol Description
A
Γ
Δ
Δ
Ε
Ε
Ζ
Ζ
Η
Η
Θ
Θ
Ι
Ι
Κ
Κ
Λ
Λ
Decimal Entity
Μ
Μ
Ν
Ν
Ξ
Ξ
Ο
Ο
Π
Symbol Description
M
Greek capital mu
Greek capital nu
Greek capital xi
Π
Greek capital pi
Ρ
Ρ
Σ
Σ
Τ
Τ
Υ
Υ
Φ
Φ
Χ
Χ
Ψ
Ψ
Ω
Ω
α
α
β
β
γ
γ
δ
δ
ε
ε
ζ
ζ
107
107
108
Decimal Entity
Symbol Description
η
η
θ
θ
ι
ι
κ
κ
λ
λ
μ
μ
Greek small mu
ν
ν
Greek small nu
ξ
ξ
Greek small xi
ο
ο
π
π
Greek small pi
ρ
ρ
ς
ς
σ
σ
τ
τ
υ
υ
φ
φ
χ
χ
ψ
ψ
ω
ω
Decimal Entity
Symbol Description
ϑ
ϑ
ϒ
ϒ
ϖ
ϖ
Greek pi symbol
109
109
General Punctuation
Decimal Entity
110
 
 
 
 
 
 
‌
‌
‍
‍
‎
‎
‏
‏
–
–
—
—
‘
‘
’
’
‚
‚
“
“
”
”
„
„
†
†
‡
‡
Symbol
Description
En space
Em space
Thin space
Endash
Emdash
"
"
Dagger
Double dagger
Decimal Entity
•
•
…
&hellep;
‰
‰
′
′
″
″
‹
‹
›
›
Symbol
Description
Bullet
Ellipses
'
"
‾
‾
⁄
⁄
€
€
Overline
Fraction slash
Euro symbol
111
111
Letter-like Symbols
112
Decimal Entity
Symbol Description
ℑ
ℑ
℘
℘
ℜ
ℜ
™
™
Trademark sign
ℵ
ℵ
Arrows
Decimal Entity Symbol Description
←
←
Left arrow
↑
↑
Up arrow
→
→
Right arrow
↓
↓
Down arrow
↔
↔
Left-right arrow
↵
↵
⇐
⇐
⇑
⇑
⇒
⇒
⇓
⇓
⇔
⇔
113
113
Mathematical Operators
Decimal Entity
Symbol Description
∀
∀
For all
∂
∂
Partial differential
∃
∃
There exists
∅
∅
∇
∇
∈
∈
Element of
∉
∉
Not an element of
∋
∋
Contains as a member
∏
∏
∑
∑
N-ary summation
−
−
Minus sign
∗
∗
Asterisk operator
√
√
∝
∝
Proportional
∞
∞
Infinity symbol
∠
∠
Angle
∧
∧
∨
∨
114
Decimal Entity
Symbol Description
∩
∩
Intersection, cap
∪
∪
Union, cup
∫
∫
Integral
∴
∴
Therefore
∼
∼
≅
≅
Approximately equal to
≈
≈
≠
≠
Not equal to
≡
≡
Identical to
≤
≤
≥
≥
⊂
⊂
Subset of
⊃
⊃
Superset of
⊄
⊄
Not a subset of
⊆
&sube
Subset of or equal to
⊇
&supe
Superset of or equal to
⊕
⊕
⊗
⊗
⊥
⊥
115
115
116
Decimal Entity
Symbol Description
⋅
⋅
Dot operator
⌈
Left ceiling
⌉
⌉
Right ceiling
⌊
⌊
Left floor
⌋
&rfloor
Right floor
〈
⟨
〉
⟩
117
117
Geometric Shapes
Decimal Entity Symbol Description
118
◊
◊
Lozenge
119
Miscellaneous Symbols
Decimal Entity
Symbol Description
♠
♠
119
120
Decimal Entity
Symbol Description
♣
&clubs
♥
♥
♦
&diams
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
122
123
123
124
125
125
NDICE
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
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
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
131
131
133
133
135
135
(Obligatorio) ............................................................................................ 54
137
137
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
141
141
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
145