Scribd Logo
Importer

Bienvenue sur Scribd !

  • Glosariohtml

    Transféré par

    pnh67
    11 vues10 pages

    Titre original

    glosariohtml

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Formats disponibles

    DOC, PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document

    Droits d'auteur :

    Attribution Non-Commercial (BY-NC)
    Téléchargez comme DOC, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    11 vues10 pages

    Glosariohtml

    Transféré par

    pnh67

    Droits d'auteur :

    Attribution Non-Commercial (BY-NC)
    Téléchargez comme DOC, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 10

    Listado Etiquetas Html

    Descripcion Sintaxis Atributos/valores/ejemplos Uso


    Formato General
    Formato HTML <html> </html> Principio y fin del
    documento html
    Encabezado <head> </head> Informacion no visible
    Titulo <Title> </Title> Titulo que visualiza el
    navegador (elemento
    del head)
    Cuerpo <body> </body> bgcolor / background / text / Marca la parte
    link / vlink / alink principal de un doc
    html
    Comentarios <!-- --> Ninguno
    Centrado <center> </center> Centra los elementos
    comprendidos entre
    su apertura y su
    cierre
    Atributos Body
    Fondo (imagen) background=”imagen.jpg Asigna una imagen
    ” como fondo de la
    pagina
    Color fondo Pagina bgcolor=”color” / En ingles o hexadecimal Asigna una imagen
    bgcolor=”#xxxxxx” como fondo de la
    pagina
    Margen superior topmargin=nº En pixels
    Margen izquierdo leftmargin=nº En pixels
    Color texto text= “color” En ingles o hexadecimal Color del texto de la
    página
    Color enlace link=”color” En ingles o hexadecimal Color de los enlaces
    Color enlace visitado vlink=”color” En ingles o hexadecimal Color de los enlaces
    ya visitados
    Color enlace activo alink=”color” En ingles o hexadecimal Color del enlace al
    pulsarlo
    Fondo fijo bgproperties=fixed

    Separadores
    Linea de separacion <hr> Noshade / color / size / width / Linea horizontal
    horizontal align

    Atributos separadores
    Longitud width= nº En pixels o % Asigna la longitud de
    la linea
    Grosor heigth= nº En pixels o % Asigna la anchura de
    la linea
    Color color=”color” En ingles o hexadecimal Asigna el color de la
    linea
    Alineacion align= posicion Center, left, right Asigna la posicion de
    la linea
    Sin sombra noshade Sin argumentos

    Marquesinas
    Marquesina <marquee> Align / behavior / bgcolor / Texto en movimiento
    </marquee> direction / height / width / (solo IE)
    loop / scrolldelay /
    scrollamount
    Atributos Marquesinas
    Direccion movimiento direction=lugar Left, right Sentido en que se
    mueve
    Comportamiento behaviour= x X= slide, alternate Comportamiento
    adoptado
    Color fondo zona color=”color” En ingles o hexadecimal Color del fondo
    Alineacion vertical align= posicion Top, middle, bottom
    Bucle loop= nº de veces Un nº Nº de veces que se
    repetirá
    Retardo hasta aparecer scrolldelay=nº En milisegundos Tiempo que tarda en
    comenzar
    Alto de la zona height=nº En pixels
    Ancho de la zona width= nº En pixels
    Velocidad scrollamount= nº Entre 0 y 100

    Formato del texto


    Salto de linea <br> Fuerza un salto de
    linea
    No saltos de linea <nobr> Evita que se rompan
    las líneas o saltos de
    lineas.
    Centrado <center> </center> Ninguno Centra el texto
    comprendido entre
    su apertura y su
    cierre
    Nuevo parrafo <p></p> Marca parrafos en un
    documento
    Alineacion de parrafos <p align=””> Left / center / right
    Texto preformateado <pre></pre> Ninguno Visualiza el texto en
    su formato original
    Negrita <b></b>, Ninguno Definen texto en
    <strong></strong>, negrita
    Cursiva <i></i>, <em></em> Ninguno Definen el texto en
    cursiva
    Subrayado <u> </u> Ninguno Texto subrayado
    Tachado <s></s>, <strike></strike> Ninguno Muestran el texto
    tachado
    Letra teletipo <tt></tt> Ninguno Formato tipo
    maquina
    Superindice <sup></sup> Ninguno Muestra el texto en
    forma de superindice
    Subindice <sub></sub> Ninguno Muestra el texto en
    forma de subindice
    Tamaño encabezado <hn></hn> Color / face / style / left / Define la jerarquia de
    (n=1-6) center / right los titulos
    Mas grande <big></big> Ninguno Amplia el tamaño de
    los caracteres
    Mas pequeño <small></small> Ninguno Reduce el tamaño de
    los caracteres
    Caracteres especiales &......
    Parpadeo de texto <blink> </blink> Ninguno Solo netscape
    Sangrado <blockquote></blockquote Ninguno Da formato con
    > sangria a un parrafo
    Tipo fuente texto <font></font> Color / size / face / style Define una fuente
    estandar para un
    area reducida de
    texto
    Atributos Font
    Tamaño size=nº 1 al 7 Define el tamaño de
    la fuente
    Color color=”color” En ingles o hexadecimal Define el color de la
    fuente
    Fuente face=”tipo_fuente” Arial, verdana, ... etc Define el tipo de
    fuente

    Enlaces
    Anclaje <a></a> href / name / target Crea un hipervinculo
    Atributos <a>
    Referencia a otra <a href=”Url”> Crea un enlace a otra
    pagina pagina
    Referencia en la pagina <a href=”#punto1”> Crea un enlace a un
    punto de la misma
    pagina
    Las dos <a Crea un enlace a otra
    href=”URL#punto1”> pagina a un punto
    determinado
    Lugar de la referencia <a Name=”nombre”> Crea el anclaje de uan
    enlace en la misma
    pagina
    Destino del enlace < a href=”url” _blank, _self, _top, _parent Indica la ventana o
    target=”nombre”> panel de destino de un
    vinculo

    Listas
    Item de la lista <li></li> Admite type y value Indica un elemento de
    una lista
    Lista ordenada <ol></ol>
    Lista desordenada <ul></ul>
    Lista descriptiva <dl></dl> Lista de definicion
    Termino <dt> Termino a definir en
    una lista de definicion
    Definicion <dd> Descripcion de
    definicion en una lista
    de definicion
    Listas de directorio <dir></dir>
    Lista de menu <menu></menu>
    Atributos <ol>
    Tipo de lista type= tipo I, i, A, a
    Nª de inicio de la lista start=nº Indica el valor inicial
    de una lista numerada
    Reduce espacio entre compact
    items
    Atributos <ul>
    Forma de la viñeta type=forma disc, circle, square
    Reduce espacio entre compact
    items
    Atributos <li>
    Tipo del Item type=valor disc, square, circle, a, A, I, i
    Valor del item value=nº Numero en listas ordenadas
    Atributos <dl>
    Término y descripción compact Término menor de 5
    en la misma línea (N) caracteres

    Tablas
    Comienzo y fin de <table></table> Ver Atributos <table> Define el principio y
    tabla fin de una tabla
    Fila <tr></tr> Align / valign Define el principio y
    fin de una fila en
    una tabla
    Celda <td></td> Align / valign / nowrap / Define una celda en
    colspan / rowspan / heigth / una fila de una tabla
    width
    Celda en negrita <th></th>
    Titulo de tabla <caption></caption>
    Atributos <table>
    Borde border=nº En pixels Define el ancho del
    borde
    Si su valor es 0, no
    se muestra borde.
    Espacio dentro de cellpadding=nº En pixels Define la distancia
    celda entre el borde de
    una celda y su
    contenido
    Ancho de linea de cellspacing=nº En pixels Define la distancia
    celda entre las celdas de
    una tabla
    Ancho de tabla width=nº En pixels o %
    Alto de la tabla heigth=nº En pixels o %
    Imagen de fondo background=”URL/imagen.gif
    ”
    Color de fondo bgcolor=”color” En ingles o hexadecimal
    Numero de columnas cols=nº
    Espacio horizontal al hspace=nº En pixels Permite especificar
    texto circundante el espacio horizontal
    que habrá entre la
    tabla y el texto
    circundante.Permite
    añadir más espacio
    a la derecha y a la
    izquierda de la
    tabla, entre el borde
    y el contexto.
    Espacio vertical al vspace=nº En pixels Permite especificar
    texto circundante el espacio vertical
    que habrá entre la
    tabla y el texto
    circundante.Permite
    añadir más espacio
    arriba y abajo de la
    tabla, entre el borde
    y el contexto.
    Color del borde bordercolor=”color” En ingles o hexadecimal
    Color del borde bordercolordark=”color” En ingles o hexadecimal Establece los
    oscuro colores exteriores
    del borde derecho y
    del borde inferior y
    los interiores del
    borde izquierdo y
    del borde superior.
    Color del borde bordercolorlight=”color” En ingles o hexadecimal Establece los
    luminoso bordes contrarios
    Atributos <tr><th><td>
    Color de fondo de la bgcolor=”color” En ingles o hexadecimal
    celda
    Imagen de fondo de background=”URL/imagen.gif
    la celda ”
    Alineacion vertical valign=posición top, middle, bottom,
    baseline
    Alineacion horizontal align=posición right, center, left
    Atributos <td> <th>
    Multiplo de columna colspan=nº columnas Permite combinar
    varias columnas en
    una sola
    Imagen de fondo background=”URL/imagen.gif
    ”
    Multiplo de filas rowspan=nº filas Permite combinar
    varias celdas en una
    sola
    Ancho de celda width=nº En pixels o %
    Alto de la celda heigth=nº En pixels o %
    No dividir la linea nowrap Evita que el texto de
    un párrafo contenido
    en la celda dé un
    salto de línea
    automático cuando
    se llega al límite
    derecho de la celda
    Atributos Caption
    Alineacion vertical align= posicion Top / bottom /left / right El valor por defecto
    es Top

    Imagenes
    Insertar Imagen <img> Align / src / alt / width / height / Inserta una imagen en
    hspace / vspace / border la pagina
    Atributos <img>
    Fuente src <img src=”imagen.gif/jpg”> Define la ubicacion de
    la imagen a utilizar
    Alineacion vertical u align=posición top, middle, bottom, baseline,
    horizontal right, center, left
    Espacio vertical al texto vspace=nº En pixels Espaciamiento vertical
    entre la imagen y el
    texto
    Espacio horizontal al hspace=nº En pixels Espaciamiento
    texto horizontal entre la
    imagen y el texto
    Ancho width=nº En pixels
    Alto heigth=nº En pixels
    Borde border=nº En pixels Unicamente aparece
    borde por defecto,
    cuando es un
    hipervinculo.
    Texto alternativo alt=”texto alternativo” Texto que aparece al
    pasar sobre la imagen
    Mapas de imagen
    Mapa de imagen <map></map> name Define un mapa de
    imagen (imagen
    sensible a los
    vinculos)
    Area del mapa <area> Shape / coords / href / nohref /
    target
    Atributos <map>
    Nombre del mapa name=”nombre_mapa” Permite dar un
    nombre al mapa de
    imagen
    Atributos <area>
    Forma del area shape= forma Circle / rect / point / poly Define la forma de la
    zona sensible
    Coordenadas coords= x,y, x,y, x,y Define las
    coordenadas de la
    zona sensible
    enlace href=”url” target Define la direccion del
    enlace

    Frames
    Estructura de <frameset></frameset> Rows/cols/border/spacing/border/colo Define una
    marcos r estructura de
    frames (sustituye
    a la etiqueta
    body)
    marco <frame> src Define una
    subventana en
    un juego de
    marcos
    Marco flotante <iframe> </iframe> src/name/width /height Define un marco
    /marginheight /marginwidth dentro del body
    /frameborder /scrolling /align de un documento
    html
    No marcos <noframes> Contenido para
    navegadores que
    no soportan
    frames
    Atributos <frameset>
    Nº filas rows=nº o * En pixels, % o * Define el nº de
    filas (marcos
    horizontales)
    Nº columnas cols=nº o * En pixels, % o * Define el nº de
    columnas
    (marcos
    verticales)
    Borde entre marcos frameborder=nº Yes/no o nº Sirve para
    mostrar o no el
    borde del frame.
    Sus posibles
    valores son "yes"
    (para que se
    vean los bordes)
    y "no" o "0" (para
    que no se vean)
    Color del borde bordercolor=”color” Hexadecinal Define el color
    del borde
    Grosor del borde border=nº de pixels En pixels Permite
    especificar de
    manera global
    para todo el
    frameset el
    número de pixels
    que ha de tener
    el borde de los
    frames.
    Espacio del borde Framespacing=nº En pixels Determina la
    anchura de la
    línea de
    separación de los
    frames. Junto
    con el atributo
    frameborder="0"
    sirve para
    eliminar los
    bordes de los
    marcos.
    Atributos <frame>
    Fuente src=”url” Especifica qué
    página se va a
    cargar en el
    frame
    Nombre del marco name=”nombre” Asigna un
    nombre al marco
    Borde del marco frameborder="yes|no| Yes / no / 0 Permite controlar
    0" la aparición de
    los bordes de los
    frames.
    Espacio del borde framespacing="número
    de pixels"
    Color del borde bordercolor="#rrggbb" Hexadecimal Permite
    especicicar el
    color del borde
    del marco.
    Margen (horizontal) marginwidth="número En pixels Define el número
    del marco de pixels" de pixels que
    tiene el margen
    del frame donde
    se indica. Este
    margen se aplica
    a la página que
    pretendemos ver
    en ese marco
    Margen (vertical) del marginheight="número En pixels Lo mismo que el
    marco de pixels" anterior atributo,
    pero para el
    margen vertical.
    Barra de scrolling="yes|no|auto" yes|no|auto Indica si
    desplazamiento queremos que
    haya barras de
    desplazamiento
    en los distintos
    marcos. Si
    indicamos "yes"
    siempre saldrán
    las barras, si
    indicamos "no"
    no saldrán nunca
    y si colocamos
    "auto" saldrán
    sólo si son
    necesarias. Auto
    es el valor por
    defecto.
    Redimension marco noresize En caso de que
    esté presente
    indica que el
    frame no se
    puede
    redimensionar.
    Atributos <iframe>
    Fuente src=”url” Especifica qué
    página se va a
    cargar en el
    iframe
    Nombre del iframe name=”nombre” Asigna un
    nombre al iframe
    Ancho del iframe width=nº En pixels
    Alto del iframe heigth=nº En pixels
    Margen (horizontal) marginwidth="número En pixels Define el número
    del iframe de pixels" de pixels que
    tiene el margen
    del iframe
    Margen (vertical) del marginheight="número En pixels Lo mismo que el
    iframe de pixels" anterior atributo,
    pero para el
    margen vertical.
    Borde del iframe frameborder="yes|no| Yes / no / 0 Controla la
    0" aparición de los
    bordes del iframe
    Barra de scrolling="yes|no|auto" yes|no|auto Indica si
    desplazamiento queremos que
    haya barras de
    desplazamiento
    en el iframe. Si
    indicamos "yes"
    siempre saldrán
    las barras, si
    indicamos "no"
    no saldrán nunca
    y si colocamos
    "auto" saldrán
    sólo si son
    necesarias. Auto
    es el valor por
    defecto.
    Alineacion align=”posicion” left, right, center, justify. ubica el iframe en
    relación al texto
    circundante.

    Formularios
    Formulario <form> </form> Action / method / target Inicia y cierra un
    formulario
    Definicion del elemento <input> Type / name La etiqueta <input>
    define la introducción
    de variables.
    Area de texto <textarea></textarea> Name / cols / rows Crea un area de texto.
    Util cuando se
    requiere ingresar texto
    de gran longitud.
    Listas menu <select> </select> Name / size Crea una lista de
    opciones
    Items de las listas <option> Value / selected Dentro del elemento
    menues <select> las
    etiquetas <option>
    son usadas para
    definir los posibles
    valores para el campo
    select
    Atributos < form>
    Accion del formulario action=”” Indica el programa del
    servidor que va a
    "tratar" las variables
    que se envíen con el
    formulario o el envío
    de los datos mediante
    correo electrónico
    mediante el valor
    mailto.
    Si destino no se
    especificado entonces
    el formulario es
    enviado al mismo
    documento.
    Metodo de envio method Get /post METHOD define la
    manera en que se
    mandará el formulario.
    Destino target=”nombre” Indica en qué ventana
    de una página con
    frames se debe
    mostrar el resultado
    del proceso de datos
    mediante el programa
    CGI
    Atributos <input>
    Tipo de parametro type=”....” type="text" y type="password" Define el tipo de
    aceptan datos de caracteres parametro a recibir.
    type="checkbox" crea casillas Especifica el tipo de
    de verificacion datos para pasar la
    type="radio" crea botones de variable
    radi. Permite la selección de
    uno o varios campos de radio,
    si todos tienen el mismo
    nombre de variable
    type="submit" crea un botón
    de envio
    type="reset" crea un botón
    Reset
    Nombre name=”....” Ej Nombre simbolico
    <input type="checkbox" que identifica la
    name="caja1"> variable input
    Valor value=”xxx” (Depende <input type="Radio" Para type="text" o
    de type) name="libro" value="titulo" type="password", xxx
    >Yo Claudio es el valor por omisión
    para la variable input.
    Si type="checkbox" o
    type="radio", xxx es el
    valor de la variable
    input cuando esta
    "marcada".
    Para type="reset" o
    type="submit", xxx es
    una etiqueta que
    aparecerá en el botón
    de presentació o de
    reinicio en lugar de las
    palabras "submit" y
    "reset.
    checked checked Sin argumentos. Para type="checkbox"
    o type="radio", si
    checked está
    presente, el campo
    input está marcado
    por omisión
    Tamaño size=nº <input type="text" Controla el ancho en
    maxlength="10" size="10" píxeles, excepto para
    name="nombre"> campos de contraseña
    y texto que están
    especificados en
    número de caracteres.
    Nº caracteres maxlength=nº Número máximo de
    caracteres que se
    pueden introducir.
    Desactivar elemento disabled Sin argumentos Disabled: desactiva el
    elemento
    Orden de tabulacion tabindex = " n " Especifica el orden de
    tabulador que tendrá
    el campo respecto
    todos los elementos
    que incluye el
    formulario.

    Descripcion alt= " texto " Asigna una pequeña


    descripción al
    elemento.
    Atributos <texarea>
    Nombre Name=”..” nombre simbólico que
    identifica la variable
    <textarea>

    Tamaño rows y cols Ambos atributos


    toman un valor entero
    que representa las
    líneas y número de
    caracteres por líneas
    en el <textarea>

    Justificado wrap= " valor " justifica


    automáticamente el
    texto en el interior de
    la caja.
    Desactivar disabled Desactiva la caja de
    texto.
    Tabulación tabindex = " n " Especifica el orden de
    tabulador que tendrá
    el campo respecto
    todos los elementos
    que incluye el
    formulario.
    Atributos <select>
    Nombre name=”...” identificador simbólico
    para la variable del
    campo select.
    Tamaño size=nº El argumento para
    size es un valor
    entero representando
    el número de objetos
    <option> que serán
    desplegados al mismo
    tiempo.
    Varias opciones multiple Sin argumentos. Si está presente, el
    atributo multiple
    permite la selección
    de más de un valor
    <option>.
    Tabulación tabindex = " n " Especifica el orden de
    tabulador que tendrá
    el campo respecto
    todos los elementos
    que incluye el
    formulario.
    Atributos <option>
    Valor Value=”....” <form action=""> Valor que tomara la
    selecciona una de los opcion
    siguientes valores:
    <select size="3" multiple>
    <option value="uno">uno
    <option value="dos">dos
    <option value="tres">tres
    </select>
    </form>
    Selecionado selected Sin argumentos. Si el atributo selected
    está presente
    entonces el valor
    option es
    seleccionado por
    omisión.

    Vous aimerez peut-être aussi