HTML 5 j Heredia

7/27/2019 HTML 5 j Heredia

1/55

Recopile varios contenidos en la web sobre html5 para investigaciones futurasdentro de la universidad, lo difundir entre los compaeros de clase

- J.H.


2/55

Qu es HTML5?

HTML5 ser el nuevo estndar para el HTML.

La versin anterior de HTML, HTML 4.01, se produjo en 1999. La web hacambiado mucho desde entonces.

HTML5 es todava un trabajo en progreso. Sin embargo, los principalesnavegadores son compatibles con muchos de los nuevos elementos de HTML5y APIs.

Cmo result Empezando HTML5?

HTML5 es una colaboracin entre el Consorcio World Wide Web (W3C) y elGrupo de Trabajo de hipertexto Aplicacin de Tecnologa Web (WHATWG).

WHATWG estaba trabajando con los formularios web y aplicaciones, y la W3Cestaba trabajando con XHTML 2.0.En 2006, decidieron cooperar y crear unanueva versin de HTML.

Se han establecido algunas reglas para HTML5:

Las nuevas caractersticas se deben basar en HTML, CSS, DOM y

JavaScript Reducir la necesidad de plugins externos (como Flash)

Mejor manejo de errores

Ms marcado para reemplazar scripting

HTML5 debe ser independiente del dispositivo

El proceso de desarrollo debe ser visible para el pblico


3/55

El HTML5

En HTML5 hay una sola declaracin, y es muy simple :

Documento HTML5 mnimo

A continuacin se muestra un documento HTML 5 sencilla, con el mnimo de etiquetasrequeridas:

Title of the document

The content of the document......

HTML5 - Nuevas funcionesAlgunas de las ms interesantes nuevas caractersticas de HTML5:

El elemento para el dibujo 2D

Los elementos y para la reproduccin de medios

Soporte para almacenamiento local

Nuevos elementos de contenido especfico, como , ,, ,

Nuevos controles de formulario, como el calendario, la fecha, la hora,email, URL, bsqueda

Soporte del navegador para HTML5

HTML5 todava no es un estndar oficial, y no los navegadores tienen soporteHTML5 completo.

Sin embargo, todos los principales navegadores (Safari, Chrome, Firefox,

Opera, Internet Explorer) continan agregando nuevas caractersticas deHTML5 a sus ltimas versiones.


4/55

HTML5 Referencias

En W3Schools encontrar referencias completas acerca de las etiquetas,atributos globales, eventos estndar, y ms.

HTML5 Referencia

Ordenadas alfabticamente

Nuevo: Nuevas etiquetas en HTML5.

Tag Description

Defines a comment

Defines the document type

Defines a hyperlink

Defines an abbreviation

Not supported in HTML5. Defines an acronym

Defines contact information for the author/owner of a document

Not supported in HTML5. Deprecated in HTML 4.01. Defines an

embedded applet

Defines an area inside an image-map

New Defines an article

New Defines content aside from the page content

New Defines sound content

Defines bold text

Specifies the base URL/target for all relative URLs in a document

Not supported in HTML5. Deprecated in HTML 4.01. Specifies a

default color, size, and font for all text in a document

New Isolates a part of text that might be formatted in a different direction

from other text outside it

Overrides the current text direction

Not supported in HTML5. Defines big text
http://www.w3schools.com/tags/default.asphttp://www.w3schools.com/tags/tag_comment.asphttp://www.w3schools.com/tags/tag_doctype.asphttp://www.w3schools.com/tags/tag_a.asphttp://www.w3schools.com/tags/tag_abbr.asphttp://www.w3schools.com/tags/tag_acronym.asphttp://www.w3schools.com/tags/tag_address.asphttp://www.w3schools.com/tags/tag_applet.asphttp://www.w3schools.com/tags/tag_area.asphttp://www.w3schools.com/tags/tag_article.asphttp://www.w3schools.com/tags/tag_aside.asphttp://www.w3schools.com/tags/tag_audio.asphttp://www.w3schools.com/tags/tag_b.asphttp://www.w3schools.com/tags/tag_base.asphttp://www.w3schools.com/tags/tag_basefont.asphttp://www.w3schools.com/tags/tag_bdi.asphttp://www.w3schools.com/tags/tag_bdo.asphttp://www.w3schools.com/tags/tag_big.asphttp://www.w3schools.com/tags/tag_comment.asphttp://www.w3schools.com/tags/tag_doctype.asphttp://www.w3schools.com/tags/tag_a.asphttp://www.w3schools.com/tags/tag_abbr.asphttp://www.w3schools.com/tags/tag_acronym.asphttp://www.w3schools.com/tags/tag_address.asphttp://www.w3schools.com/tags/tag_applet.asphttp://www.w3schools.com/tags/tag_area.asphttp://www.w3schools.com/tags/tag_article.asphttp://www.w3schools.com/tags/tag_aside.asphttp://www.w3schools.com/tags/tag_audio.asphttp://www.w3schools.com/tags/tag_b.asphttp://www.w3schools.com/tags/tag_base.asphttp://www.w3schools.com/tags/tag_basefont.asphttp://www.w3schools.com/tags/tag_bdi.asphttp://www.w3schools.com/tags/tag_bdo.asphttp://www.w3schools.com/tags/tag_big.asphttp://www.w3schools.com/tags/default.asp


5/55

Defines a section that is quoted from another source

Defines the document's body

Defines a single line break

Defines a clickable button

New Used to draw graphics, on the fly, via scripting (usually JavaScript)

Defines a table caption

Not supported in HTML5. Deprecated in HTML 4.01. Defines

centered text

Defines the title of a work

Defines a piece of computer code

Specifies column properties for each column within a

element

Specifies a group of one or more columns in a table for formatting

New Defines a command button that a user can invoke

New Specifies a list of pre-defined options for input controls

Defines a description/value of a term in a description list

Defines text that has been deleted from a document

New Defines additional details that the user can view or hide

Defines a definition term

New Defines a dialog box or window

Not supported in HTML5. Deprecated in HTML 4.01. Defines a

directory list

Defines a section in a document

Defines a description list

Defines a term/name in a description list

Defines emphasized text

New Defines a container for an external (non-HTML) application

Groups related elements in a form

New Defines a caption for a element

New Specifies self-contained content
http://www.w3schools.com/tags/tag_blockquote.asphttp://www.w3schools.com/tags/tag_body.asphttp://www.w3schools.com/tags/tag_br.asphttp://www.w3schools.com/tags/tag_button.asphttp://www.w3schools.com/tags/tag_canvas.asphttp://www.w3schools.com/tags/tag_caption.asphttp://www.w3schools.com/tags/tag_center.asphttp://www.w3schools.com/tags/tag_cite.asphttp://www.w3schools.com/tags/tag_code.asphttp://www.w3schools.com/tags/tag_col.asphttp://www.w3schools.com/tags/tag_colgroup.asphttp://www.w3schools.com/tags/tag_command.asphttp://www.w3schools.com/tags/tag_datalist.asphttp://www.w3schools.com/tags/tag_dd.asphttp://www.w3schools.com/tags/tag_del.asphttp://www.w3schools.com/tags/tag_details.asphttp://www.w3schools.com/tags/tag_dfn.asphttp://www.w3schools.com/tags/tag_dialog.asphttp://www.w3schools.com/tags/tag_dir.asphttp://www.w3schools.com/tags/tag_div.asphttp://www.w3schools.com/tags/tag_dl.asphttp://www.w3schools.com/tags/tag_dt.asphttp://www.w3schools.com/tags/tag_em.asphttp://www.w3schools.com/tags/tag_embed.asphttp://www.w3schools.com/tags/tag_fieldset.asphttp://www.w3schools.com/tags/tag_figcaption.asphttp://www.w3schools.com/tags/tag_figure.asphttp://www.w3schools.com/tags/tag_blockquote.asphttp://www.w3schools.com/tags/tag_body.asphttp://www.w3schools.com/tags/tag_br.asphttp://www.w3schools.com/tags/tag_button.asphttp://www.w3schools.com/tags/tag_canvas.asphttp://www.w3schools.com/tags/tag_caption.asphttp://www.w3schools.com/tags/tag_center.asphttp://www.w3schools.com/tags/tag_cite.asphttp://www.w3schools.com/tags/tag_code.asphttp://www.w3schools.com/tags/tag_col.asphttp://www.w3schools.com/tags/tag_colgroup.asphttp://www.w3schools.com/tags/tag_command.asphttp://www.w3schools.com/tags/tag_datalist.asphttp://www.w3schools.com/tags/tag_dd.asphttp://www.w3schools.com/tags/tag_del.asphttp://www.w3schools.com/tags/tag_details.asphttp://www.w3schools.com/tags/tag_dfn.asphttp://www.w3schools.com/tags/tag_dialog.asphttp://www.w3schools.com/tags/tag_dir.asphttp://www.w3schools.com/tags/tag_div.asphttp://www.w3schools.com/tags/tag_dl.asphttp://www.w3schools.com/tags/tag_dt.asphttp://www.w3schools.com/tags/tag_em.asphttp://www.w3schools.com/tags/tag_embed.asphttp://www.w3schools.com/tags/tag_fieldset.asphttp://www.w3schools.com/tags/tag_figcaption.asphttp://www.w3schools.com/tags/tag_figure.asp


6/55

Not supported in HTML5. Deprecated in HTML 4.01. Defines font,

color, and size for text

New Defines a footer for a document or section

Defines an HTML form for user input

Not supported in HTML5. Defines a window (a frame) in a frameset

Not supported in HTML5. Defines a set of frames

to Defines HTML headings

Defines information about the document

New Defines a header for a document or section

Defines a thematic change in the content

Defines the root of an HTML document

Defines a part of text in an alternate voice or mood

Defines an inline frame

Defines an image

Defines an input control

Defines a text that has been inserted into a document

Defines keyboard input

New Defines a key-pair generator field (for forms)

Defines a label for an element

Defines a caption for a element

Defines a list item

Defines the relationship between a document and an external

resource (most used to link to style sheets)

Defines a client-side image-map

New Defines marked/highlighted text

Defines a list/menu of commands

Defines metadata about an HTML document

New Defines a scalar measurement within a known range (a gauge)

