Está en la página 1de 4

Anexo: Tabla completa de etiquetas html

En este anexo se pueden encontrar las etiquetas y una descripcin corta de su utilizacin. Las etiquetas estn enlazadas a su explicacin detallada con sus posibles atributos de la pgina de referencia www.w3schools.com, donde se pueden encontrar e emplos y pginas de prueba para cada una de estas etiquetas. Elementos bsicos !"#$%&'(E) !html) !title) !body) !h,) to !h-) !p) !br) !hr) !"00 00) #efine el tipo de documento #efine el comienzo del documento html, la pgina web. #efine el t*tulo de la pgina web #efine el body del documento, la parte +isible del contenido. #efine los posibles encabezamientos html #efine un prrafo ./ade un salto de l*nea #efine un cambio de temtica en el contenido, por defecto a/ade una l*nea horizontal de separacin. #efine un comentario, los comentarios no sern +isibles en el na+egador, pero s* en el cdigo fuente. 1so2 !"00 Esto es un comentario 00)

Elementos de Formato !abbr) !address) !b) !bdi) !bdo) !bloc8quote) !cite) !code) !del) !dfn) !em) !i) !ins) !8bd) !mar8) !meter) !pre) #efine una abre+iatura. #efine informacin de contacto del creador o propietario del documento. #efine un texto en negrita .isla una parte del texto de que quiz debiera ser formateada con otra direccin textual diferente. (or e emplo rabe. 3obrescribe la direccin actual del texto y establece una direccin fi a mediante el atributo dir45ltr5 6de izda. a dcha.7 o dir45rtl5 6de dcha. a izda.7 #efine una cita de otra fuente en un bloque de texto. 3e usa para citas largas que queremos que se muestren en un prrafo aparte. El atributo cite45 9 se utiliza en caso de que queramos mencionar la fuente. #efine el t*tulo de una obra. !p)!cite)El :rito!;cite) por Edward <unch. !;p) #efine un trozo de cdigo de programacin representado en la pgina #efine texto que ha sido eliminado o sustituido en una pgina. =o lo elimina, simplemente lo tacha. Los atributos datetime4 9 9 y cite4 9 9 nos permiten especificar cundo y en base a qu> documento se borr ese texto. #esigna una definicin. #efine un texto enfatizado. #efine un texto en cursi+a para denotar un idioma diferente, o un cambio en la lectura. #efine un texto que ha sido incluido en el documento despu>s de su creacin. 3i se usa con !del) establece una modificacin del documento. (uede lle+ar los mismos atributos que !del). #efine un texto introducido por el teclado. #efine un texto resaltado. <uestra un medidor grfico en base a una escala y un +alor dados. #efine un texto preformateado, el na+egador tendr en cuenta todos los saltos de l*nea y espacios incluidos en este texto? y se mostrar en una fuente de ancho fi o.

!progress) !q) !rp) !rt) !ruby) !s) !samp) !small) !strong) !sub) !sup) !time) !u) !+ar) !wbr)

<uestra una barra de progreso en base a una escala. #efine una cita corta pero, al contrario que !bloc8quote), >sta se encuentra en l*nea con el elemento que la contiene. #efine lo que se mostrar en los na+egadores que no soportan ruby 6para los caracteres asiticos7 #efine una explicacin o pronunciacin de caracteres 6para las tipograf*as del este de .sia7 #efine una anotacin @uby 6para tipograf*as del este de .sia7 #efine un texto que ya no es +eraz. #efine la salida de un programa informtico o comando. #efine un texto ms peque/o. #efine una parte importante del texto. #efine un sub*ndice. #efine un super*ndice. #efine un campo de fecha;hora. #efine un texto que deber*a estar en un estilo diferente al resto. (or defecto subrayado. #efine una +ariable. #efines un posible sitio donde separar una palabra en caso de que no quepa en la l*nea. 3in este parmetro las palabras no se parten entre l*nea y l*nea.

Elementos para formularios. !form) !input) !textarea) !button) !select) !optgroup) !option) !label) !fieldset) !legend) !datalist) !8eygen) !output) #efine un formulario A&<L para la introduccin de datos por parte del usuario. #efine un campo de entrada de datos. #efine un campo de entrada de datos de ms de una l*nea. #efine un botn. #efine una l*sta desplegable. #efine un grupo de elementos dentro de una lista desplegable. #efine cada elemento de la lista desplegable. #efine una etiqueta para un campo de entrada 6!input)7 Engloba campos relacionados dentro de un formulario. #efine una etiqueta comBn para los campos englobados por !fieldset) Especifica una lista de opciones predefinidas para los campos tipo !input). Esta lista saldr deba o cuando comencemos a escribir mostrando los elementos que coincidan con nuestra escritura. #efine un campo generador de un par de cla+es de seguridad. #efine el resultado de un clculo dentro de un formulario

