Scribd Logo
Upload

Welcome to Scribd!

  • Guia HTML

    Uploaded by

    zavferau
    3 views6 pages

    Original Title

    guia_html

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    3 views6 pages

    Guia HTML

    Uploaded by

    zavferau

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 6

    Gua de referencia de HTML

    Cmo usar esta gua


    El nombre de las etiquetas HTML est escrito en negrita. Debajo de cada etiqueta se explican los posibles atributos que dicha etiqueta puede llevar. Si el valor de los atributos est escrito con letra normal, quiere decir que el atributo debe tomar exactamente ese valor; si por el contrario est escrito en cursiva, quiere decir que el valor que aparece debe sustituirse por un valor real (esto es, si pone nm, deber escribirse un valor numrico; si pone color, deber escribirse un valor para el color; si pone cad_caracteres, deber escribirse un texto). El smbolo | significa opcin. Esto quiere decir que el atributo debe tomar uno de los valores que aparezcan, no todos. Por ejemplo, si aparece top|bottom|middle, deber escribirse un nico valor: top, bottom o middle.

    Etiquetas bsicas
    <!DOCTYPE HTML PUBLIC...> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" " http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html></html> <head></head> <title></title> <base> href=URL <meta> name="author|description|keywords|generator revised" content="cad_alfanumerica" http-equiv="content-type|refresh|expires <body></body> background= "url" bgcolor="color" text="color" link="color" vlink="color" alink="color" <!-- comentario --> <script></script> src="URL" type=tipo_de_contenido <noscript></noscript>
    Declaracin obligatoria documento HTML de tipo de Declaracin para un documento HTML estricto (utiliza hojas de estilo para el formato de la pgina) Declaracin para un documento HTML transicional (no utiliza hojas de estilo para el formato de la pgina) Declaracin para un documento HTML con marcos (es el mismo formato que el transicional pero con marcos) Principio y fin del documento HTML Cabecera Ttulo Especifica el documento base sobre el que tomar las URLs relativas Nombre del documento base Informacin adicional Nombre de la propiedad Valor de la propiedad Se usa en lugar de name Cuerpo Imagen de fondo de la pgina Color de fondo Color de la fuente Color del enlace no visitado Color del enlace visitado Color del enlace seleccionado Texto que no aparecer en la pgina Cdigo de un programa Archivo externo donde se encuentra el cdigo Tipo de contenido del script Contenido que se mostrar si el navegador no soporta scripts

    Formato de texto
    <b></b> <i></i> <u></u> <sub></sub> <sup></sup> <tt></tt> <pre></pre> width=# <font></font> size=nm size="+|-nm" color="color" face="cad_caracteres" <em></em> <strong></strong> <big></big> <small></small> <abbr></abbr> <acronym></acronym> <dfn></dfn>
    Negrita Cursiva Subrayado Subndice Superndice Estilo teletipo Preformateado Anchura del bloque Cambio de fuente Tamao Tamao relativo Color Tipo de fuente nfasis nfasis fuerte Grande Pequea Abreviatura Acrnimo (siglas) Definicin

    Estructura de contenidos
    <p></p> align=left|center|right|justify <br> <h1></h1> ... ... <h6></h6> <hr> align=left|center|right|justify size=nm width=nm |"nm%" noshade
    Prrafo Alineacin Salto de lnea Encabezados Separador horizontal Alineacin Grosor Anchura Sin relieve

    Estilos
    <div> </div> <span> </span> <style type="text/css"></style>
    Contenedor genrico de idioma / estilo Contenedor genrico de idioma / estilo Declaracin de estilos CSS

    Hipervnculos
    <a href="url"></a> target="_blank | _self | _parent | _top | cad_caracteres" onclick="cad_caracteres" onmouseover="cad_caracteres" onmouseout="cad_caracteres" <a href="url#nombre_ancla"></a> <a href="#nombre_ancla"></a> <a href="mailto:@"></a> <a href="mailto:@?subject=cad_caracteres"></a> <a name="cad_caracteres"></a>
    Enlaces Marco de destino donde se abrir el enlace Accin a realizar cuando se pulse el vnculo Accin a realizar cuando se pase el ratn por encima Accin a realizar cuando el ratn abandone el vnculo Enlace con destino a un ancla dentro de una URL Enlace con destino a un ancla dentro de la misma pgina Enlace para enviar un correo Enlace para enviar un correo con asunto Definicin del ancla

    Imgenes y multimedia
    <img src="url"> align= top|bottom|middle|left|right alt="cad_caracteres" width=nm|nm% height=nm|nm% border=nm hspace=nm vspace=nm <object></object> <param>
    Insertar una imagen desde un archivo o URL Alineacin Texto alternativo si no aparece la imagen Anchura y altura de la imagen Tamao del borde en pxeles Espacio horizontal entre la imagen y el texto Espacio vertical entre la imagen y el texto Objeto genrico (multimedia) Valor de propiedad con nombre

    Listas
    <ul></ul> type=disc|circle|square <ol></ol> type=a|A|i|I|1 start=nm <li></li> <dl></dl> <dt></dt> <dd></dd>
    Lista desordenada Tipo de elemento de enumeracin Lista ordenada Tipo de enumeracin Posicin de comienzo de enumeracin Elemento de la lista Lista de definiciones Trmino Definicin

    Tablas
    <table></table> align=left|right|center border=nm cellspacing=nm cellpadding=nm width=nm | nm% bgcolor="color"
    Declaracin de tabla Alineacin Borde Espacio entre celdas Espacio entre el borde de la celda y su contenido Anchura de la tabla Color de fondo

    frame=void|above|below|hsides|lhs|rhs|vsides|box|border Especifica qu bordes sern visibles rules=none|groups|rows|cols|all <tr></tr> align=left|right|center|middle|bottom bgcolor="color" <td></td> align=left|right|center valign=top|middle|bottom nowrap colspan=nm rowspan=nm height=nm | nm% width=nm | nm% bgcolor="color" <th></th> align=left|right|center|middle|bottom nowrap colspan=nm rowspan=nm height=nm | nm% width=nm | nm% bgcolor="color" <tbody></tbody> <tfoot></tfoot> <thead></thead> <caption></caption> align=top|bottom|left|right <col> span=nm width=nm | "nm%" <colgroup></colgroup> span=nm width=nm | "nm%"
    Especifica qu lineas de divisin aparecen entre las celdas Fila de la tabla Alineacin Color de fondo Celda dentro de la fila Alineacin horizontal Alineacin vertical Fuerza a que el texto ocupe una lnea Nmero de columnas ocupadas por la celda Nmero de filas ocupadas por la celda Altura (en pxeles o en porcentaje) Anchura (en pxeles o en porcentaje) Color de fondo de la celda Celda de encabezado de la tabla Alineacin horizontal Fuerza a que el texto ocupe una lnea Nmero de columnas ocupadas por la celda Nmero de filas ocupadas por la celda Altura (en pxeles o en porcentaje) Anchura (en pxeles o en porcentaje) Color de fondo de la celda Cuerpo de la tabla Pie de la tabla Cabecera de la tabla Ttulo de la tabla Alineacin Columna de una tabla Nmero de columnas abarcadas Anchura Grupo de columnas de una tabla Nmero de columnas abarcadas Anchura

    Formularios
    <form action="URL"></form> accept="t,t,t" accept-charset="unknown|cad_caracteres" enctype="_tipo_MIME" method=get|post Name="cad_caracteres" target=_blank|_self|_parent|_top|nombre_del_marco <input> accept="t, t, t" align=left|right|top|texttop|middle alt="cad_caracteres" checked disabled maxlength=nm name="cad_caracteres" readonly size=nm src="URL" type="text|password|checkbox|radio|submit|reset|file| hidden|image|button value="cad_caracteres" tabindex=nm <textarea></textarea> cols=nm rows=nm disabled name="cad_caracteres" readonly tabindex <button></button> disabled name="cad_caracteres" Type= "button|reset|submit" Value="cad_caracteres" tabindex=nm <select></select> disabled multiple name="cad_caracteres" size=nm tabindex=nm <option> </option> disabled label="cad_caracteres" selected value="cad_caracteres" tabindex=nm
    Formulario con pgina de destino Tipos de contenido que se aceptarn Codificaciones de caracteres aceptadas Tipo de contenido que se enviar Mtodo de envo de datos Nombre del formulario Marco de destino Control del formulario Tipos de contenido que se aceptarn Alineacin Texto alternativo si no aparece el control Indica que el control est marcado (radio o checkbox) Deshabilitado Nmero mximo de caracteres que se aceptan (text o password) Nombre del control Control de slo lectura (el usuario no lo puede modificar) Tamao en caracteres (text o password) Origen de la imagen para decorar el botn grfico de envo (image) Tipo de control Valor inicial del control Posicin en la navegacin con tabulador Nmero de columnas y filas que ocupa Deshabilitado Nombre del control Control de slo lectura (el usuario no lo puede modificar) Posicin en la navegacin con tabulador Botn Deshabilitado Nombre del control Tipo de botn (pulsado, borrado o envo) Valor inicial del control Posicin en la navegacin con tabulador Selector de opciones Deshabilitado Indica que se puede seleccionar ms de una opcin Nombre del control Nmero de filas de la lista que se mostrarn Posicin en la navegacin con tabulador Opcin seleccionable dentro de la estructura select Deshabilitado Texto de la opcin alternativo al contenido de option Opcin seleccionada por defecto Valor inicial del control Posicin en la navegacin con tabulador

    Marcos (frames)
    <frameset> </frameset> rows=,,, cols=,,, <frame> src="url" name="cad_caracteres"|_blank|_self|_parent|_top marginwidth=nm marginheight=nm scrolling="yes|no|auto" noresize frameborder="yes|no" <noframes> </noframes> <iframe> </iframe> width=nm | "nm%" height=nm | "nm%"
    Pgina de marcos (sustituye a BODY) Marcos en filas (se separan las medidas de cada marco mediante comas) Marcos en columnas (se separan las medidas de cada marco mediante comas) Marco Pgina inicial que contendr el marco Nombre del marco Mrgenes izquierdo y derecho Mrgenes superior e inferior Barra de desplazamiento del marco Marco no redimensionable Muestra u oculta el borde Contenido que se mostrar si el navegador no soporta marcos Inserta un marco dentro de un bloque de texto Anchura y altura (en pxeles o en porcentaje)

    You might also like