New Defines navigation links
http://www.w3schools.com/tags/tag_font.asphttp://www.w3schools.com/tags/tag_footer.asphttp://www.w3schools.com/tags/tag_form.asphttp://www.w3schools.com/tags/tag_frame.asphttp://www.w3schools.com/tags/tag_frameset.asphttp://www.w3schools.com/tags/tag_hn.asphttp://www.w3schools.com/tags/tag_head.asphttp://www.w3schools.com/tags/tag_header.asphttp://www.w3schools.com/tags/tag_hr.asphttp://www.w3schools.com/tags/tag_html.asphttp://www.w3schools.com/tags/tag_i.asphttp://www.w3schools.com/tags/tag_iframe.asphttp://www.w3schools.com/tags/tag_img.asphttp://www.w3schools.com/tags/tag_input.asphttp://www.w3schools.com/tags/tag_ins.asphttp://www.w3schools.com/tags/tag_kbd.asphttp://www.w3schools.com/tags/tag_keygen.asphttp://www.w3schools.com/tags/tag_label.asphttp://www.w3schools.com/tags/tag_legend.asphttp://www.w3schools.com/tags/tag_li.asphttp://www.w3schools.com/tags/tag_link.asphttp://www.w3schools.com/tags/tag_map.asphttp://www.w3schools.com/tags/tag_mark.asphttp://www.w3schools.com/tags/tag_menu.asphttp://www.w3schools.com/tags/tag_meta.asphttp://www.w3schools.com/tags/tag_meter.asphttp://www.w3schools.com/tags/tag_nav.asphttp://www.w3schools.com/tags/tag_font.asphttp://www.w3schools.com/tags/tag_footer.asphttp://www.w3schools.com/tags/tag_form.asphttp://www.w3schools.com/tags/tag_frame.asphttp://www.w3schools.com/tags/tag_frameset.asphttp://www.w3schools.com/tags/tag_hn.asphttp://www.w3schools.com/tags/tag_head.asphttp://www.w3schools.com/tags/tag_header.asphttp://www.w3schools.com/tags/tag_hr.asphttp://www.w3schools.com/tags/tag_html.asphttp://www.w3schools.com/tags/tag_i.asphttp://www.w3schools.com/tags/tag_iframe.asphttp://www.w3schools.com/tags/tag_img.asphttp://www.w3schools.com/tags/tag_input.asphttp://www.w3schools.com/tags/tag_ins.asphttp://www.w3schools.com/tags/tag_kbd.asphttp://www.w3schools.com/tags/tag_keygen.asphttp://www.w3schools.com/tags/tag_label.asphttp://www.w3schools.com/tags/tag_legend.asphttp://www.w3schools.com/tags/tag_li.asphttp://www.w3schools.com/tags/tag_link.asphttp://www.w3schools.com/tags/tag_map.asphttp://www.w3schools.com/tags/tag_mark.asphttp://www.w3schools.com/tags/tag_menu.asphttp://www.w3schools.com/tags/tag_meta.asphttp://www.w3schools.com/tags/tag_meter.asphttp://www.w3schools.com/tags/tag_nav.asp


7/55

Not supported in HTML5. Defines an alternate content for users

that do not support frames

Defines an alternate content for users that do not support client-

side scripts

Defines an embedded object

Defines an ordered list

Defines a group of related options in a drop-down list

Defines an option in a drop-down list

New Defines the result of a calculation

Defines a paragraph

Defines a parameter for an object

Defines preformatted text

New Represents the progress of a task

Defines a short quotation

New Defines what to show in browsers that do not support ruby

annotations

New Defines an explanation/pronunciation of characters (for East Asian

typography)

New Defines a ruby annotation (for East Asian typography)

Defines text that is no longer correct

Defines sample output from a computer program

Defines a client-side script

New Defines a section in a document

Defines a drop-down list

Defines smaller text

New Defines multiple media resources for media elements ( and

)



strikethrough text

Defines important text
http://www.w3schools.com/tags/tag_noframes.asphttp://www.w3schools.com/tags/tag_noscript.asphttp://www.w3schools.com/tags/tag_object.asphttp://www.w3schools.com/tags/tag_ol.asphttp://www.w3schools.com/tags/tag_optgroup.asphttp://www.w3schools.com/tags/tag_option.asphttp://www.w3schools.com/tags/tag_output.asphttp://www.w3schools.com/tags/tag_p.asphttp://www.w3schools.com/tags/tag_param.asphttp://www.w3schools.com/tags/tag_pre.asphttp://www.w3schools.com/tags/tag_progress.asphttp://www.w3schools.com/tags/tag_q.asphttp://www.w3schools.com/tags/tag_rp.asphttp://www.w3schools.com/tags/tag_rt.asphttp://www.w3schools.com/tags/tag_ruby.asphttp://www.w3schools.com/tags/tag_s.asphttp://www.w3schools.com/tags/tag_samp.asphttp://www.w3schools.com/tags/tag_script.asphttp://www.w3schools.com/tags/tag_section.asphttp://www.w3schools.com/tags/tag_select.asphttp://www.w3schools.com/tags/tag_small.asphttp://www.w3schools.com/tags/tag_source.asphttp://www.w3schools.com/tags/tag_span.asphttp://www.w3schools.com/tags/tag_strike.asphttp://www.w3schools.com/tags/tag_strong.asphttp://www.w3schools.com/tags/tag_noframes.asphttp://www.w3schools.com/tags/tag_noscript.asphttp://www.w3schools.com/tags/tag_object.asphttp://www.w3schools.com/tags/tag_ol.asphttp://www.w3schools.com/tags/tag_optgroup.asphttp://www.w3schools.com/tags/tag_option.asphttp://www.w3schools.com/tags/tag_output.asphttp://www.w3schools.com/tags/tag_p.asphttp://www.w3schools.com/tags/tag_param.asphttp://www.w3schools.com/tags/tag_pre.asphttp://www.w3schools.com/tags/tag_progress.asphttp://www.w3schools.com/tags/tag_q.asphttp://www.w3schools.com/tags/tag_rp.asphttp://www.w3schools.com/tags/tag_rt.asphttp://www.w3schools.com/tags/tag_ruby.asphttp://www.w3schools.com/tags/tag_s.asphttp://www.w3schools.com/tags/tag_samp.asphttp://www.w3schools.com/tags/tag_script.asphttp://www.w3schools.com/tags/tag_section.asphttp://www.w3schools.com/tags/tag_select.asphttp://www.w3schools.com/tags/tag_small.asphttp://www.w3schools.com/tags/tag_source.asphttp://www.w3schools.com/tags/tag_span.asphttp://www.w3schools.com/tags/tag_strike.asphttp://www.w3schools.com/tags/tag_strong.asp


8/55

Defines style information for a document

Defines subscripted text

New Defines a visible heading for a element

Defines superscripted text

Defines a table

Groups the body content in a table

Defines a cell in a table

Defines a multiline input control (text area)

Groups the footer content in a table

Defines a header cell in a table

Groups the header content in a table

New Defines a date/time

Defines a title for the document

Defines a row in a table

New Defines text tracks for media elements ( and )

Not supported in HTML5. Defines teletype text

Defines text that should be stylistically different from normal text

Defines an unordered list

Defines a variable

New Defines a video or movie

New Defines a possible line-break

Ordenado por funcin
http://www.w3schools.com/tags/tag_style.asphttp://www.w3schools.com/tags/tag_sub.asphttp://www.w3schools.com/tags/tag_summary.asphttp://www.w3schools.com/tags/tag_sup.asphttp://www.w3schools.com/tags/tag_table.asphttp://www.w3schools.com/tags/tag_tbody.asphttp://www.w3schools.com/tags/tag_td.asphttp://www.w3schools.com/tags/tag_textarea.asphttp://www.w3schools.com/tags/tag_tfoot.asphttp://www.w3schools.com/tags/tag_th.asphttp://www.w3schools.com/tags/tag_thead.asphttp://www.w3schools.com/tags/tag_time.asphttp://www.w3schools.com/tags/tag_title.asphttp://www.w3schools.com/tags/tag_tr.asphttp://www.w3schools.com/tags/tag_track.asphttp://www.w3schools.com/tags/tag_tt.asphttp://www.w3schools.com/tags/tag_u.asphttp://www.w3schools.com/tags/tag_ul.asphttp://www.w3schools.com/tags/tag_var.asphttp://www.w3schools.com/tags/tag_video.asphttp://www.w3schools.com/tags/tag_wbr.asphttp://www.w3schools.com/tags/tag_style.asphttp://www.w3schools.com/tags/tag_sub.asphttp://www.w3schools.com/tags/tag_summary.asphttp://www.w3schools.com/tags/tag_sup.asphttp://www.w3schools.com/tags/tag_table.asphttp://www.w3schools.com/tags/tag_tbody.asphttp://www.w3schools.com/tags/tag_td.asphttp://www.w3schools.com/tags/tag_textarea.asphttp://www.w3schools.com/tags/tag_tfoot.asphttp://www.w3schools.com/tags/tag_th.asphttp://www.w3schools.com/tags/tag_thead.asphttp://www.w3schools.com/tags/tag_time.asphttp://www.w3schools.com/tags/tag_title.asphttp://www.w3schools.com/tags/tag_tr.asphttp://www.w3schools.com/tags/tag_track.asphttp://www.w3schools.com/tags/tag_tt.asphttp://www.w3schools.com/tags/tag_u.asphttp://www.w3schools.com/tags/tag_ul.asphttp://www.w3schools.com/tags/tag_var.asphttp://www.w3schools.com/tags/tag_video.asphttp://www.w3schools.com/tags/tag_wbr.asp


9/55

Nuevo: Nuevas etiquetas en HTML5.

Tag Description

Basic

Defines the document type

Defines an HTML document

Defines a title for the document

Defines the document's body

to Defines HTML headings

Defines a paragraph

Inserts a single line break

Defines a thematic change in the content

Defines a comment

Formatting

Not supported in HTML5. Defines an acronym

Defines an abbreviation

Defines contact information for the author/owner of a

document/article

Defines bold text

New Isolates a part of text that might be formatted in a different

direction from other text outside it

Overrides the current text direction

Not supported in HTML5. Defines big text

Defines a section that is quoted from another source

Not supported in HTML5. Deprecated in HTML 4.01. Definescentered text

Defines the title of a work

Defines a piece of computer code

Defines text that has been deleted from a document

Defines a definition term

Tag Description
http://www.w3schools.com/tags/tag_doctype.asphttp://www.w3schools.com/tags/tag_html.asphttp://www.w3schools.com/tags/tag_title.asphttp://www.w3schools.com/tags/tag_body.asphttp://www.w3schools.com/tags/tag_hn.asphttp://www.w3schools.com/tags/tag_p.asphttp://www.w3schools.com/tags/tag_br.asphttp://www.w3schools.com/tags/tag_hr.asphttp://www.w3schools.com/tags/tag_comment.asphttp://www.w3schools.com/tags/tag_acronym.asphttp://www.w3schools.com/tags/tag_abbr.asphttp://www.w3schools.com/tags/tag_address.asphttp://www.w3schools.com/tags/tag_b.asphttp://www.w3schools.com/tags/tag_bdi.asphttp://www.w3schools.com/tags/tag_bdo.asphttp://www.w3schools.com/tags/tag_big.asphttp://www.w3schools.com/tags/tag_blockquote.asphttp://www.w3schools.com/tags/tag_center.asphttp://www.w3schools.com/tags/tag_cite.asphttp://www.w3schools.com/tags/tag_code.asphttp://www.w3schools.com/tags/tag_del.asphttp://www.w3schools.com/tags/tag_dfn.asphttp://www.w3schools.com/tags/tag_doctype.asphttp://www.w3schools.com/tags/tag_html.asphttp://www.w3schools.com/tags/tag_title.asphttp://www.w3schools.com/tags/tag_body.asphttp://www.w3schools.com/tags/tag_hn.asphttp://www.w3schools.com/tags/tag_p.asphttp://www.w3schools.com/tags/tag_br.asphttp://www.w3schools.com/tags/tag_hr.asphttp://www.w3schools.com/tags/tag_comment.asphttp://www.w3schools.com/tags/tag_acronym.asphttp://www.w3schools.com/tags/tag_abbr.asphttp://www.w3schools.com/tags/tag_address.asphttp://www.w3schools.com/tags/tag_b.asphttp://www.w3schools.com/tags/tag_bdi.asphttp://www.w3schools.com/tags/tag_bdo.asphttp://www.w3schools.com/tags/tag_big.asphttp://www.w3schools.com/tags/tag_blockquote.asphttp://www.w3schools.com/tags/tag_center.asphttp://www.w3schools.com/tags/tag_cite.asphttp://www.w3schools.com/tags/tag_code.asphttp://www.w3schools.com/tags/tag_del.asphttp://www.w3schools.com/tags/tag_dfn.asp


