. - Que es el html

CODIGOS HTML

Ordenados alfabeticamente

Esta es una lista con algunas de las instrucciones HTML más importantes (y alguna otra que no lo es tanto). Espero que os sean de utilidad.

Define un comentario. Los exploradores ignoran completamente estas líneas (excepto cuando se incluyen scripts Java). Son útiles, por ejemplo, para aclarar lo que haces en cada sección de tu página (cuando ésta es muy compleja, hay veces que ni siquiera tú mismo/a recuerdas para qué sirve lo que has escrito!).

<A> ...... </A> Sirve para definir una etiqueta de ancla. Lo que se incluya entre sus límites (un texto, una imagen...), actúa como un enlace a otra parte de la página, a una página diferente, a una foto, a grupos de noticias, etc... La manera en que se visualizan las anclas varía según el explorador, si bien se puede modificar ésto con las páginas de estilo (<STYLE>), por ejemplo.

NOTA: Atributos indispensables; por si sola no tiene utilidad alguna.

<ABBREV> ...... </ABBREV> Da aspecto de abreviatura a un texto.

<ACRONYM> ...... </ACRONYM> Formatea un texto con el estilo propio de las siglas o acrónimos.

<ADDRESS> ...... </ADDRESS> Pone el texto entre sus límites en un tipo de

letra cursiva

que se suele utilizar para indicar direcciones URL.

<AU> ...... </AU> Utiliza éste formato cuando te refieras al autor de lo que sea.

<B> ...... </B> Pasa un texto a negritas. Como la etiqueta <STRONG>

<BANNER> Define un rótulo para la página.

<BASE> Se utiliza para guardar el URL original del documento. Es recomendable si queremos que, al bajar una página a nuestro ordenador, los enlaces de la misma funcionen como si estuviéramos en la ubicación original.

<BIG> ...... </BIG> Resalta el texto que queramos, agrandando el tamaño de los caracteres respecto de la fuente activa en esa parte de la página.

<BLINK> ...... </BLINK> Hace parpadear un texto. Si tu navegador lo admite, este texto se ve, no se ve, se ve, no se ve...

<BLOCKQUOTE> ...... </BLOCKQUOTE> Se utiliza para taular (anidar) bloques de texto (o lo que incluyas entre sus límites).

NOTA: Inicialmente, se utilizaba para añadir "Comillas", pero ahora, la mayoría de los exploradores las aceptan escritas directamente (como una letra más).

<BODY> ...... </BODY> Define la sección de "cuerpo" de un documento HTML.

<BR> Provoca un

salto de línea en el lugar donde lo escribas. Por si no lo has notado, yo lo escribí entre las palabras "un" y "salto".

Es la manera de insertar saltos de línea en los textos con formato de párrafo (<P>) entre otros...

<CAPTION> ...... </CAPTION> Se utiliza en las tablas (<TABLE>), para definir un títilo para la tabla.

<CENTER> ...... </CENTER> Centra entre los límites de la ventana de tu navegador...

Ésta línea, por ejemplo.

NOTA: Hay casos en que el centrado no es respecto de la ventana. Ver ampliación.

<CITE> ...... </CITE> Pasa un texto al formato utilizado para citas textuales (o casi).

"En un lugar de la red de cuyo nombre no puedo acordarme..."

<CODE> ...... </CODE> Marca un texto con la norma para códigos de lenguajes de programación.

IF (llueve) AND (estás al descubierto) THEN saca el paragüas ELSE te mojas END IF

NOTA: Es sólo un formato de texto; no se os ocurra programar algo, incluirlo entre éstas etiquetas, y pretender que el explorador ejecute el programa! (esto se puede hacer insertando scripts Java).

<DD> Identifica cada una de las definiciones dentro de una lista de definiciones (<DL>).

<DFN> ...... </DFN> Muestra el texto en el formato utilizado para definiciones.

NOTA: No lo confundáis con el <DD>. Si estáis haciendo una lista de definiciones es más correcto utilizar la etiqueta <DD>.

<DIR> ...... </DIR> Muestra una lista de elementos de texto a modo de filas y columnas. Algo parecido al famoso DIR /W del MS-DOS. Se utiliza la etiqueta <LI> para definir cada elemento. Lo mismo hace la etiqueta <LISTING>

NOTA: Los elementos no deben pasar de 20 caracteres de longitud. Ver ampliación.

<DL> ...... </DL> Crea una lista de definiciones. Como todo glosario, cada elemento de la lista consta de dos partes: el término que queremos definir (se especifica con la etiqueta <DT>) y su definición correspondiente (con la etiqueta <DD>).

<DT> ...... </DT> Distingue el término del cual se hará la definición en una lista de definiciones. (<DL>).

<EM> ...... </EM> Adapta un texto al convenio utilizado para fragmentos enfatizados.

<FIG> Inserta una imagen en la página.

NOTA: Es similar al <IMG> pero no todos los navegadores lo interpretan correctamente (NETSCAPE no lo reconoce).

Ver ampliación.

<FONT> ...... </FONT> Cambia el tipo de letra del texto que se encuentre entre las etiquetas.

