Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Codigos HTML

    Încărcat de

    elmauri77
    398 vizualizări13 pagini

    Drepturi de autor

    © Attribution Non-Commercial (BY-NC)

    Formate disponibile

    TXT, PDF, TXT sau citiți online pe Scribd

    Vi se pare util acest document?

    Este necorespunzător acest conținut?

    Raportați acest document

    Drepturi de autor:

    Attribution Non-Commercial (BY-NC)
    Descărcați ca TXT, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    398 vizualizări13 pagini

    Codigos HTML

    Încărcat de

    elmauri77

    Drepturi de autor:

    Attribution Non-Commercial (BY-NC)
    Descărcați ca TXT, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    din 13

    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 l
    os 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>.

    S-ar putea să vă placă și