10/55

Defines emphasized text


font, color, and size for text

Defines a part of text in an alternate voice or mood

Defines a text that has been inserted into a document

Defines keyboard input

New Defines marked/highlighted text

New Defines a scalar measurement within a known range (a

gauge)

Defines preformatted text

New Represents the progress of a task

Defines a short quotation

New Defines what to show in browsers that do not support ruby

annotations

New Defines an explanation/pronunciation of characters (for East

Asian typography)

New Defines a ruby annotation (for East Asian typography)

Defines text that is no longer correct

Defines sample output from a computer program

Defines smaller text


strikethrough text

Defines important text

Defines subscripted text

Defines superscripted text

New Defines a date/time

Not supported in HTML5. Defines teletype text

Defines text that should be stylistically different from normal

text

Defines a variable

New Defines a possible line-break

Forms
http://www.w3schools.com/tags/tag_em.asphttp://www.w3schools.com/tags/tag_font.asphttp://www.w3schools.com/tags/tag_i.asphttp://www.w3schools.com/tags/tag_ins.asphttp://www.w3schools.com/tags/tag_kbd.asphttp://www.w3schools.com/tags/tag_mark.asphttp://www.w3schools.com/tags/tag_meter.asphttp://www.w3schools.com/tags/tag_pre.asphttp://www.w3schools.com/tags/tag_progress.asphttp://www.w3schools.com/tags/tag_q.asphttp://www.w3schools.com/tags/tag_rp.asphttp://www.w3schools.com/tags/tag_rt.asphttp://www.w3schools.com/tags/tag_ruby.asphttp://www.w3schools.com/tags/tag_s.asphttp://www.w3schools.com/tags/tag_samp.asphttp://www.w3schools.com/tags/tag_small.asphttp://www.w3schools.com/tags/tag_strike.asphttp://www.w3schools.com/tags/tag_strong.asphttp://www.w3schools.com/tags/tag_sub.asphttp://www.w3schools.com/tags/tag_sup.asphttp://www.w3schools.com/tags/tag_time.asphttp://www.w3schools.com/tags/tag_tt.asphttp://www.w3schools.com/tags/tag_u.asphttp://www.w3schools.com/tags/tag_var.asphttp://www.w3schools.com/tags/tag_wbr.asphttp://www.w3schools.com/tags/tag_em.asphttp://www.w3schools.com/tags/tag_font.asphttp://www.w3schools.com/tags/tag_i.asphttp://www.w3schools.com/tags/tag_ins.asphttp://www.w3schools.com/tags/tag_kbd.asphttp://www.w3schools.com/tags/tag_mark.asphttp://www.w3schools.com/tags/tag_meter.asphttp://www.w3schools.com/tags/tag_pre.asphttp://www.w3schools.com/tags/tag_progress.asphttp://www.w3schools.com/tags/tag_q.asphttp://www.w3schools.com/tags/tag_rp.asphttp://www.w3schools.com/tags/tag_rt.asphttp://www.w3schools.com/tags/tag_ruby.asphttp://www.w3schools.com/tags/tag_s.asphttp://www.w3schools.com/tags/tag_samp.asphttp://www.w3schools.com/tags/tag_small.asphttp://www.w3schools.com/tags/tag_strike.asphttp://www.w3schools.com/tags/tag_strong.asphttp://www.w3schools.com/tags/tag_sub.asphttp://www.w3schools.com/tags/tag_sup.asphttp://www.w3schools.com/tags/tag_time.asphttp://www.w3schools.com/tags/tag_tt.asphttp://www.w3schools.com/tags/tag_u.asphttp://www.w3schools.com/tags/tag_var.asphttp://www.w3schools.com/tags/tag_wbr.asp


11/55

Defines an HTML form for user input

Defines an input control

Defines a multiline input control (text area)

Defines a clickable button

Defines a drop-down list

Defines a group of related options in a drop-down list

Defines an option in a drop-down list

Defines a label for an element

Groups related elements in a form

Defines a caption for a element

New Specifies a list of pre-defined options for input controls

New Defines a key-pair generator field (for forms)

New Defines the result of a calculation

Frames

Not supported in HTML5. Defines a window (a frame) in a

frameset

Not supported in HTML5. Defines a set of frames

Not supported in HTML5. Defines an alternate content for

users that do not support frames

Defines an inline frame

Images

Defines an image

Defines a client-side image-map

Defines an area inside an image-map

New Used to draw graphics, on the fly, via scripting (usually

JavaScript)

New Defines a caption for a element

New Specifies self-contained content

Audio/Video

New Defines sound content

New Defines multiple media resources for media elements

( and )
http://www.w3schools.com/tags/tag_form.asphttp://www.w3schools.com/tags/tag_input.asphttp://www.w3schools.com/tags/tag_textarea.asphttp://www.w3schools.com/tags/tag_button.asphttp://www.w3schools.com/tags/tag_select.asphttp://www.w3schools.com/tags/tag_optgroup.asphttp://www.w3schools.com/tags/tag_option.asphttp://www.w3schools.com/tags/tag_label.asphttp://www.w3schools.com/tags/tag_fieldset.asphttp://www.w3schools.com/tags/tag_legend.asphttp://www.w3schools.com/tags/tag_datalist.asphttp://www.w3schools.com/tags/tag_keygen.asphttp://www.w3schools.com/tags/tag_output.asphttp://www.w3schools.com/tags/tag_frame.asphttp://www.w3schools.com/tags/tag_frameset.asphttp://www.w3schools.com/tags/tag_noframes.asphttp://www.w3schools.com/tags/tag_iframe.asphttp://www.w3schools.com/tags/tag_img.asphttp://www.w3schools.com/tags/tag_map.asphttp://www.w3schools.com/tags/tag_area.asphttp://www.w3schools.com/tags/tag_canvas.asphttp://www.w3schools.com/tags/tag_figcaption.asphttp://www.w3schools.com/tags/tag_figure.asphttp://www.w3schools.com/tags/tag_audio.asphttp://www.w3schools.com/tags/tag_source.asphttp://www.w3schools.com/tags/tag_form.asphttp://www.w3schools.com/tags/tag_input.asphttp://www.w3schools.com/tags/tag_textarea.asphttp://www.w3schools.com/tags/tag_button.asphttp://www.w3schools.com/tags/tag_select.asphttp://www.w3schools.com/tags/tag_optgroup.asphttp://www.w3schools.com/tags/tag_option.asphttp://www.w3schools.com/tags/tag_label.asphttp://www.w3schools.com/tags/tag_fieldset.asphttp://www.w3schools.com/tags/tag_legend.asphttp://www.w3schools.com/tags/tag_datalist.asphttp://www.w3schools.com/tags/tag_keygen.asphttp://www.w3schools.com/tags/tag_output.asphttp://www.w3schools.com/tags/tag_frame.asphttp://www.w3schools.com/tags/tag_frameset.asphttp://www.w3schools.com/tags/tag_noframes.asphttp://www.w3schools.com/tags/tag_iframe.asphttp://www.w3schools.com/tags/tag_img.asphttp://www.w3schools.com/tags/tag_map.asphttp://www.w3schools.com/tags/tag_area.asphttp://www.w3schools.com/tags/tag_canvas.asphttp://www.w3schools.com/tags/tag_figcaption.asphttp://www.w3schools.com/tags/tag_figure.asphttp://www.w3schools.com/tags/tag_audio.asphttp://www.w3schools.com/tags/tag_source.asp


12/55

New Defines text tracks for media elements ( and )

New Defines a video or movie

Links

Defines a hyperlink

Defines the relationship between a document and an external

resource (most used to link to style sheets)

New Defines navigation links

Lists

Defines an unordered list

Defines an ordered list

Defines a list item


a directory list

Defines a description list

Defines a term/name in a description list

Defines a list/menu of commands

New Defines a command button that a user can invoke

Tables

Defines a table

Defines a table caption

Defines a header cell in a table

Defines a row in a table

Defines a cell in a table

Groups the header content in a table

Groups the body content in a table

Groups the footer content in a table

Specifies column properties for each column within a

element

Specifies a group of one or more columns in a table for

formatting

Style/Sections
http://www.w3schools.com/tags/tag_track.asphttp://www.w3schools.com/tags/tag_video.asphttp://www.w3schools.com/tags/tag_a.asphttp://www.w3schools.com/tags/tag_link.asphttp://www.w3schools.com/tags/tag_nav.asphttp://www.w3schools.com/tags/tag_ul.asphttp://www.w3schools.com/tags/tag_ol.asphttp://www.w3schools.com/tags/tag_li.asphttp://www.w3schools.com/tags/tag_dir.asphttp://www.w3schools.com/tags/tag_dl.asphttp://www.w3schools.com/tags/tag_dt.asphttp://www.w3schools.com/tags/tag_menu.asphttp://www.w3schools.com/tags/tag_command.asphttp://www.w3schools.com/tags/tag_table.asphttp://www.w3schools.com/tags/tag_caption.asphttp://www.w3schools.com/tags/tag_th.asphttp://www.w3schools.com/tags/tag_tr.asphttp://www.w3schools.com/tags/tag_td.asphttp://www.w3schools.com/tags/tag_thead.asphttp://www.w3schools.com/tags/tag_tbody.asphttp://www.w3schools.com/tags/tag_tfoot.asphttp://www.w3schools.com/tags/tag_col.asphttp://www.w3schools.com/tags/tag_colgroup.asphttp://www.w3schools.com/tags/tag_track.asphttp://www.w3schools.com/tags/tag_video.asphttp://www.w3schools.com/tags/tag_a.asphttp://www.w3schools.com/tags/tag_link.asphttp://www.w3schools.com/tags/tag_nav.asphttp://www.w3schools.com/tags/tag_ul.asphttp://www.w3schools.com/tags/tag_ol.asphttp://www.w3schools.com/tags/tag_li.asphttp://www.w3schools.com/tags/tag_dir.asphttp://www.w3schools.com/tags/tag_dl.asphttp://www.w3schools.com/tags/tag_dt.asphttp://www.w3schools.com/tags/tag_menu.asphttp://www.w3schools.com/tags/tag_command.asphttp://www.w3schools.com/tags/tag_table.asphttp://www.w3schools.com/tags/tag_caption.asphttp://www.w3schools.com/tags/tag_th.asphttp://www.w3schools.com/tags/tag_tr.asphttp://www.w3schools.com/tags/tag_td.asphttp://www.w3schools.com/tags/tag_thead.asphttp://www.w3schools.com/tags/tag_tbody.asphttp://www.w3schools.com/tags/tag_tfoot.asphttp://www.w3schools.com/tags/tag_col.asphttp://www.w3schools.com/tags/tag_colgroup.asp


13/55

Defines style information for a document



New Defines a header for a document or section

New Defines a footer for a document or section

New Defines a section in a document

New Defines an article

New Defines content aside from the page content

New Defines a visible heading for a element

Meta Info

Defines information about the document

Defines metadata about an HTML document

Specifies the base URL/target for all relative URLs in a

document

Not supported in HTML5. Deprecated in HTML

4.01. Specifies a default color, size, and font for all text in a

document

Programming

Defines a client-side script

Defines an alternate content for users that do not support

client-side scripts


an embedded applet

New Defines a container for an external (non-HTML) application

Defines an embedded object

Defines a parameter for an object