NOTA: Atributos esenciales. Ver ampliación.

<FORM> ...... </FORM> Crea un formulario para que el visitante envíe información al administrador de la página (mejor dicho: a donde éste quiera). Utiliza básicamente las etiquetas: <INPUT>, <TEXTAREA>, <SELECT> y <OPTION>.

NOTA: Su funcionamiento puede resultar algo complejo. Ver Ampliación.

<FRAME> Se utiliza para definir cada uno marcos (frames) dentro de una página de este tipo (<FRAMESET>). La página que estás viendo está dividida en dos "frames" verticales).

NOTA: Carece de sentido sin atributos. Ver Ampliación.

<FRAMESET> ...... </FRAMESET> Es la etiqueta utilizada para dividir la ventana del explorador en varias zonas diferentes. En cada una de estas zonas, se puede mostrar una página diferente. Esta lista es un ejemplo: tenéis a la izquierda un marco (frame en inglés), que funciona como índice para el marco de la derecha. Las divisiones deben definirse con etiquetas <FRAME>. NOTA: Una página con "frames" puede ser un poco difícil de programar (sobre todo si los marcos no son independientes). Ver Ampliación.

<H-> ...... </H-> Cuidado, el guión lo debes sustituir por un número entre el 1 y el 6. Esta etiqueta se utiliza para formatear encabezamientos. El número se utiliza para indicar la importancia de lo que estás resaltando. La cabecera más importante llevará el

número 1

y la menos relevante,

el número 6

NOTA: La forma en la que se ven los textos, varía de un explorador a otro; aunque ésto lo puedes modificar utilizando las páginas de estilo (<STYLE>).

<HEAD> ...... </HEAD> Define la parte del documento que corresponde a la cabecera de tu página.

