Este documento incluye las últimas modificaciones y proposiciones realizadas para HTML, incluyendo elementos exclusivos del navegador de WWW Netscape, por lo cual este documento está sujeto a continua evolución y cambio. Para información en general acerca de HTML, incluyendo planes para nuevas versiones, consulte http://www.w3.org/MarkUp/MarkUp.html
Un elemento HTML puede incluir un nombre, algunos atributos y algún texto o hipertexto, y aparecerá en un documento HTML como
<nombre_etiqueta> texto </nombre_etiqueta>
<nombre_etiqueta nombre_atributo=argumento>
texto </nombre_etiqueta>, o solamente
<nombre_etiqueta>
<title> Mi Documento </title><a href="argumento"> texto </a>
<html>. . . </html>
<head>. . . </head>
<body>. . . </body>
Atributos:
<body background="nombre_de_archivo">
<body bgcolor="#rrggbb">
<body text="#rrggbb">
<body link="#rrggbb" vlink="#rrggbb" alink="#rrggbb">
#rrggbb representa el valor hexadecimal del color expresado como
rojo-verde-azul.
Para permitir a documentos HTML antiguos permanecer legibles, <html>,<head>
y <body> son actualmente opcionales en documentos HTML.
<isindex>
<isindex prompt="Nuevo mensaje">
This is a searchable index. Enter search keywords:
<title>. . . </title>
<base>
<link rev="RELACION" rel="RELACION" href="URL">
rel especifica la relacion entre el archivo HTML
y el localizador de recursos uniforme, o por su nombre en inglés,
Uniform Resource Locator (URL). El atributo rev (por "reversa")
especifica la relacion entre el URL y el archivo HTML. Por ejemplo,
<link rev="made" href="URL"> indica que el creador del
archivo o propietario está descrito en el documento identificado por
el URL. (Note que las etiquetas de vínculos no se muestran en la
pantalla como parte del documento. Definen relaciones estáticas, no
vínculos de hipertexto.)
<p>
<pre>. . . </pre>
<tag>
puede ser usada para incluir tablas en documentos.
<listing>. . . </listing>
<xmp>. . . </xmp>
<pre> excepto que no se reconocerán
etiquetas incluídas.
<plaintext>
<pre> excepto que no se reconocerán
etiquetas incluídas, como no hay etiqueta para finalizar, el resto
del documento será traducido como texto simple. Esta es una etiqueta
arcaica. Note que algunos navegadores reconocen una etiqueta
</plaintext>, aún cuando no está definido
por el estándard.
<blockquote>. . . </blockquote>
<a name="nombre_vinculo">. . . </a>
<a href="#nombre_vinculo">. . . </a>
<a href="URL">. . . </a>
<a href="URL#nombre_vinculo">. . . </a>
<a href="URL?palabra_a_buscar+palabra_a_buscar">. . . </a>
name o href, y
puede incluir ambos.La estructura de un localizador de recursos uniforme, o por su nombre en inglés, Uniform Resource Locator (URL) puede ser expresado como:
file, http, news, gopher,
telnet, ftp, mailto y wais, entre otros, y cada tipo de
recurso interpreta la ruta a su manera. (Estrictamente hablando, la
información del nombre_vinculo y la palabra_a_buscar
incluidos en los atributos name y href en los
ejemplos anteriores son parte del URL. Se presentan como entidades separadas
por simplicidad.) Note que cada tipo de recurso se relaciona a un tipo
específico de servidor. Los dos puntos seguidos por un puerto TCP
entero es opcional, y es usado cuando un servidor está escuchando en
un puerto no estándar.Una descripción más completa de los URLs se presenta en http://www.w3.org/Addressing/
<h1> . . .
</h1> Encabezado o título más prominente
<h2> . . .
</h2>
<h3> . . .
</h3>
<h4> . . .
</h4>
<h5> . . .
</h5>
<h6> . . .
</h6> Encabezado o título menos prominente
<em> . . .
</em><strong> . . .
</strong><code> . . .
</code><samp> . . .
</samp><kbd> . . .
</kbd><var> . . .
</var><dfn> . . .
</dfn><cite> . . .
</cite>
<b> . . . </b><i> . . . </i><u> . . . </u><tt> . . . </tt><dl>
<dt>Primer término a definir
<dd>Definición del primer término
<dt>Siguiente término a definir
<dd>Siguiente definición
</dl>
compact de la etiqueta <dl> puede ser
usado para generar una lista de definiciones requiriendo menos espacio.
<ul>
<li>Primer objeto de la lista
<li>Siguiente objeto de la lista
</ul>
<ul type=disc¦circle¦square>
<li type=disc¦circle¦square>
<ol>
<li>Primer objeto de la lista
<li>Siguiente objeto de la lista
</ol>
<ol type=A¦a¦I¦i¦1>
<ol start=numero>
<li type=A¦a¦i¦1 start=numero>
<menu>
<li>Primer objeto de la lista
<li>Siguiente objeto
</menu>
<dir>
<li>Primer objeto de la lista
<li>Segundo objeto de la lista
<li>Siguiente objeto de la lista
</dir>
&palabra_clave;
á -- á
é -- é
í -- í
ó -- ó
ú -- ú
Á -- Á
É -- É
É -- Í
Ó -- Ó
Ú -- Ú
ñ -- ñ
Ñ -- Ñ
& -- &
< -- <
> -- >
® -- ®
© -- ©
&#equivalente_ascii;
Las siguentes etiquetas implementa la interface de formas:
<form> . . . </form>
<input>
<select> . . . </select>
<option>
<textarea> . . . </textarea>
<form> . . . </form>.
<form> . . . </form>
Define una forma en un documento HTML. Un documento puede contener
múltiples elementos <form>, pero elementos
<form> no pueden estar anidados. Note que las etiquetas de
no-formas pueden ser usados dentro de un elemento <form>.
Atributos y sus argumentos:
action:
method: Uno de get o post
post es preferido para la mayoría de
las aplicaciones.
<form action="http://kuhttp.cc.ukans.edu/cgi-bin/register" method=post>...</form>
<input> (No hay etiqueta para finalizar)
Define un campo de entrada donde el usuario puede introducir información en la forma.
Cada campo de entrada asigna un valor a una variable que tiene un name especificado y
un type de datos especificado. Atributos y sus argumentos:
type
type="text" y type="password" aceptan datos de caracteres
type="checkbox" es seleccionado o no
type="radio" permite la selecció de uno o varios campos de radio, si todos tienen el
mismo nombre de variable
type="submit" es un botón de acción que manda la forma completada al servidor
type="reset" es un botón que cambia las variables de la forma a sus valores por omisión
name
"texto" donde texto es un nombre simbólico (no mostrado)
identificando la variable input como en:<input type="checkbox" name="caja1">
value
"texto" donde la función de texto depende del argumento de type.
type="text" o type="password", texto es el valor
por omisión para la variable input.
type="checkbox" o type="radio", texto es el valor
de la variable input cuando esta "marcada".
type="reset" o type="submit", texto es una etiqueta que
aparecerá en el botón de presentació o de reinicio en lugar
de las palabras "submit" y "reset.
checked
type="checkbox" o type="radio", si checked
está presente el campo input está marcado por omisión.
size
ancho donde ancho es un valor entero representando el número
de caracteres permitidos para los campos de input type="text" o type="password".
maxlength
longitud donde longitud es el número de caracteres
aceptados por type="text" o type="password". Este atributo es
válido solamente para líneas sencillas de campos "text" o
"password".
<select> . . . </select>
Define y despliega un conjunto de objetos opcionales de una lista de la cual
el usuario puede seleccionar uno o más objetos. Este elemento requiere
de un elemento <option> para cada objeto en la lista. Atributos
y sus argumentos:
name
"texto" donde texto es el identificador simbólico para
la variable del campo select.
size
size es un valor entero representando el número
de objetos <option> que serán desplegados al mismo tiempo.
multiple
multiple permite
la selección de más de un valor <option>.
option
Dentro del elemento <select> las etiquetas <option>
son usadas para definir los posibles valores para el campo select. Si el
atributo selected está presente entonces el valor option
es seleccionado por omisión. En el siguiente ejemplo las tres opciones pueden
ser escogidas pero los plátanos son escogidos por omisión.
<select multiple>
<option>Manzanas
<option selected>Plátanos
<option>Cerezas
</select>
<textarea> . . . texto por omisión . . . </textarea>
Define un campo rectangular donde el usuario puede introducir datos en forma de texto. Si el "texto por omisión está presente, será desplegado cuando el campo aparezca. De otra manera el campo estará en blanco. Atributos y sus valores:
name
"texto" donde texto es un nombre simbólico que identifica
la variable <textarea>
rows y cols
<textarea>
a ser desplegados.
<!-- texto -->
<address>...</address>
<img src="URL" alt="texto alternativo">
src
alt
<imgalign=left¦right¦top¦texttop¦middle¦absmiddle¦baseline¦bottom¦absbottom>
left y right permiten que la imagen se alinea a la izquierda
o a la derecha, y el texto siguiente "envuelva" a la imagen.
El atributo top alinea la imagen al tope del más alto objeto en
la línea, y es equivalente a texttop, el cual alinea la imagen
al tope del más alto texto en la línea.
El atributo middle alinea la base de la línea actual con la parte
media de la imagen, y es equivalente a absmiddle, que alinea la parte
media de la línea actual con la parte media de la imagen.
Los atributos baseline, bottom son equivalentes, y alinean el tope
inferior de la imagen con la base de la línea actual; estos atributos son
semejantes a absbottom, que alinea el tope inferior de la imagen con
el tope inferior de la línea actual.
<img width=numero height=valor>
<img border=numero>
<img vspace=numero hspace=numero>
<img ismap>
ismap está presente y la etiqueta de la imagen se
encuentra dentro de un ancla, se podrá hacer "clic" en la imagen. Las
coordenadas (por pixel) del cursor se añadirán al URL especificado
en el ancla si el usuario hace clic en la imagen ismap. El URL resultante
tomará la forma "URL?m,n" donde m y n son coordenadas enteras.
<br>
<br clear=left¦right¦all>
<wbr>
<hr>
<hr size=numero>
<hr width=numero¦porcentaje>
<hr align=left¦right¦center>
<hr noshade>
<nobr>...</nobr>
<font size=numero>...</font>
<font size=+¦-numero>...</font>
<basefont size=numero>...</basefont>
<center>...</center>
<blink>...</blink>
<table>...</table>
<tr>...</tr>
<td>...</td>
<th>...</th>
<caption>...</caption>
border=numero
align=top¦bottom
caption, establece la ubicación del
título de la etiqueta, ya sea en la parte superior o inferior de la tabla
align=left¦center¦right
tr, th y td.
valign=top¦middle¦bottom¦baseline
nowrap
colspan=numero
rowspan=numero
cellspacing=numero
cellpadding=numero
width=numero¦porcentaje