HTML globales Atributos
http://www.w3schools.com/tags/tag_style.asphttp://www.w3schools.com/tags/tag_div.asphttp://www.w3schools.com/tags/tag_span.asphttp://www.w3schools.com/tags/tag_header.asphttp://www.w3schools.com/tags/tag_footer.asphttp://www.w3schools.com/tags/tag_section.asphttp://www.w3schools.com/tags/tag_article.asphttp://www.w3schools.com/tags/tag_aside.asphttp://www.w3schools.com/tags/tag_summary.asphttp://www.w3schools.com/tags/tag_head.asphttp://www.w3schools.com/tags/tag_meta.asphttp://www.w3schools.com/tags/tag_base.asphttp://www.w3schools.com/tags/tag_basefont.asphttp://www.w3schools.com/tags/tag_script.asphttp://www.w3schools.com/tags/tag_noscript.asphttp://www.w3schools.com/tags/tag_applet.asphttp://www.w3schools.com/tags/tag_embed.asphttp://www.w3schools.com/tags/tag_object.asphttp://www.w3schools.com/tags/tag_param.asphttp://www.w3schools.com/tags/tag_style.asphttp://www.w3schools.com/tags/tag_div.asphttp://www.w3schools.com/tags/tag_span.asphttp://www.w3schools.com/tags/tag_header.asphttp://www.w3schools.com/tags/tag_footer.asphttp://www.w3schools.com/tags/tag_section.asphttp://www.w3schools.com/tags/tag_article.asphttp://www.w3schools.com/tags/tag_aside.asphttp://www.w3schools.com/tags/tag_summary.asphttp://www.w3schools.com/tags/tag_head.asphttp://www.w3schools.com/tags/tag_meta.asphttp://www.w3schools.com/tags/tag_base.asphttp://www.w3schools.com/tags/tag_basefont.asphttp://www.w3schools.com/tags/tag_script.asphttp://www.w3schools.com/tags/tag_noscript.asphttp://www.w3schools.com/tags/tag_applet.asphttp://www.w3schools.com/tags/tag_embed.asphttp://www.w3schools.com/tags/tag_object.asphttp://www.w3schools.com/tags/tag_param.asp


14/55

Nuevo: Nuevos atributos globales en HTML5.

Attribute Description

accesskey Specifies a shortcut key to activate/focus an element

class Specifies one or more classnames for an element (refers

to a class in a style sheet)

contenteditable

New

Specifies whether the content of an element is editable or

not

contextmenu

New

Specifies a context menu for an element. The context

menu appears when a user right-clicks on the element

dir Specifies the text direction for the content in an element

draggableNew Specifies whether an element is draggable or not

dropzoneNew Specifies whether the dragged data is copied, moved, or

linked, when dropped

hiddenNew Specifies that an element is not yet, or is no longer,relevant

id Specifies a unique id for an element

lang Specifies the language of the element's content

spellcheckNew Specifies whether the element is to have its spelling and

grammar checked or not

style Specifies an inline CSS style for an element

tabindex Specifies the tabbing order of an element

title Specifies extra information about an element

Atributos de eventos
http://www.w3schools.com/tags/att_global_accesskey.asphttp://www.w3schools.com/tags/att_global_class.asphttp://www.w3schools.com/tags/att_global_contenteditable.asphttp://www.w3schools.com/tags/att_global_contextmenu.asphttp://www.w3schools.com/tags/att_global_dir.asphttp://www.w3schools.com/tags/att_global_draggable.asphttp://www.w3schools.com/tags/att_global_dropzone.asphttp://www.w3schools.com/tags/att_global_hidden.asphttp://www.w3schools.com/tags/att_global_id.asphttp://www.w3schools.com/tags/att_global_lang.asphttp://www.w3schools.com/tags/att_global_spellcheck.asphttp://www.w3schools.com/tags/att_global_style.asphttp://www.w3schools.com/tags/att_global_tabindex.asphttp://www.w3schools.com/tags/att_global_title.asphttp://www.w3schools.com/tags/att_global_accesskey.asphttp://www.w3schools.com/tags/att_global_class.asphttp://www.w3schools.com/tags/att_global_contenteditable.asphttp://www.w3schools.com/tags/att_global_contextmenu.asphttp://www.w3schools.com/tags/att_global_dir.asphttp://www.w3schools.com/tags/att_global_draggable.asphttp://www.w3schools.com/tags/att_global_dropzone.asphttp://www.w3schools.com/tags/att_global_hidden.asphttp://www.w3schools.com/tags/att_global_id.asphttp://www.w3schools.com/tags/att_global_lang.asphttp://www.w3schools.com/tags/att_global_spellcheck.asphttp://www.w3schools.com/tags/att_global_style.asphttp://www.w3schools.com/tags/att_global_tabindex.asphttp://www.w3schools.com/tags/att_global_title.asp


15/55

Eventos activados para el objeto de la ventana (se aplica a la etiqueta ):

Attribute Value Description

onafterprintNew script Script to be run after the document is printed

onbeforeprintNew script Script to be run before the document is printed

onbeforeunloadNew script Script to be run before the document is unloaded

onerrorNew script Script to be run when an error occur

onhaschangeNew script Script to be run when the document has changed

onload script Fires after the page is finished loading

onmessageNew script Script to be run when the message is triggered

onofflineNew script Script to be run when the document goes offline

ononlineNew script Script to be run when the document comes online

onpagehideNew script Script to be run when the window is hidden

onpageshowNew script Script to be run when the window becomes visible

onpopstateNew script Script to be run when the window's history changes

onredoNew script Script to be run when the document performs a redo

onresizeNew script Fires when the browser window is resized

onstorageNew script Script to be run when a Web Storage area is updated

onundoNew script Script to be run when the document performs an undo

onunload script Fires once a page has unloaded (or the browser window has been

closed)

Eventos de formulario
http://www.w3schools.com/tags/ev_onafterprint.asphttp://www.w3schools.com/tags/ev_onbeforeprint.asphttp://www.w3schools.com/tags/ev_onload.asphttp://www.w3schools.com/tags/ev_onresize.asphttp://www.w3schools.com/tags/ev_onunload.asphttp://www.w3schools.com/tags/ev_onafterprint.asphttp://www.w3schools.com/tags/ev_onbeforeprint.asphttp://www.w3schools.com/tags/ev_onload.asphttp://www.w3schools.com/tags/ev_onresize.asphttp://www.w3schools.com/tags/ev_onunload.asp


16/55

Eventos activados por acciones dentro de un formulario HTML (se aplica a casi todos los elementos

HTML, pero est ms utilizado en los elementos de formulario):


onblur script Fires the moment that the element loses focus

onchange script Fires the moment when the value of the element is changed

oncontextmenuNew script Script to be run when a context menu is triggered

onfocus script Fires the moment when the element gets focus

onformchangeNew script Script to be run when a form changes

onforminputNew script Script to be run when a form gets user input

oninputNew script Script to be run when an element gets user input

oninvalidNew script Script to be run when an element is invalid

onreset script Fires when the Reset button in a form is clicked

Not supported in HTML5

onselect script Fires after some text has been selected in an element

onsubmit script Fires when a form is submitted

Eventos de teclado

http://www.w3schools.com/tags/ev_onblur.asphttp://www.w3schools.com/tags/ev_onchange.asphttp://www.w3schools.com/tags/ev_onfocus.asphttp://www.w3schools.com/tags/ev_onselect.asphttp://www.w3schools.com/tags/ev_onsubmit.asphttp://www.w3schools.com/tags/ev_onblur.asphttp://www.w3schools.com/tags/ev_onchange.asphttp://www.w3schools.com/tags/ev_onfocus.asphttp://www.w3schools.com/tags/ev_onselect.asphttp://www.w3schools.com/tags/ev_onsubmit.asp


17/55

onkeydown script Fires when a user is pressing a key

onkeypress script Fires when a user presses a key

onkeyup script Fires when a user releases a key

Eventos del mouse

Eventos activados por un ratn, o acciones de usuario similares:


onclick script Fires on a mouse click on the element

ondblclick script Fires on a mouse double-click on the element

ondragNew script Script to be run when an element is dragged

ondragendNew script Script to be run at the end of a drag operation

ondragenterNew script Script to be run when an element has been dragged to a valid

drop target

ondragleaveNew script Script to be run when an element leaves a valid drop target

ondragoverNew script Script to be run when an element is being dragged over a valid

drop target

ondragstartNew script Script to be run at the start of a drag operation

ondropNew script Script to be run when dragged element is being dropped

onmousedown script Fires when a mouse button is pressed down on an element

onmousemove script Fires when the mouse pointer moves over an element

onmouseout script Fires when the mouse pointer moves out of an element

onmouseover script Fires when the mouse pointer moves over an element

onmouseup script Fires when a mouse button is released over an element

onmousewheelNew script Script to be run when the mouse wheel is being rotated

onscrollNew script Script to be run when an element's scrollbar is being scrolled

Eventos Medios

Eventos activados por los medios de comunicacin, como videos, imgenes y audio (se aplica a

todos los elementos HTML, pero es ms comn en los elementos de los medios de comunicacin,

como , , , y ):
http://www.w3schools.com/tags/ev_onkeydown.asphttp://www.w3schools.com/tags/ev_onkeypress.asphttp://www.w3schools.com/tags/ev_onkeyup.asphttp://www.w3schools.com/tags/ev_onclick.asphttp://www.w3schools.com/tags/ev_ondblclick.asphttp://www.w3schools.com/tags/ev_onmousedown.asphttp://www.w3schools.com/tags/ev_onmousemove.asphttp://www.w3schools.com/tags/ev_onmouseout.asphttp://www.w3schools.com/tags/ev_onmouseover.asphttp://www.w3schools.com/tags/ev_onmouseup.asphttp://www.w3schools.com/tags/ev_onkeydown.asphttp://www.w3schools.com/tags/ev_onkeypress.asphttp://www.w3schools.com/tags/ev_onkeyup.asphttp://www.w3schools.com/tags/ev_onclick.asphttp://www.w3schools.com/tags/ev_ondblclick.asphttp://www.w3schools.com/tags/ev_onmousedown.asphttp://www.w3schools.com/tags/ev_onmousemove.asphttp://www.w3schools.com/tags/ev_onmouseout.asphttp://www.w3schools.com/tags/ev_onmouseover.asphttp://www.w3schools.com/tags/ev_onmouseup.asp


18/55


onabort script Script to be run on abort

oncanplayNew script Script to be run when a file is ready to start playing (when it has

buffered enough to begin)

oncanplaythroughNew script Script to be run when a file can be played all the way to the end

without pausing for buffering

ondurationchangeNew script Script to be run when the length of the media changes

onemptiedNew script Script to be run when something bad happens and the file is

suddenly unavailable (like unexpectedly disconnects)

onendedNew script Script to be run when the media has reach the end (a useful

event for messages like "thanks for listening")

onerrorNew script Script to be run when an error occurs when the file is beingloaded

onloadeddataNew script Script to be run when media data is loaded

onloadedmetadataNew script Script to be run when meta data (like dimensions and duration)

are loaded

onloadstartNew script Script to be run just as the file begins to load before anything is

actually loaded

onpauseNew script Script to be run when the media is paused either by the user or

programmatically

onplayNew script Script to be run when the media is ready to start playing

onplayingNew script Script to be run when the media actually has started playing

onprogressNew script Script to be run when the browser is in the process of getting the

media data

onratechangeNew script Script to be run each time the playback rate changes (like when a

user switches to a slow motion or fast forward mode)

onreadystatechangeNew script Script to be run each time the ready state changes (the readystate tracks the state of the media data)