<HTML> ...... </HTML> Indica el comienzo y el fin de una página web. Es la primera y última instrucción de un documento. NO es imprescindible escribirla para que la página funcione correctamente. Es un formalismo (el cuál supongo que le sirve al lenguaje HTML como reafirmación personal , pero en el furuto parece ser que se hará obligatoria.

NOTA: Si la página es de las que se utilizan para definir documentos con marcos (ver <FRAMESET>), se DEBE omitir esta etiqueta.

<HR> ...... </HR> Inserta una línea de separación en el documento. Las que delimitan una definición de otra en esta página, son un ejemplo de lo que se obtiene si se utiliza sin atributos.

<I> ...... </I> Transforma el tipo de letra de un texto en cursiva.

<IMG> Inserta una imagen (GIF o JPG), en el punto exacto donde se escriba la instrucción (la lupa a la derecha de las etiquetas). Mira también <FIG>. NOTA: Es fundamental utilizar atributos. Ver ampliación.

<INPUT> Se utiliza junto con la instrucción <FORM>. Acepta información del lector/usuario de la página en varios formatos diferentes.

NOTA: Ver ampliación.

<ISINDEX> Sirve para buscar en una base de datos, lo que el usuario teclee.

NOTA: Ver ampliación.

<KBD> ...... </KBD> Da a un texto el formato utilizado para indicar que algo debe introducirse desde el teclado. NOTA: Es sólo un formato de texto, no implica que el usuario deba teclear nada en la página.

<LANG> ...... </LANG> Se usa para modificar el contexto lingüistico del fragmento incluído en su interior (vaya palabros que me han salido!). Es útil (o debería serlo) cuando necesitas, por ejemplo, que se vean correctamente las muy hispanas EÑES en ordenadores que están configurados con otra tabla de códigos diferente (creo que en la red hay alguno que otro...).

NOTA: Se deben incluir atributos. Ver ampliación.

<LH> Crea un encabezamiento en listaa ordenadas (<OL>) y listas no ordenadas.

<LI> Define un elemento en una lista del tipo: Listas ordenadas (<OL>), listas sin ordenar (<UL>), listas de menú (<MENU>) y listas estilo directorio (<DIR>).

<LINK> Se utiliza para determinar, por ejemplo, funciones diferentes de las habituales a los botones BACK, FORWARD y HOME, de la barra de herramientas de algunos navegadores. Aún no lo reconocen los exploradores Web.

<LISTING> ...... </LISTING> Su función es similar a la de la etiqueta <DIR>. No aconsejo su utilización ya que acabará desapareciendo del lenguaje.

<MATH> ...... </MATH> Es muy útil cuando deseamos escribir fórmulas matemáticas de una manera sencilla (dentro de lo que cabe). Se pueden incluir caracteres muy difíciles (cuando no imposibles) de conseguir por teclado. Será incluso más útil cuando los exploradores la entiendan. (

<MENU> ...... </MENU> Es un tipo de lista que se consigue también como una variante de las listas no ordenadas <UL>. Sus elementos se enumeran dentro de éstas etiquetas con la instrucción <LI>.

<NEXTID> Es un elemento que utilizan los editores HTML para generar identificadores de páginas. Puedes ignorarlo completamente, ya que los exploradores también lo hacen.

<NOTE> ...... </NOTE> Más formatos de texto, éste es usado para diferenciar notas.

<OL> ...... </OL> Genera una lista ordenada. Inserta un número que corresponde a la posición del elemento en la lista (comienza a numerar a partir del 1, a menos que se indique lo contrario). Se puede definir un encabezamiento de la lista (<LH>) y los elementos se definen con la etiqueta <LI>.

<OPTION> Etiqueta que se utiliza dentro de un formulario (<FORM>), para insertar cada una de las opciones de un cuadro de selección (<SELECT>).

<P> ...... </P> Indica al explorador que lo que sigue es un fragmento en forma de párrafo. El terminador se puede omitir y el párrafo acabará cuando se encuentre la siguiente etiqueta de párrafo. En el formato de párrafo, no se admite más de un espacio entre palabras (si hay más, el explorador los ignora). Tampoco se reconocen los saltos de línea que estén en el fragmento en forma de "ENTER"; para conseguir el salto de línea, se debe incluir la etiqueta <BR>.

<PERSON> ...... </PERSON> Se utiliza para destacar nombres de personas.

<PRE> ...... </PRE> Designa un trozo del documento como texto preformateado. Esto significa que el explorador mostrará el texto tal y como lo has escrito en el documento original; respetando TODOS los espacios, los finales de línea, los caracteres especiales (como < > etc...). Pero cuidado, NO ignora las etiquetas válidas que se incluyan (la instrucción <XMP> si lo hace).

<PLAINTEXT> Otra instrucción del estilo <XMP>. Como ves, no lleva terminador con lo que a partir de esta instrucción, todo lo que venga detrás será tomado como un texto normal y corriente.

NOTA: Esta etiqueta está cayendo en desuso y será retirada del lenguaje en futuras versiones.

<S> ...... </S> Se utiliza para tachar un texto.

<SAMP> ...... </SAMP> Formatea un texto para que se muestre como un ejemplo.

<SELECT> ...... </SELECT> Se incluye dentro de un formulario (<FORM>). Crea un cuadro de selección con opciones predefinidas... si, si, esos que se despliegan cuando, con el ratón, se pulsa sobre la flechita! Cada una de las opciones predefinidas, se crea con la etiqueta <OPTION>.

<SMALL> ...... </SMALL> Reduce el tamaño de las fuentes, respecto de la fuente que se esté utilizando en esa parte del documento.

<STRONG> ...... </STRONG> Enfatiza caracteres. Como las negritas (<B>).

<STYLE> ...... </STYLE> Son las páginas de estilos. Se utilizan para cambiar el aspecto que tendrán los encabezamientos <H->, las anclas <A> y muchas otras cosas más. Estas definiciones afectarán a toda la página en la que se incluya. NOTA: Ver ampliación.

<SUB> ...... </SUB> Convierte un fragmento a subíndices.

<SUP> ...... </SUP> Da formato de superíndices a un texto.

<TABLE> ...... </TABLE> Define una tabla dentro de una página web. Admite algunos atributos y tiene unas etiquetas específicas para poner título a la tabla (<CAPTION>), incluir cabeceras columnas (<TH>), crear filas (<TR>) y celdas dentro de éstas últimas (<TD>).

NOTA: Las tablas tienen una ingente cantidad de variantes y atributos. Ver ampliación.

<TD> Dentro de una tabla (<TABLE>), y en una fila determinada, indica que lo que se escriba a la derecha (hasta el próximo <TD> ó <TR>) forma parte de una celda.

<TEXTAREA> Funciona dentro de los formularios (<FORM>), para que el lector de tu página, te envíe un texto con varias líneas.

NOTA: Necesita atributos. Ver ampliación.

<TH> Funciona dentro de las tablas (<TABLE>), para definir el encabezamiento de columnas y/o filas.

<TITLE> ...... </TITLE> Es lo que da nombre a la página. Si utilizas Windows y NETSCAPE ó EXPLORER, es el texto que aparece arriba del todo (donde están los botones de control de la ventana).

<TR> Se utiliza en las tablas (<TABLE>) para indicar dónde comienza una nueva fila. No tiene terminador (una línea acaba donde empieza la siguiente, como eso que se dice sobre la libertad ¿no?).

<TT> ...... </TT> Otro formato de textos, éste simula caracteres tipográficos.

<U> ...... </U> Añade un subrayado al texto que incluyas.

<UL> ...... </UL> Crea una lista de elementos desordenada. Cada uno de los elementos de la lista de definen con <LI>. Mira también <MENU>.

<VAR> ...... </VAR> Muestra un texto con el formato utilizado para distinguir variables.

<XMP> ...... </XMP> Funciona como la etiqueta <PRE> pero a diferencia de ésta, <XMP> ignora completamente la función de las etiquetas que se incluyan dentro de ella y las escribe como si fueran texto normal. Como imaginarás, no puedes cambiar tipos de letra ni tamaños dentro de la instrucción, pero sí desde un punto del documento inmediatamente anterior al inicio de la instrucción <XMP>.

Algo parecido hace la etiqueta <PLAINTEXT>.