Por cortesía de :
Kevin Webarch
Traducción de:
Héctor Lecuanda
Versión 3.0 Formateada en Español, 1ro de Marzo, MCMXCVII
Esta guía enlista todas las marcas que la mayoria de los visores de Web podrán reconocer. He incluíido todas las marcas en la especificación HTML 3.2 así como las extensiones de Netscape incluidas en versiones de Netscape Navigator hasta la 3.0b5. Esta Gía esta diseñada para ser tan concisa como sea posible; Información mas detallada en HTML se puede encontrar por esta página . Comentarios y sugerencias siempre son bienvenidos.
Indice
Importante: Si no estas seguro acerca de las diferencias entre HTML 2.0, HTML 3.0, HTML 3.2 y las extensiones de Netscape, te sugiero que leas la declaración del W3C en cuanto al desarrollo del HTML.
ELEMENTOS BÁSICOS | |||
---|---|---|---|
|
Tipo de Documento |
<HTML></HTML> |
(al principio y final del archivo) |
|
Titulo |
<TITLE></TITLE> |
(debe estar en el encabezado) |
|
Encabezado |
<HEAD></HEAD> |
(información descriptiva, tal como el título) |
|
Cuerpo |
<BODY></BODY> |
Contenido de la página. |
DEFINICIÓN ESTRUCTURAL | |||
---|---|---|---|
|
Títulos |
<H?></H?> |
(la especificación define 6 niveles) |
|
Alineamiento de Título |
<H? ALIGN=LEFT|CENTER|RIGHT></H?> [*] |
|
|
División |
<DIV></DIV> |
|
|
Alineamiento de Divisiones |
<DIV ALIGN=LEFT|RIGHT|CENTER></DIV> |
|
|
Bloque de Cita |
<BLOCKQUOTE></BLOCKQUOTE> [*] |
(usualmente se muestra como Indentado) |
|
Enfasis |
<EM></EM> |
(usualmente se muestra como itálico) |
|
Enfasis Fuerte |
<STRONG></STRONG> |
(usualmente se muestra como bold (negrita)) |
|
Cita |
<CITE></CITE> |
(usualmente itálicas) |
|
Código |
<CODE></CODE> |
(para listados de código) |
|
Ejemplo de Salida |
<SAMP></SAMP> |
|
|
Entrada del Teclado |
<KBD></KBD> |
|
|
Variable |
<VAR></VAR> |
|
|
Definición |
<DFN></DFN> |
(no esta bien implementada) |
|
Dirección del Autor |
<ADDRESS></ADDRESS> |
|
|
Tamaño de letra grande |
<BIG></BIG> |
|
|
Tipo de letra pequeño |
<SMALL></SMALL> |
|
FORMATO DE PRESENTACIÓN | |||
---|---|---|---|
|
Negritas |
<B></B> |
|
|
Itálicas |
<I></I> |
|
N3.0b |
Subrayado |
<U></U> |
(no ampliamente implementado) |
|
Tachado |
<STRIKE></STRIKE> |
(no ampliamente implementado) |
N3.0b |
Tachado |
<S></S> |
(no ampliamente implementado) |
|
Subíndice |
<SUB></SUB> |
|
|
Exponente |
<SUP></SUP> |
|
|
Maquina de escribir |
<TT></TT> |
(muestra en un tipo de letra con espacios sencillos) |
|
Preformateado |
<PRE></PRE> |
(muestra el espaciado del texto tal y como) |
|
Ancho |
<PRE WIDTH=?></PRE> |
(en caracteres) |
|
Centrado |
<CENTER></CENTER> [*] |
(tanto para texto como imágenes) |
N1.0 |
Parpadeando |
<BLINK></BLINK> |
(la marca mas odiada de todos los tiempos) |
|
Tamaño del tipo de letra |
<FONT SIZE=?></FONT> |
(rango del 1 al 7) |
|
Cambiar el tamaño del tipo de letra |
<FONT SIZE="+|-?"></FONT> |
|
N1.0 |
Tamaño de letra Base |
<BASEFONT SIZE=?> |
(from 1-7; default is 3) |
|
Color del Tipo de Letra |
<FONT COLOR="#$$$$$$"></FONT> |
|
N3.0b |
Seleccionar Tipo de Letra |
<FONT FACE="***"></FONT> |
|
N3.0b |
Texto de multicolumnas |
<MULTICOL COLS=?></MULTICOL> |
|
N3.0b |
Espacio entre columnas |
<MULTICOL GUTTER=?></MULTICOL> |
(10 pixeles por default) |
N3.0b |
Ancho de la columna |
<MULTICOL WIDTH=?></MULTICOL> |
|
N3.0b |
Espaciador |
<SPACER> |
|
N3.0b |
Tipo de Espaciador |
<SPACER TYPE=horizontal| vertical|block> |
|
N3.0b |
Tamaño del espaciador |
<SPACER SIZE=?> |
|
N3.0b |
Dimensiones del Espaciador |
<SPACER WIDTH=? HEIGHT=?> |
|
N3.0b |
Alineamiento del Espaciador |
<SPACER ALIGN=left|right|center> |
|
LIGAS Y GRÁFICAS | |||
---|---|---|---|
|
Ligar algo |
<A HREF="URL"></A> |
|
|
Ligar a un Ancla |
<A HREF="URL#***"></A> |
(si el ancla esta en otro documento) |
<A HREF="#***"></A> |
(si el ancla esta en el mismo documento) | ||
N2.0 |
Ventana "blanco" |
<A HREF="URL" TARGET="***| |_blank|_self|_parent|_top"></A> |
|
|
Define un Ancla en un documento |
<A NAME="***"></A> |
|
|
Relación |
<A REL="***"></A> |
(no ampliamente implementada) |
|
Relación inversa |
<A REV="***"></A> |
(no ampliamente implementada) |
|
Mostrar Imagen |
<IMG SRC="URL"> |
|
|
Alineamiento |
<IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT> |
|
N1.0 |
Alineamiento |
<IMG SRC="URL" ALIGN=TEXTTOP| ABSMIDDLE|BASELINE|ABSBOTTOM> |
|
|
Nombre Alternativo |
<IMG SRC="URL" ALT="***"> |
(se muestra si la imagen no esta apagada) |
|
Mapa Sensitivo |
<IMG SRC="URL" ISMAP> |
(requiere un script) |
|
Mapa sensitivo del lado del Cliente |
<IMG SRC="URL" USEMAP="URL"> |
|
|
Descripción del mapa |
<MAP NAME="***"></MAP> |
|
|
Seciones del mapa |
<AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF> |
|
|
Dimensiones |
<IMG SRC="URL" WIDTH=? HEIGHT=?> |
(en pixeles) |
|
Reborde |
<IMG SRC="URL" BORDER=?> |
(en pixeles) |
|
Espacio Marginal |
<IMG SRC="URL" HSPACE=? VSPACE=?> |
(en pixeles) |
N1.0 |
Portal de baja resolución |
<IMG SRC="URL" LOWSRC="URL"> |
|
N1.1 |
Cliente jala |
<META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL"> |
|
N2.0 |
Objeto embebido |
<EMBED SRC="URL"> |
(inserta un objeto a la página) |
N2.0 |
Tamaño del objeto |
<EMBED SRC="URL" WIDTH=? HEIGHT=?> |
|
DIVISORES | |||
---|---|---|---|
|
Párrafo |
<P></P> [*] |
(la marca para cerrar frecuentemente no es necesaria) |
|
Alinear Texto |
<P ALIGN=LEFT|CENTER|RIGHT></P> [*] |
|
|
Salto de Liínea |
<BR> |
(un solo salto de línea) |
|
Eliminar Textwrap |
<BR CLEAR=LEFT|RIGHT|ALL> |
|
|
Barra Horizontal |
<HR> |
|
|
Alineación |
<HR ALIGN=LEFT|RIGHT|CENTER> |
|
|
Grosor |
<HR SIZE=?> |
(en pixeles) |
|
Ancho |
<HR WIDTH=?> |
(en pixeles) |
N1.0 |
Porcentaje de Anchura |
<HR WIDTH="%"> |
(as a percentage of page width) |
|
Línea Sólida |
<HR NOSHADE> |
(sin el estilo de chiselado 3D) |
N1.0 |
No Salto de Línea |
<NOBR></NOBR> |
(evita los saltos de línea) |
N1.0 |
Salto de Palabra |
<WBR> |
(Donde romper una linea si es necesario) |
LISTAS |
| |||
---|---|---|---|---|
|
Lista No Ordenada |
<UL><LI></UL> |
(<LI> antes de cada elemento de la lista) |
|
|
Lista Compacta |
<UL COMPACT></UL> |
| |
|
Tipo de Marca |
<UL TYPE=DISC|CIRCLE|SQUARE> |
(para todas la lista) |
|
<LI TYPE=DISC|CIRCLE|SQUARE> |
(esta y subsecuentes) |
| ||
|
Lista Ordenada |
<OL><LI></OL> |
(<LI> antes de cada elemento de la lista) |
|
|
Lista Compacta |
<OL COMPACT></OL> |
| |
|
Tipo de Numeración |
<OL TYPE=A|a|I|i|1> |
(Para toda la lista) |
|
<LI TYPE=A|a|I|i|1> |
(esta y subsecuentes) |
| ||
|
Número Inicial |
<OL START=?> |
(para toda la lista) |
|
<LI VALUE=?> |
(Esta y subsecuentes) |
| ||
|
Lista de definiciones |
<DL><DT><DD></DL> |
(<DT>=termino, <DD>=definición) |
|
|
Lista Compacta |
<DL COMPACT></DL> |
| |
|
Lista de Menús |
<MENU><LI></MENU> |
(<LI> antes de cada elemento de la lista) |
|
|
Lista compacta |
<MENU COMPACT></MENU> |
| |
|
Lista de Directorios |
<DIR><LI></DIR> |
(<LI> antes de cada elemento de la lista) |
|
|
Lista compacta |
<DIR COMPACT></DIR> |
|
FONDOS Y COLORES | |||
---|---|---|---|
|
Tile de Fondo |
<BODY BACKGROUND="URL"> |
|
|
Color de Fondo |
<BODY BGCOLOR="#$$$$$$"> [*] |
(el orden es rojo,verde,azul) |
|
Color del texto |
<BODY TEXT="#$$$$$$"> [*] |
|
|
Color de la liga |
<BODY LINK="#$$$$$$"> [*] |
|
|
Liga visitada |
<BODY VLINK="#$$$$$$"> [*] |
|
|
Liga Activa |
<BODY ALINK="#$$$$$$"> [*] |
|
(Mayor info en http://werbach.com/web/wwwhelp.html#color) |
CARACTERES ESPECIALES | |||
---|---|---|---|
|
Caracter Especial |
&#?; |
(donde ? es el código ISO 8859-1) |
|
< |
< |
|
|
> |
> |
|
|
& |
& |
|
|
" |
" |
|
|
Marca Registrada TM |
® |
|
|
Copyright |
© |
|
|
Espacio no rompe línea |
|
|
(La lista completa se encuentra en: http://www.uni-passau.de/%7Eramsch/iso8859-1.html) |
FORMAS | |||
---|---|---|---|
|
Definir Formas |
<FORM ACTION="URL" METHOD=GET|POST></FORM> |
|
N2.0 |
Subir Archivo |
<FORM ENCTYPE="multipart/form-data"></FORM> |
|
|
Campo de entrada |
<INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO| IMAGE|HIDDEN|SUBMIT|RESET"> |
|
|
Nombre del Campo |
<INPUT NAME="***"> |
|
|
Valor del Campo |
<INPUT VALUE="***"> |
|
|
Checado? |
<INPUT CHECKED> |
(Botones de Radio y Cajas de Check)) |
|
Tamaño del campo |
<INPUT SIZE=?> |
(en caracteres) |
|
Max Length |
<INPUT MAXLENGTH=?> |
(in characters) |
|
Lista de Selección |
<SELECT></SELECT> |
|
|
Nombre de la lista |
<SELECT NAME="***"></SELECT> |
|
|
# de opciones |
<SELECT SIZE=?></SELECT> |
|
|
Opción Múltiple |
<SELECT MULTIPLE> |
(se puede seleccionar más de uno) |
|
Opción |
<OPTION> |
(artículos que pueden ser seleccionados) |
|
Opcioón por default |
<OPTION SELECTED> |
|
|
Tamaño de la caja de entrada |
<TEXTAREA ROWS=? COLS=?></TEXTAREA> |
|
|
Mombre de la caja |
<TEXTAREA NAME="***"></TEXTAREA> |
|
N2.0 |
Activar Text Wrap |
<TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA> |
|
TABLAS | |||
---|---|---|---|
|
Definir Tabla |
<TABLE></TABLE> [*] |
|
|
Reborde de la tabla |
<TABLE BORDER=?></TABLE> |
|
|
Espaciado de Celdas |
<TABLE CELLSPACING=?> |
|
|
|
<TABLE CELLPADDING=?> |
|
|
Ancho Deseado |
<TABLE WIDTH=?> |
(in pixels) |
|
Porcentaje del ancho |
<TABLE WIDTH="%"> |
(porcentaje de la página) |
|
Renglón de celda |
<TR></TR> |
|
|
Alineamiento |
<TR ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM |
|
|
Celda de Tabla |
<TD></TD> |
(must appear within table rows) |
|
Alineamiento |
<TD ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM |
|
|
No saltos de línea |
<TD NOWRAP> |
|
|
Columnas por abarcar |
<TD COLSPAN=?> |
|
|
Renglones por Abarcar |
<TD ROWSPAN=?> |
|
N1.1 |
Ancho deseado |
<TD WIDTH=?> |
(en pixeles) |
N1.1 |
Ancho en Porcentaje |
<TD WIDTH="%"> |
(porcentaje de la tabla) |
N3.0b |
Color de la Celda |
<TD BGCOLOR="#$$$$$$"> |
|
|
Encabezado de la tabla |
<TH></TH> |
(igual que datos, pero seran Negritas y Centrados) |
|
Alineamiento |
<TH ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM |
|
|
Evitar Salto de Línea |
<TH NOWRAP> |
|
|
Columnas por abarcar |
<TH COLSPAN=?> |
|
|
Renglones por abarcar |
<TH ROWSPAN=?> |
|
N1.1 |
Ancho deseado |
<TH WIDTH=?> |
(en pixeles) |
N1.1 |
Ancho como Porcentaje |
<TH WIDTH="%"> |
(porcentaje de la tabla) |
N3.0b |
Color de la Celda |
<TH BGCOLOR="#$$$$$$"> |
|
|
Subtítulo de la Celda |
<CAPTION></CAPTION> |
|
|
Alineamiento |
<CAPTION ALIGN=TOP|BOTTOM> |
(ariba/abajo de la tabla) |
FRAMES | |||
---|---|---|---|
N2.0 |
Documento Frame |
<FRAMESET></FRAMESET> |
(en lugar de <BODY>) |
N2.0 |
Frames Horizontales |
<FRAMESET ROWS=,,,></FRAMESET> |
(pixeles o %) |
N2.0 |
Frames Horizontales |
<FRAMESET ROWS=*></FRAMESET> |
(* = tamaño relativo) |
N2.0 |
Frames Verticales |
<FRAMESET COLS=,,,></FRAMESET> |
(pixeles o %) |
N2.0 |
Frames Verticales |
<FRAMESET COLS=*></FRAMESET> |
(* = tamaño relativo) |
N3.0b |
Ancho del Reborde |
<FRAMESET BORDER=?> |
|
N3.0b |
Rebordes |
<FRAMESET FRAMEBORDER="yes|no"> |
|
N3.0b |
Color del Reborde |
<FRAMESET BORDERCOLOR="#$$$$$$"> |
|
N2.0 |
Definir Frame |
<FRAME> |
(contenido de un frame individual) |
N2.0 |
Mostrar un Documento en el frame |
<FRAME SRC="URL"> |
|
N2.0 |
Nombre del Frame |
<FRAME NAME="***"|_blank|_self| _parent|_top> |
|
N2.0 |
Ancho del margen |
<FRAME MARGINWIDTH=?> |
(left and right margins) |
N2.0 |
Altura del Margen |
<FRAME MARGINHEIGHT=?> |
(margen superior e inferior) |
N2.0 |
Barra de avance? |
<FRAME SCROLLING="YES|NO|AUTO"> |
|
N2.0 |
Impedir cambio de tamaño |
<FRAME NORESIZE> |
|
N3.0b |
Rebordes |
<FRAME FRAMEBORDER="yes|no"> |
|
N3.0b |
Color del Reborde |
<FRAME BORDERCOLOR="#$$$$$$"> |
|
N2.0 |
Conenido fuera de Frames |
<NOFRAMES></NOFRAMES> |
(se usa en browsers que no soportan frames) |
JAVA | |||
---|---|---|---|
|
Applet |
<APPLET></APPLET> |
|
|
Nombre del Applet |
<APPLET CODE="***"> |
|
|
Parámetros |
<APPLET PARAM NAME="***"> |
|
|
Localización del Applet |
<APPLET CODEBASE="URL"> |
|
|
Identificador del Applet |
<APPLET NAME="***"> |
(para referencias en otros lugares de la página) |
|
Texto Alternativo |
<APPLET ALT="***"> |
(para visores que no soportan Java) |
|
Alineamiento |
<APPLET ALIGN="LEFT|RIGHT|CENTER"> |
|
|
Tamaño |
<APPLET WIDTH=? HEIGHT=?> |
(en pixeles) |
|
Espaciado |
<APPLET HSPACE=? VSPACE=?> |
(en pixeles) |
MISCELLANEAS | |||
---|---|---|---|
|
Comentarios |
<!-- *** --> |
(el visor no los mostrará) |
|
Prólogo de HTML 3.2 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> [*] |
|
|
Buscable |
<ISINDEX> |
(indica un índice buscable) |
|
Prompt |
<ISINDEX PROMPT="***"> |
(texto para indicar que se desea entrada) |
|
Iniciar Búsqueda |
<A HREF="URL?***"></a> |
(use un ? real) |
|
URL de este archivo |
<BASE HREF="URL"> |
(debe estar en el encabezado) |
N2.0 |
Nombre base de la ventana |
<BASE TARGET="***"> |
(debe estar en el encabezado) |
|
Relación |
<LINK REV="***" REL="***" HREF="URL"> |
(debe estar en el encabezado) |
|
Meta Information |
<META> |
(must be in header) |
|
Hojas de estilo |
<STYLE></STYLE> |
(todavia no se soporta ampliamente) |
|
Scripts |
<SCRIPT></SCRIPT> |
(todavia no se soporta ampliamente) |
Copyright ©1995, 1996 Kevin Werbach. Se permite la Distribución no comercial. Esta Guía no es un producto de Bare Bones Software; la similaridad en los nombres es mera coincidencia. |
Traducción al castellano: Héctor Lecuanda Webteam © MCMXCVII Informática, Cetys Mexicali lecuanda@infux.mxl.cetys.mx |