onseekedNew script Script to be run when the seeking attribute is set to false

indicating that seeking has ended

onseekingNew script Script to be run when the seeking attribute is set to true indicating

that seeking is active

onstalledNew script Script to be run when the browser is unable to fetch the media

data for whatever reason

onsuspendNew script Script to be run when fetching the media data is stopped before it

is completely loaded for whatever reason


19/55

ontimeupdateNew script Script to be run when the playing position has changed (like

when the user fast forwards to a different point in the media)

onvolumechangeNew script Script to be run each time the volume is changed which (includes

setting the volume to "mute")

onwaitingNew script Script to be run when the media has paused but is expected to

resume (like when the media pauses to buffer more data)

Colores, estilos y Sombras

Property Description

fillStyle Sets or returns the color, gradient, or pattern used to fill the drawing

strokeStyle Sets or returns the color, gradient, or pattern used for strokes

shadowColor Sets or returns the color to use for shadows

shadowBlur Sets or returns the blur level for shadows

shadowOffsetX Sets or returns the horizontal distance of the shadow from the shape

shadowOffsetY Sets or returns the vertical distance of the shadow from the shape

Method Description

createLinearGradient() Creates a linear gradient (to use on canvas content)

createPattern() Repeats a specified element in the specified direction

createRadialGradient() Creates a radial/circular gradient (to use on canvas content)

addColorStop() Specifies the colors and stop positions in a gradient object

Estilos de lnea


lineCap Sets or returns the style of the end caps for a line

lineJoin Sets or returns the type of corner created, when two lines meet

lineWidth Sets or returns the current line width
http://www.w3schools.com/tags/canvas_fillstyle.asphttp://www.w3schools.com/tags/canvas_strokestyle.asphttp://www.w3schools.com/tags/canvas_shadowcolor.asphttp://www.w3schools.com/tags/canvas_shadowblur.asphttp://www.w3schools.com/tags/canvas_shadowoffsetx.asphttp://www.w3schools.com/tags/canvas_shadowoffsety.asphttp://www.w3schools.com/tags/canvas_createlineargradient.asphttp://www.w3schools.com/tags/canvas_createpattern.asphttp://www.w3schools.com/tags/canvas_createradialgradient.asphttp://www.w3schools.com/tags/canvas_addcolorstop.asphttp://www.w3schools.com/tags/canvas_linecap.asphttp://www.w3schools.com/tags/canvas_linejoin.asphttp://www.w3schools.com/tags/canvas_linewidth.asphttp://www.w3schools.com/tags/canvas_fillstyle.asphttp://www.w3schools.com/tags/canvas_strokestyle.asphttp://www.w3schools.com/tags/canvas_shadowcolor.asphttp://www.w3schools.com/tags/canvas_shadowblur.asphttp://www.w3schools.com/tags/canvas_shadowoffsetx.asphttp://www.w3schools.com/tags/canvas_shadowoffsety.asphttp://www.w3schools.com/tags/canvas_createlineargradient.asphttp://www.w3schools.com/tags/canvas_createpattern.asphttp://www.w3schools.com/tags/canvas_createradialgradient.asphttp://www.w3schools.com/tags/canvas_addcolorstop.asphttp://www.w3schools.com/tags/canvas_linecap.asphttp://www.w3schools.com/tags/canvas_linejoin.asphttp://www.w3schools.com/tags/canvas_linewidth.asp


20/55

miterLimit Sets or returns the maximum miter length

RectngulosMethod Description

rect() Creates a rectangle

fillRect() Draws a "filled" rectangle

strokeRect() Draws a rectangle (no fill)

clearRect() Clears the specified pixels within a given rectangle

Caminos

Method Description

fill() Fills the current drawing (path)

stroke() Actually draws the path you have defined

beginPath() Begins a path, or resets the current path

moveTo() Moves the path to the specified point in the canvas, without creating

a line

closePath() Creates a path from the current point back to the starting point

lineTo() Adds a new point and creates a line from that point to the last

specified point in the canvas

clip() Clips a region of any shape and size from the original canvas

quadraticCurveTo() Creates a quadratic Bzier curve

bezierCurveTo() Creates a cubic Bzier curve

arc() Creates an arc/curve (used to create circles, or parts of circles)

arcTo() Creates an arc/curve between two tangents

Transformaciones

Method Description

scale() Scales the current drawing bigger or smaller

rotate() Rotates the current drawing

translate() Remaps the (0,0) position on the canvas
http://www.w3schools.com/tags/canvas_miterlimit.asphttp://www.w3schools.com/tags/canvas_rect.asphttp://www.w3schools.com/tags/canvas_fillrect.asphttp://www.w3schools.com/tags/canvas_strokerect.asphttp://www.w3schools.com/tags/canvas_clearrect.asphttp://www.w3schools.com/tags/canvas_fill.asphttp://www.w3schools.com/tags/canvas_stroke.asphttp://www.w3schools.com/tags/canvas_beginpath.asphttp://www.w3schools.com/tags/canvas_moveto.asphttp://www.w3schools.com/tags/canvas_closepath.asphttp://www.w3schools.com/tags/canvas_lineto.asphttp://www.w3schools.com/tags/canvas_clip.asphttp://www.w3schools.com/tags/canvas_quadraticcurveto.asphttp://www.w3schools.com/tags/canvas_beziercurveto.asphttp://www.w3schools.com/tags/canvas_arc.asphttp://www.w3schools.com/tags/canvas_arcto.asphttp://www.w3schools.com/tags/canvas_scale.asphttp://www.w3schools.com/tags/canvas_rotate.asphttp://www.w3schools.com/tags/canvas_translate.asphttp://www.w3schools.com/tags/canvas_miterlimit.asphttp://www.w3schools.com/tags/canvas_rect.asphttp://www.w3schools.com/tags/canvas_fillrect.asphttp://www.w3schools.com/tags/canvas_strokerect.asphttp://www.w3schools.com/tags/canvas_clearrect.asphttp://www.w3schools.com/tags/canvas_fill.asphttp://www.w3schools.com/tags/canvas_stroke.asphttp://www.w3schools.com/tags/canvas_beginpath.asphttp://www.w3schools.com/tags/canvas_moveto.asphttp://www.w3schools.com/tags/canvas_closepath.asphttp://www.w3schools.com/tags/canvas_lineto.asphttp://www.w3schools.com/tags/canvas_clip.asphttp://www.w3schools.com/tags/canvas_quadraticcurveto.asphttp://www.w3schools.com/tags/canvas_beziercurveto.asphttp://www.w3schools.com/tags/canvas_arc.asphttp://www.w3schools.com/tags/canvas_arcto.asphttp://www.w3schools.com/tags/canvas_scale.asphttp://www.w3schools.com/tags/canvas_rotate.asphttp://www.w3schools.com/tags/canvas_translate.asp


21/55

transform() Replaces the current transformation matrix for the drawing

setTransform() Resets the current transform to the identity matrix. Then

runstransform()

Texto


font Sets or returns the current font properties for text content

textAlign Sets or returns the current alignment for text content

textBaseline Sets or returns the current text baseline used when drawing text

Method Description

fillText() Draws "filled" text on the canvas

strokeText() Draws text on the canvas (no fill)

measureText() Returns an object that contains the width of the specified text

Dibujo Imagen

Method Description

drawImage() Draws an image, canvas, or video onto the canvas

Manipulacin de pxeles


width Returns the width of an ImageData object

height Returns the height of an ImageData object

data Returns an object that contains image data of a specifiedImageData object
http://www.w3schools.com/tags/canvas_transform.asphttp://www.w3schools.com/tags/canvas_settransform.asphttp://www.w3schools.com/tags/canvas_transform.asphttp://www.w3schools.com/tags/canvas_transform.asphttp://www.w3schools.com/tags/canvas_font.asphttp://www.w3schools.com/tags/canvas_textalign.asphttp://www.w3schools.com/tags/canvas_textbaseline.asphttp://www.w3schools.com/tags/canvas_filltext.asphttp://www.w3schools.com/tags/canvas_stroketext.asphttp://www.w3schools.com/tags/canvas_measuretext.asphttp://www.w3schools.com/tags/canvas_drawimage.asphttp://www.w3schools.com/tags/canvas_imagedata_width.asphttp://www.w3schools.com/tags/canvas_imagedata_height.asphttp://www.w3schools.com/tags/canvas_imagedata_data.asphttp://www.w3schools.com/tags/canvas_transform.asphttp://www.w3schools.com/tags/canvas_settransform.asphttp://www.w3schools.com/tags/canvas_transform.asphttp://www.w3schools.com/tags/canvas_font.asphttp://www.w3schools.com/tags/canvas_textalign.asphttp://www.w3schools.com/tags/canvas_textbaseline.asphttp://www.w3schools.com/tags/canvas_filltext.asphttp://www.w3schools.com/tags/canvas_stroketext.asphttp://www.w3schools.com/tags/canvas_measuretext.asphttp://www.w3schools.com/tags/canvas_drawimage.asphttp://www.w3schools.com/tags/canvas_imagedata_width.asphttp://www.w3schools.com/tags/canvas_imagedata_height.asphttp://www.w3schools.com/tags/canvas_imagedata_data.asp


22/55

Method Description

createImageData() Creates a new, blank ImageData object

getImageData() Returns an ImageData object that copies the pixel data for the

specified rectangle on a canvas

putImageData() Puts the image data (from a specified ImageData object) back onto

the canvas

Composicin


globalAlpha Sets or returns the current alpha or transparency value of the

drawing

globalCompositeOperation Sets or returns how a new image are drawn onto an existing image

Otro

Method Description

save() Saves the state of the current context

restore() Returns previously saved path state and attributes

createEvent()

getContext()

toDataURL()

HTML Audio y Vdeo DOM Referencia

El HTML5 DOM tiene mtodos, propiedades y eventos para la y elementos .

Estos mtodos, propiedades y eventos le permiten manipular los elementos y

utilizando JavaScript.
http://www.w3schools.com/tags/canvas_createimagedata.asphttp://www.w3schools.com/tags/canvas_getimagedata.asphttp://www.w3schools.com/tags/canvas_putimagedata.asphttp://www.w3schools.com/tags/canvas_globalalpha.asphttp://www.w3schools.com/tags/canvas_globalcompositeoperation.asphttp://www.w3schools.com/tags/canvas_createimagedata.asphttp://www.w3schools.com/tags/canvas_getimagedata.asphttp://www.w3schools.com/tags/canvas_putimagedata.asphttp://www.w3schools.com/tags/canvas_globalalpha.asphttp://www.w3schools.com/tags/canvas_globalcompositeoperation.asp


23/55

HTML Audio / Video Mtodos

Method Description

addTextTrack() Adds a new text track to the audio/video

canPlayType() Checks if the browser can play the specified audio/video type

load() Re-loads the audio/video element

play() Starts playing the audio/video

pause() Pauses the currently playing audio/video

HTML Audio / Video Properties


audioTracks Returns an AudioTrackList object representing available audio tracks

autoplay Sets or returns if the audio/video should start playing as soon as it is

loaded

buffered Returns a TimeRanges object representing the buffered parts of the

audio/video

controller Returns the MediaController object representing the current media

controller of the audio/video

controls Sets or returns if the audio/video should display controls (like

play/pause etc.)

crossOrigin Sets or returns the CORS settings of the audio/video

currentSrc Returns the URL of the current audio/video

currentTime Sets or returns the current playback position in the audio/video (in

seconds)

