LA GUIA BARE BONES
AL HTML

Por cortesía de : Kevin Webarch
Traducción de: Héctor Lecuanda
Versión 3.0 Formateada en Español, 1ro de Marzo, MCMXCVII


La ultima version de este documento esta disponible en <http://webarch.com/barebones/>

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
  1. MATERIAL INTRODUCTORIO

  2. MARCAS DE HTML

    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
(estos deben estar todos en minúsculas)


 

Caracter Especial

&#?;

(donde ? es el código ISO 8859-1)

 

<

&lt;

 

 

>

&gt;

 

 

&

&amp;

 

 

"

&quot;

 

 

Marca Registrada TM

&reg;

 

 

Copyright

&copy;

 

 

Espacio no rompe línea

&nbsp;

 

(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
VALIGN=TOP|BOTTOM|MIDDLE>

 

 

Celda de Tabla

<TD></TD>

(must appear within table rows)

 

Alineamiento

<TD ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM
VALIGN=TOP|BOTTOM|MIDDLE>

 

 

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
VALIGN=TOP|BOTTOM|MIDDLE>

 

 

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