Marcos incrustados (Frames) !iframe) #efine un marco en linea con un elemento diferente del html. 3ir+e para incrustar en el documento web otros tipos de documentos. &utorial en ingl>s.

Inclusin de imgenes !img) !map) !area) !can+as) #efine una imagen. #efine un con unto de enlaces a otros documentos o imgenes dentro de una imagen definida con !img) y situados mediante coordenadas. #efine un rea para situar un enlace dentro de un !map) 3e utiliza para dibu ar imgenes al +uelo mediante un lengua e de scripts 6normalmente Ca+a3cript7. !can+as) es slo un contenedor de imgenes que se deben dibu ar mediante un script.

!figcaption) !figure) Audio y Vdeo !audio) !source) !trac8) !+ideo) Enlaces !a) !lin8) !na+) istas !ul) !ol) !li) !dl) !dt) !dd) !menu) !command) !ablas !table) !caption) !th) !tr) !td) !thead) !tbody) !tfoot) !col) !colgroup)

#efine un pie de foto ; imagen para un elemento !figure) Especifica un elemento grfico contenido en >l.

#efine una pista de audio. #efine diferentes recursos 6formatos7 para un mismo !+ideo) o !audio)7. =o todos los na+egadores soportan los mismos formatos. #efine pistas de texto 6p.e.2 subt*tulos7 para los elementos !+ideo) o !audio) #efine un +*deo o pel*cula.

#efine un enlace. #efine la relacin entre un documento y una fuente externa. 1tilizado principalmente para +incular ho as de estilo. #efine un con unto de enlaces de na+egacin.

#efine una lista de elementos con +i/etas. #efine una lista numerada de elementos. #efine un elemento dentro de una lista !ul) y !ol) #efine una lista de definiciones o descripciones. #efine un t>rmino dentro de una lista de definiciones !dl) #efine una definicin dentro de una lista de definiciones !dl) #efine una lista de comandos de un menB. .ctualmente 6DE,37 no est soportado por ningBn na+egador mayoritario. #efine un botn de comando que el usuario puede in+ocar. .ctualmente 6DE,37 no est soportado por ningBn na+egador mayoritario.

#efine una tabla #efine una nota al pie de la tabla. #efine una celda de encabezamiento dentro de una tabla. #efine una fila dentro de una tabla. #efine una celda de datos dentro de una tabla. .grupa las celdas de encabezamiento de la tabla. .grupa el contenido de la tabla. .grupa el pie de una tabla. Especifica las propiedades de columna para cada columna incluida dentro de un elemento !colgroup) Especifica un grupo de una o ms columnas de una tabla para darles formato.

Estilo y "ecciones !style) !di+) !span) !header) !footer) !section) !article) #efine informacin de estilo de un documento html. 3e situa en el !head) #efine una seccin gen>rica de bloque dentro de un documento html. #efine una seccin gen>rica en l*nea dentro de un documento html. #efine un encabezamiento para el documento o para una seccin del mismo. #efine un pie para un documento o para una seccin del mismo. #efine una seccin dentro de un documento. #efine un art*culo dentro de una seccin.

!aside) !details) !dialog) !summary)

#efine contenido aparte del contenido principal 6al lado7 #efine detalles adicionales que el usuario puede +er o esconder. #efine una ca a o +entana de dilogo. #efine un encabezamiento +isible para un elemento de detalles !details)

Meta Informacin !head) !meta) !base) #rogramacin !script) !noscript) !embed) !ob ect) !param) #efine un script e ecutado por el na+egador 6lado del cliente7 #efine un contenido alternati+o en el caso de que un cliente;na+egador no soporte scripts definidos en !script). #efine un contenedor incrustado para una aplicacin externa 6no A&<L7 #efine un ob eto incrustado en el documento. #efine un parmetro para un ob eto. #efine informacin acerca de un documento html. #efines metadatos sobre un documento html. Especifica la direccin 1@L base para las futuras referencias relati+as. &ambi>n especifica el comportamiento por defecto de los enlaces de la pgina.