defaultMuted Sets or returns if the audio/video is muted by default

defaultPlaybackRate Sets or returns the default speed of the audio/video playback

duration Returns the length of the current audio/video (in seconds)

ended Returns if the playback of the audio/video has ended or not

error Returns a MediaError object representing the error state of the

audio/video

loop Sets or returns if the audio/video should start over again when

finished

mediaGroup Sets or returns a the group the audio/video belongs to (used to link
http://www.w3schools.com/tags/av_met_addtexttrack.asphttp://www.w3schools.com/tags/av_met_canplaytype.asphttp://www.w3schools.com/tags/av_met_load.asphttp://www.w3schools.com/tags/av_met_play.asphttp://www.w3schools.com/tags/av_met_pause.asphttp://www.w3schools.com/tags/av_prop_audiotracks.asphttp://www.w3schools.com/tags/av_prop_autoplay.asphttp://www.w3schools.com/tags/av_prop_buffered.asphttp://www.w3schools.com/tags/av_prop_controller.asphttp://www.w3schools.com/tags/av_prop_controls.asphttp://www.w3schools.com/tags/av_prop_currentsrc.asphttp://www.w3schools.com/tags/av_prop_currenttime.asphttp://www.w3schools.com/tags/av_prop_defaultmuted.asphttp://www.w3schools.com/tags/av_prop_defaultplaybackrate.asphttp://www.w3schools.com/tags/av_prop_duration.asphttp://www.w3schools.com/tags/av_prop_ended.asphttp://www.w3schools.com/tags/av_prop_error.asphttp://www.w3schools.com/tags/av_prop_loop.asphttp://www.w3schools.com/tags/av_prop_mediagroup.asphttp://www.w3schools.com/tags/av_met_addtexttrack.asphttp://www.w3schools.com/tags/av_met_canplaytype.asphttp://www.w3schools.com/tags/av_met_load.asphttp://www.w3schools.com/tags/av_met_play.asphttp://www.w3schools.com/tags/av_met_pause.asphttp://www.w3schools.com/tags/av_prop_audiotracks.asphttp://www.w3schools.com/tags/av_prop_autoplay.asphttp://www.w3schools.com/tags/av_prop_buffered.asphttp://www.w3schools.com/tags/av_prop_controller.asphttp://www.w3schools.com/tags/av_prop_controls.asphttp://www.w3schools.com/tags/av_prop_currentsrc.asphttp://www.w3schools.com/tags/av_prop_currenttime.asphttp://www.w3schools.com/tags/av_prop_defaultmuted.asphttp://www.w3schools.com/tags/av_prop_defaultplaybackrate.asphttp://www.w3schools.com/tags/av_prop_duration.asphttp://www.w3schools.com/tags/av_prop_ended.asphttp://www.w3schools.com/tags/av_prop_error.asphttp://www.w3schools.com/tags/av_prop_loop.asphttp://www.w3schools.com/tags/av_prop_mediagroup.asp


24/55

multiple audio/video elements)

muted Sets or returns if the audio/video is muted or not

networkState Returns the current network state of the audio/video

paused Sets or returns if the audio/video is paused or not

playbackRate Sets or returns the speed of the audio/video playback

played Returns a TimeRanges object representing the played parts of the

audio/video

preload Sets or returns if the audio/video should be loaded when the page

loads

readyState Returns the current ready state of the audio/video

seekable Returns a TimeRanges object representing the seekable parts of the

audio/video

seeking Returns if the user is currently seeking in the audio/video

src Sets or returns the current source of the audio/video element

startDate Returns a Date object representing the current time offset

textTracks Returns a TextTrackList object representing the available text tracks

videoTracks Returns a VideoTrackList object representing the available video

tracks

volume Sets or returns the volume of the audio/video

HTML Audio / Video Eventos

Event Description

abort Fires when the loading of an audio/video is aborted

canplay Fires when the browser can start playing the audio/video

canplaythrough Fires when the browser can play through the audio/video without

stopping for buffering

durationchange Fires when the duration of the audio/video is changed
http://www.w3schools.com/tags/av_prop_muted.asphttp://www.w3schools.com/tags/av_prop_networkstate.asphttp://www.w3schools.com/tags/av_prop_paused.asphttp://www.w3schools.com/tags/av_prop_playbackrate.asphttp://www.w3schools.com/tags/av_prop_played.asphttp://www.w3schools.com/tags/av_prop_preload.asphttp://www.w3schools.com/tags/av_prop_readystate.asphttp://www.w3schools.com/tags/av_prop_seekable.asphttp://www.w3schools.com/tags/av_prop_seeking.asphttp://www.w3schools.com/tags/av_prop_src.asphttp://www.w3schools.com/tags/av_prop_startdate.asphttp://www.w3schools.com/tags/av_prop_texttracks.asphttp://www.w3schools.com/tags/av_prop_videotracks.asphttp://www.w3schools.com/tags/av_prop_volume.asphttp://www.w3schools.com/tags/av_event_canplay.asphttp://www.w3schools.com/tags/av_event_canplaythrough.asphttp://www.w3schools.com/tags/av_event_durationchange.asphttp://www.w3schools.com/tags/av_prop_muted.asphttp://www.w3schools.com/tags/av_prop_networkstate.asphttp://www.w3schools.com/tags/av_prop_paused.asphttp://www.w3schools.com/tags/av_prop_playbackrate.asphttp://www.w3schools.com/tags/av_prop_played.asphttp://www.w3schools.com/tags/av_prop_preload.asphttp://www.w3schools.com/tags/av_prop_readystate.asphttp://www.w3schools.com/tags/av_prop_seekable.asphttp://www.w3schools.com/tags/av_prop_seeking.asphttp://www.w3schools.com/tags/av_prop_src.asphttp://www.w3schools.com/tags/av_prop_startdate.asphttp://www.w3schools.com/tags/av_prop_texttracks.asphttp://www.w3schools.com/tags/av_prop_videotracks.asphttp://www.w3schools.com/tags/av_prop_volume.asphttp://www.w3schools.com/tags/av_event_canplay.asphttp://www.w3schools.com/tags/av_event_canplaythrough.asphttp://www.w3schools.com/tags/av_event_durationchange.asp


25/55

emptied Fires when the current playlist is empty

ended Fires when the current playlist is ended

error Fires when an error occurred during the loading of an audio/video

loadeddata Fires when the browser has loaded the current frame of the

audio/video

loadedmetadata Fires when the browser has loaded meta data for the audio/video

loadstart Fires when the browser starts looking for the audio/video

pause Fires when the audio/video has been paused

play Fires when the audio/video has been started or is no longer paused

playing Fires when the audio/video is ready to play after having been paused

or stopped for buffering

progress Fires when the browser is downloading the audio/video

ratechange Fires when the playing speed of the audio/video is changed

seeked Fires when the user is finished moving/skipping to a new position in

the audio/video

seeking Fires when the user starts moving/skipping to a new position in the

audio/video

stalled Fires when the browser is trying to get media data, but data is not

available

suspend Fires when the browser is intentionally not getting media data

timeupdate Fires when the current playback position has changed

volumechange Fires when the volume has been changed

waiting Fires when the video stops because it needs to buffer the next frame

Elementos HTML - doctypes vlidas

La siguiente tabla muestra todos los elementos HTML y muestra lo que ! DOCTYPE cada elemento

aparece pulg

HTML 4.01 / XHTML 1.0

Tag HTML5 Transitional Strict Frameset XHTML 1.1

Yes Yes Yes Yes Yes
http://www.w3schools.com/tags/av_event_loadeddata.asphttp://www.w3schools.com/tags/av_event_loadedmetadata.asphttp://www.w3schools.com/tags/av_event_loadstart.asphttp://www.w3schools.com/tags/av_event_progress.asphttp://www.w3schools.com/tags/tag_doctype.asphttp://www.w3schools.com/tags/tag_a.asphttp://www.w3schools.com/tags/av_event_loadeddata.asphttp://www.w3schools.com/tags/av_event_loadedmetadata.asphttp://www.w3schools.com/tags/av_event_loadstart.asphttp://www.w3schools.com/tags/av_event_progress.asphttp://www.w3schools.com/tags/tag_doctype.asphttp://www.w3schools.com/tags/tag_a.asp


26/55

Yes Yes Yes Yes Yes

No Yes Yes Yes Yes

Yes Yes Yes Yes Yes

No Yes No Yes No

Yes Yes Yes Yes No

Yes No No No No

Yes No No No No

Yes No No No No

Yes Yes Yes Yes Yes

Yes Yes Yes Yes Yes

No Yes No Yes No

Yes No No No No

Yes Yes Yes Yes No

No Yes Yes Yes Yes

Yes Yes Yes Yes Yes

Yes Yes Yes Yes Yes

Yes Yes Yes Yes Yes

Yes Yes Yes Yes Yes

Yes No No No No

Yes Yes Yes Yes Yes

No Yes No Yes No

Yes Yes Yes Yes Yes

Yes Yes Yes Yes Yes

Yes Yes Yes Yes No

Yes Yes Yes Yes No

Yes No No No No

Yes No No No No

Yes Yes Yes Yes Yes
http://www.w3schools.com/tags/tag_abbr.asphttp://www.w3schools.com/tags/tag_acronym.asphttp://www.w3schools.com/tags/tag_address.asphttp://www.w3schools.com/tags/tag_applet.asphttp://www.w3schools.com/tags/tag_area.asphttp://www.w3schools.com/tags/tag_article.asphttp://www.w3schools.com/tags/tag_aside.asphttp://www.w3schools.com/tags/tag_audio.asphttp://www.w3schools.com/tags/tag_b.asphttp://www.w3schools.com/tags/tag_base.asphttp://www.w3schools.com/tags/tag_basefont.asphttp://www.w3schools.com/tags/tag_bdi.asphttp://www.w3schools.com/tags/tag_bdo.asphttp://www.w3schools.com/tags/tag_big.asphttp://www.w3schools.com/tags/tag_blockquote.asphttp://www.w3schools.com/tags/tag_body.asphttp://www.w3schools.com/tags/tag_br.asphttp://www.w3schools.com/tags/tag_button.asphttp://www.w3schools.com/tags/tag_canvas.asphttp://www.w3schools.com/tags/tag_caption.asphttp://www.w3schools.com/tags/tag_center.asphttp://www.w3schools.com/tags/tag_cite.asphttp://www.w3schools.com/tags/tag_phrase_elements.asphttp://www.w3schools.com/tags/tag_col.asphttp://www.w3schools.com/tags/tag_colgroup.asphttp://www.w3schools.com/tags/tag_command.asphttp://www.w3schools.com/tags/tag_datalist.asphttp://www.w3schools.com/tags/tag_dd.asphttp://www.w3schools.com/tags/tag_abbr.asphttp://www.w3schools.com/tags/tag_acronym.asphttp://www.w3schools.com/tags/tag_address.asphttp://www.w3schools.com/tags/tag_applet.asphttp://www.w3schools.com/tags/tag_area.asphttp://www.w3schools.com/tags/tag_article.asphttp://www.w3schools.com/tags/tag_aside.asphttp://www.w3schools.com/tags/tag_audio.asphttp://www.w3schools.com/tags/tag_b.asphttp://www.w3schools.com/tags/tag_base.asphttp://www.w3schools.com/tags/tag_basefont.asphttp://www.w3schools.com/tags/tag_bdi.asphttp://www.w3schools.com/tags/tag_bdo.asphttp://www.w3schools.com/tags/tag_big.asphttp://www.w3schools.com/tags/tag_blockquote.asphttp://www.w3schools.com/tags/tag_body.asphttp://www.w3schools.com/tags/tag_br.asphttp://www.w3schools.com/tags/tag_button.asphttp://www.w3schools.com/tags/tag_canvas.asphttp://www.w3schools.com/tags/tag_caption.asphttp://www.w3schools.com/tags/tag_center.asphttp://www.w3schools.com/tags/tag_cite.asphttp://www.w3schools.com/tags/tag_phrase_elements.asphttp://www.w3schools.com/tags/tag_col.asphttp://www.w3schools.com/tags/tag_colgroup.asphttp://www.w3schools.com/tags/tag_command.asphttp://www.w3schools.com/tags/tag_datalist.asphttp://www.w3schools.com/tags/tag_dd.asp


27/55

Yes Yes Yes Yes No

Yes No No No No

Yes Yes Yes Yes Yes

No Yes No Yes No

Yes Yes Yes Yes Yes

Yes Yes Yes Yes Yes

Yes Yes Yes Yes Yes

Yes Yes Yes Yes Yes

Yes No No No No

Yes Yes Yes Yes Yes

Yes No No No No

Yes No No No No

No Yes No Yes No

Yes No No No No

Yes Yes Yes Yes Yes

No No No Yes No

No No No Yes No

to Yes Yes Yes Yes Yes

Yes Yes Yes Yes Yes

Yes No No No No

Yes No No No No

Yes Yes Yes Yes Yes

Yes Yes Yes Yes Yes

Yes Yes Yes Yes Yes

Yes Yes No Yes No

Yes Yes Yes Yes Yes

Yes Yes Yes Yes Yes

Yes Yes Yes Yes No
http://www.w3schools.com/tags/tag_del.asphttp://www.w3schools.com/tags/tag_details.asphttp://www.w3schools.com/tags/tag_phrase_elements.asphttp://www.w3schools.com/tags/tag_dir.asphttp://www.w3schools.com/tags/tag_div.asphttp://www.w3schools.com/tags/tag_dl.asphttp://www.w3schools.com/tags/tag_dt.asphttp://www.w3schools.com/tags/tag_phrase_elements.asphttp://www.w3schools.com/tags/tag_embed.asphttp://www.w3schools.com/tags/tag_fieldset.asphttp://www.w3schools.com/tags/tag_figcaption.asphttp://www.w3schools.com/tags/tag_figure.asphttp://www.w3schools.com/tags/tag_font.asphttp://www.w3schools.com/tags/tag_footer.asphttp://www.w3schools.com/tags/tag_form.asphttp://www.w3schools.com/tags/tag_frame.asphttp://www.w3schools.com/tags/tag_frameset.asphttp://www.w3schools.com/tags/tag_hn.asphttp://www.w3schools.com/tags/tag_head.asphttp://www.w3schools.com/tags/tag_header.asphttp://www.w3schools.com/tags/tag_hgroup.asphttp://www.w3schools.com/tags/tag_hr.asphttp://www.w3schools.com/tags/tag_html.asphttp://www.w3schools.com/tags/tag_i.asphttp://www.w3schools.com/tags/tag_iframe.asphttp://www.w3schools.com/tags/tag_img.asphttp://www.w3schools.com/tags/tag_input.asphttp://www.w3schools.com/tags/tag_ins.asphttp://www.w3schools.com/tags/tag_del.asphttp://www.w3schools.com/tags/tag_details.asphttp://www.w3schools.com/tags/tag_phrase_elements.asphttp://www.w3schools.com/tags/tag_dir.asphttp://www.w3schools.com/tags/tag_div.asphttp://www.w3schools.com/tags/tag_dl.asphttp://www.w3schools.com/tags/tag_dt.asphttp://www.w3schools.com/tags/tag_phrase_elements.asphttp://www.w3schools.com/tags/tag_embed.asphttp://www.w3schools.com/tags/tag_fieldset.asphttp://www.w3schools.com/tags/tag_figcaption.asphttp://www.w3schools.com/tags/tag_figure.asphttp://www.w3schools.com/tags/tag_font.asphttp://www.w3schools.com/tags/tag_footer.asphttp://www.w3schools.com/tags/tag_form.asphttp://www.w3schools.com/tags/tag_frame.asphttp://www.w3schools.com/tags/tag_frameset.asphttp://www.w3schools.com/tags/tag_hn.asphttp://www.w3schools.com/tags/tag_head.asphttp://www.w3schools.com/tags/tag_header.asphttp://www.w3schools.com/tags/tag_hgroup.asphttp://www.w3schools.com/tags/tag_hr.asphttp://www.w3schools.com/tags/tag_html.asphttp://www.w3schools.com/tags/tag_i.asphttp://www.w3schools.com/tags/tag_iframe.asphttp://www.w3schools.com/tags/tag_img.asphttp://www.w3schools.com/tags/tag_input.asphttp://www.w3schools.com/tags/tag_ins.asp


28/55

Yes Yes Yes Yes Yes

Yes No No No No

Yes Yes Yes Yes Yes

Yes Yes Yes Yes Yes

Yes Yes Yes Yes Yes

Yes Yes Yes Yes Yes

Yes Yes Yes Yes No

Yes No No No No

Yes Yes No Yes No

Yes Yes Yes Yes Yes

Yes No No No No

Yes No No No No

No Yes No Yes No

Yes Yes Yes Yes Yes

Yes Yes Yes Yes Yes

Yes Yes Yes Yes Yes

Yes Yes Yes Yes Yes

Yes Yes Yes Yes Yes

Yes No No No No

Yes Yes Yes Yes Yes

Yes Yes Yes Yes Yes

Yes Yes Yes Yes Yes

Yes No No No No

Yes Yes Yes Yes Yes

Yes No No No No

Yes No No No No

Yes No No No No

Yes Yes No Yes No
http://www.w3schools.com/tags/tag_phrase_elements.asphttp://www.w3schools.com/tags/tag_keygen.asphttp://www.w3schools.com/tags/tag_label.asphttp://www.w3schools.com/tags/tag_legend.asphttp://www.w3schools.com/tags/tag_li.asphttp://www.w3schools.com/tags/tag_link.asphttp://www.w3schools.com/tags/tag_map.asphttp://www.w3schools.com/tags/tag_mark.asphttp://www.w3schools.com/tags/tag_menu.asphttp://www.w3schools.com/tags/tag_meta.asphttp://www.w3schools.com/tags/tag_meter.asphttp://www.w3schools.com/tags/tag_nav.asphttp://www.w3schools.com/tags/tag_noframes.asphttp://www.w3schools.com/tags/tag_noscript.asphttp://www.w3schools.com/tags/tag_object.asphttp://www.w3schools.com/tags/tag_ol.asphttp://www.w3schools.com/tags/tag_optgroup.asphttp://www.w3schools.com/tags/tag_option.asphttp://www.w3schools.com/tags/tag_output.asphttp://www.w3schools.com/tags/tag_p.asphttp://www.w3schools.com/tags/tag_param.asphttp://www.w3schools.com/tags/tag_pre.asphttp://www.w3schools.com/tags/tag_progress.asphttp://www.w3schools.com/tags/tag_q.asphttp://www.w3schools.com/tags/tag_rp.asphttp://www.w3schools.com/tags/tag_rt.asphttp://www.w3schools.com/tags/tag_ruby.asphttp://www.w3schools.com/tags/tag_s.asphttp://www.w3schools.com/tags/tag_phrase_elements.asphttp://www.w3schools.com/tags/tag_keygen.asphttp://www.w3schools.com/tags/tag_label.asphttp://www.w3schools.com/tags/tag_legend.asphttp://www.w3schools.com/tags/tag_li.asphttp://www.w3schools.com/tags/tag_link.asphttp://www.w3schools.com/tags/tag_map.asphttp://www.w3schools.com/tags/tag_mark.asphttp://www.w3schools.com/tags/tag_menu.asphttp://www.w3schools.com/tags/tag_meta.asphttp://www.w3schools.com/tags/tag_meter.asphttp://www.w3schools.com/tags/tag_nav.asphttp://www.w3schools.com/tags/tag_noframes.asphttp://www.w3schools.com/tags/tag_noscript.asphttp://www.w3schools.com/tags/tag_object.asphttp://www.w3schools.com/tags/tag_ol.asphttp://www.w3schools.com/tags/tag_optgroup.asphttp://www.w3schools.com/tags/tag_option.asphttp://www.w3schools.com/tags/tag_output.asphttp://www.w3schools.com/tags/tag_p.asphttp://www.w3schools.com/tags/tag_param.asphttp://www.w3schools.com/tags/tag_pre.asphttp://www.w3schools.com/tags/tag_progress.asphttp://www.w3schools.com/tags/tag_q.asphttp://www.w3schools.com/tags/tag_rp.asphttp://www.w3schools.com/tags/tag_rt.asphttp://www.w3schools.com/tags/tag_ruby.asphttp://www.w3schools.com/tags/tag_s.asp


29/55

Yes Yes Yes Yes Yes

Yes Yes Yes Yes Yes

Yes No No No No

Yes Yes Yes Yes Yes

Yes Yes Yes Yes Yes

Yes No No No No

Yes Yes Yes Yes Yes

No Yes No Yes No

Yes Yes Yes Yes Yes

Yes Yes Yes Yes Yes

Yes Yes Yes Yes Yes

Yes No No No No

Yes Yes Yes Yes Yes

Yes Yes Yes Yes Yes

Yes Yes Yes Yes No

Yes Yes Yes Yes Yes

Yes Yes Yes Yes Yes

Yes Yes Yes Yes No

Yes Yes Yes Yes Yes

Yes Yes Yes Yes No

Yes No No No No

Yes Yes Yes Yes Yes

Yes Yes Yes Yes Yes

Yes No No No No

No Yes Yes Yes Yes

No Yes No Yes No

Yes Yes Yes Yes Yes

Yes Yes Yes Yes Yes
http://www.w3schools.com/tags/tag_phrase_elements.asphttp://www.w3schools.com/tags/tag_script.asphttp://www.w3schools.com/tags/tag_section.asphttp://www.w3schools.com/tags/tag_select.asphttp://www.w3schools.com/tags/tag_small.asphttp://www.w3schools.com/tags/tag_source.asphttp://www.w3schools.com/tags/tag_span.asphttp://www.w3schools.com/tags/tag_strike.asphttp://www.w3schools.com/tags/tag_phrase_elements.asphttp://www.w3schools.com/tags/tag_style.asphttp://www.w3schools.com/tags/tag_sup.asphttp://www.w3schools.com/tags/tag_summary.asphttp://www.w3schools.com/tags/tag_sup.asphttp://www.w3schools.com/tags/tag_table.asphttp://www.w3schools.com/tags/tag_tbody.asphttp://www.w3schools.com/tags/tag_td.asphttp://www.w3schools.com/tags/tag_textarea.asphttp://www.w3schools.com/tags/tag_tfoot.asphttp://www.w3schools.com/tags/tag_th.asphttp://www.w3schools.com/tags/tag_thead.asphttp://www.w3schools.com/tags/tag_time.asphttp://www.w3schools.com/tags/tag_title.asphttp://www.w3schools.com/tags/tag_tr.asphttp://www.w3schools.com/tags/tag_track.asphttp://www.w3schools.com/tags/tag_tt.asphttp://www.w3schools.com/tags/tag_u.asphttp://www.w3schools.com/tags/tag_ul.asphttp://www.w3schools.com/tags/tag_phrase_elements.asphttp://www.w3schools.com/tags/tag_phrase_elements.asphttp://www.w3schools.com/tags/tag_script.asphttp://www.w3schools.com/tags/tag_section.asphttp://www.w3schools.com/tags/tag_select.asphttp://www.w3schools.com/tags/tag_small.asphttp://www.w3schools.com/tags/tag_source.asphttp://www.w3schools.com/tags/tag_span.asphttp://www.w3schools.com/tags/tag_strike.asphttp://www.w3schools.com/tags/tag_phrase_elements.asphttp://www.w3schools.com/tags/tag_style.asphttp://www.w3schools.com/tags/tag_sup.asphttp://www.w3schools.com/tags/tag_summary.asphttp://www.w3schools.com/tags/tag_sup.asphttp://www.w3schools.com/tags/tag_table.asphttp://www.w3schools.com/tags/tag_tbody.asphttp://www.w3schools.com/tags/tag_td.asphttp://www.w3schools.com/tags/tag_textarea.asphttp://www.w3schools.com/tags/tag_tfoot.asphttp://www.w3schools.com/tags/tag_th.asphttp://www.w3schools.com/tags/tag_thead.asphttp://www.w3schools.com/tags/tag_time.asphttp://www.w3schools.com/tags/tag_title.asphttp://www.w3schools.com/tags/tag_tr.asphttp://www.w3schools.com/tags/tag_track.asphttp://www.w3schools.com/tags/tag_tt.asphttp://www.w3schools.com/tags/tag_u.asphttp://www.w3schools.com/tags/tag_ul.asphttp://www.w3schools.com/tags/tag_phrase_elements.asp


30/55

Yes No No No No

Yes No No No No

Los nombres de color compatibles con todos losnavegadores

141 nombres de colores se definen en el cdigo HTML y CSS de colorespecificacin (17 colores estndar, adems de 124 ms). En la tabla siguientese enumeran todos ellos, junto a sus valores hexadecimales.

Consejo: Los colores estndar son 17: aguamarina, negro,

azul, fucsia, gris, verde, lima, marrn, azul marino, oliva,naranja, prpura, rojo, plata, trullo, blanco y amarillo.
http://www.w3schools.com/tags/tag_video.asphttp://www.w3schools.com/tags/tag_wbr.asphttp://www.w3schools.com/tags/tag_video.asphttp://www.w3schools.com/tags/tag_wbr.asp


31/55

Haga clic en un nombre de color (o un valor hexadecimal) para ver el color queel color de fondo, junto con diferentes colores del texto:

Color Name HEX Color Shades Mix

AliceBlue #F0F8FF Shades Mix

AntiqueWhite #FAEBD7 Shades Mix

Aqua #00FFFF Shades Mix

Aquamarine #7FFFD4 Shades Mix

Azure #F0FFFF Shades Mix

Beige #F5F5DC Shades Mix

Bisque #FFE4C4 Shades Mix

Black #000000 Shades Mix

BlanchedAlmond #FFEBCD Shades Mix

Blue #0000FF Shades Mix

BlueViolet #8A2BE2 Shades Mix

Brown #A52A2A Shades Mix

BurlyWood #DEB887 Shades Mix

CadetBlue #5F9EA0 Shades Mix

Chartreuse #7FFF00 Shades Mix

Chocolate #D2691E Shades Mix

Coral #FF7F50 Shades Mix

CornflowerBlue #6495ED Shades Mix

Cornsilk #FFF8DC Shades Mix

Crimson #DC143C Shades Mix

Cyan #00FFFF Shades Mix

DarkBlue #00008B Shades Mix

DarkCyan #008B8B Shades Mix

DarkGoldenRod #B8860B Shades Mix

DarkGray #A9A9A9 Shades Mix
http://www.w3schools.com/tags/ref_color_tryit.asp?color=AliceBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F0F8FFhttp://www.w3schools.com/tags/ref_colorpicker.asp?colorhex=F0F8FFhttp://www.w3schools.com/tags/ref_colormixer.asp?colorbottom=F0F8FF&colortop=FFFFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=AntiqueWhitehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FAEBD7http://www.w3schools.com/tags/ref_colorpicker.asp?colorhex=FAEBD7http://www.w3schools.com/tags/ref_colormixer.asp?colorbottom=FAEBD7&colortop=FFFFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Aquahttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Aquahttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=00FFFFhttp://www.w3schools.com/tags/ref_colorpicker.asp?colorhex=00FFFFhttp://www.w3schools.com/tags/ref_colormixer.asp?colorbottom=00FFFF&colortop=FFFFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Aquamarinehttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Aquamarinehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=7FFFD4http://www.w3schools.com/tags/ref_colorpicker.asp?colorhex=7FFFD4http://www.w3schools.com/tags/ref_colormixer.asp?colorbottom=7FFFD4&colortop=FFFFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Azurehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F0FFFFhttp://www.w3schools.com/tags/ref_colorpicker.asp?colorhex=F0FFFFhttp://www.w3schools.com/tags/ref_colormixer.asp?colorbottom=F0FFFF&colortop=FFFFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Beigehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F5F5DChttp://www.w3schools.com/tags/ref_colorpicker.asp?colorhex=F5F5DChttp://www.w3schools.com/tags/ref_colormixer.asp?colorbottom=F5F5DC&colortop=FFFFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Bisquehttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Bisquehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFE4C4http://www.w3schools.com/tags/ref_colorpicker.asp?colorhex=FFE4C4http://www.w3schools.com/tags/ref_colormixer.asp?colorbottom=FFE4C4&colortop=FFFFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Blackhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Blackhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=000000http://www.w3schools.com/tags/ref_colorpicker.asp?colorhex=000000http://www.w3schools.com/tags/ref_colormixer.asp?colorbottom=000000&colortop=FFFFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=BlanchedAlmondhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFEBCDhttp://www.w3schools.com/tags/ref_colorpicker.asp?colorhex=FFEBCDhttp://www.w3schools.com/tags/ref_colormixer.asp?colorbottom=FFEBCD&colortop=FFFFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Bluehttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Bluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=0000FFhttp://www.w3schools.com/tags/ref_colorpicker.asp?colorhex=0000FFhttp://www.w3schools.com/tags/ref_colormixer.asp?colorbottom=0000FF&colortop=FFFFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=BlueViolethttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=8A2BE2http://www.w3schools.com/tags/ref_colorpicker.asp?colorhex=8A2BE2http://www.w3schools.com/tags/ref_colormixer.asp?colorbottom=8A2BE2&colortop=FFFFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Brownhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Brownhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=A52A2Ahttp://www.w3schools.com/tags/ref_colorpicker.asp?colorhex=A52A2Ahttp://www.w3schools.com/tags/ref_colormixer.asp?colorbottom=A52A2A&colortop=FFFFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=BurlyWoodhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=DEB887http://www.w3schools.com/tags/ref_colorpicker.asp?colorhex=DEB887http://www.w3schools.com/tags/ref_colormixer.asp?colorbottom=DEB887&colortop=FFFFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=CadetBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=5F9EA0http://www.w3schools.com/tags/ref_colorpicker.asp?colorhex=5F9EA0http://www.w3schools.com/tags/ref_colormixer.asp?colorbottom=5F9EA0&colortop=FFFFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Chartreusehttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Chartreusehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=7FFF00http://www.w3schools.com/tags/ref_colorpicker.asp?colorhex=7FFF00http://www.w3schools.com/tags/ref_colormixer.asp?colorbottom=7FFF00&colortop=FFFFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Chocolatehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=D2691Ehttp://www.w3schools.com/tags/ref_colorpicker.asp?colorhex=D2691Ehttp://www.w3schools.com/tags/ref_colormixer.asp?colorbottom=D2691E&colortop=FFFFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Coralhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF7F50http://www.w3schools.com/tags/ref_colorpicker.asp?colorhex=FF7F50http://www.w3schools.com/tags/ref_colormixer.asp?colorbottom=FF7F50&colortop=FFFFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=CornflowerBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?color=CornflowerBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=6495EDhttp://www.w3schools.com/tags/ref_colorpicker.asp?colorhex=6495EDhttp://www.w3schools.com/tags/ref_colormixer.asp?colorbottom=6495ED&colortop=FFFFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Cornsilkhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFF8DChttp://www.w3schools.com/tags/ref_colorpicker.asp?colorhex=FFF8DChttp://www.w3schools.com/tags/ref_colormixer.asp?colorbottom=FFF8DC&colortop=FFFFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Crimsonhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=DC143Chttp://www.w3schools.com/tags/ref_colorpicker.asp?colorhex=DC143Chttp://www.w3schools.com/tags/ref_colormixer.asp?colorbottom=DC143C&colortop=FFFFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Cyanhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Cyanhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=00FFFFhttp://www.w3schools.com/tags/ref_colorpicker.asp?colorhex=00FFFFhttp://www.w3schools.com/tags/ref_colormixer.asp?colorbottom=00FFFF&colortop=FFFFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=00008Bhttp://www.w3schools.com/tags/ref_colorpicker.asp?colorhex=00008Bhttp://www.w3schools.com/tags/ref_colormixer.asp?colorbottom=00008B&colortop=FFFFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkCyanhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkCyanhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=008B8Bhttp://www.w3schools.com/tags/ref_colorpicker.asp?colorhex=008B8Bhttp://www.w3schools.com/tags/ref_colormixer.asp?colorbottom=008B8B&colortop=FFFFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkGoldenRodhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkGoldenRodhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=B8860Bhttp://www.w3schools.com/tags/ref_colorpicker.asp?colorhex=B8860Bhttp://www.w3schools.com/tags/ref_colormixer.asp?colorbottom=B8860B&colortop=FFFFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkGrayhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=A9A9A9http://www.w3schools.com/tags/ref_colorpicker.asp?colorhex=A9A9A9http://www.w3schools.com/tags/ref_colormixer.asp?colorbottom=A9A9A9&colortop=FFFFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=AliceBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F0F8FFhttp://www.w3schools.com/tags/ref_colorpicker.asp?colorhex=F0F8FFhttp://www.w3schools.com/tags/ref_colormixer.asp?colorbottom=F0F8FF&colortop=FFFFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=AntiqueWhitehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FAEBD7http://www.w3schools.com/tags/ref_colorpicker.asp?colorhex=FAEBD7http://www.w3schools.com/tags/ref_colormixer.asp?colorbottom=FAEBD7&colortop=FFFFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Aquahttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=00FFFFhttp://www.w3schools.com/tags/ref_colorpicker.asp?colorhex=00FFFFhttp://www.w3schools.com/tags/ref_colormixer.asp?colorbottom=00FFFF&colortop=FFFFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Aquamarinehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=7FFFD4http://www.w3schools.com/tags/ref_colorpicker.asp?colorhex=7FFFD4http://www.w3schools.com/tags/ref_colormixer.asp?colorbottom=7FFFD4&colortop=FFFFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Azurehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F0FFFFhttp://www.w3schools.com/tags/ref_colorpicker.asp?colorhex=F0FFFFhttp://www.w3schools.com/tags/ref_colormixer.asp?colorbottom=F0FFFF&colortop=FFFFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Beigehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F5F5DChttp://www.w3schools.com/tags/ref_colorpicker.asp?colorhex=F5F5DChttp://www.w3schools.com/tags/ref_colormixer.asp?colorbottom=F5F5DC&colortop=FFFFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Bisqueh

Documents

HTML 5 j Heredia