html 5 j heredia
TRANSCRIPT
-
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.
-
7/27/2019 HTML 5 j Heredia
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
-
7/27/2019 HTML 5 j Heredia
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.
-
7/27/2019 HTML 5 j Heredia
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 -
7/27/2019 HTML 5 j Heredia
5/55
Defines a section that is quoted from another source
Defines the document's body
Defines a single line breakDefines 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 -
7/27/2019 HTML 5 j Heredia
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/27/2019 HTML 5 j Heredia
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
)
Defines a section in a document
Not supported in HTML5. Deprecated in HTML 4.01. Defines
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 -
7/27/2019 HTML 5 j Heredia
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 -
7/27/2019 HTML 5 j Heredia
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 breakDefines 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 -
7/27/2019 HTML 5 j Heredia
10/55
Defines emphasized text
Not supported in HTML5. Deprecated in HTML 4.01. Defines
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
Not supported in HTML5. Deprecated in HTML 4.01. Defines
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 -
7/27/2019 HTML 5 j Heredia
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 -
7/27/2019 HTML 5 j Heredia
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
Not supported in HTML5. Deprecated in HTML 4.01. Defines
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 -
7/27/2019 HTML 5 j Heredia
13/55
Defines style information for a document
Defines a section in a document
Defines a section in 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
Not supported in HTML5. Deprecated in HTML 4.01. Defines
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 -
7/27/2019 HTML 5 j Heredia
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 -
7/27/2019 HTML 5 j Heredia
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 -
7/27/2019 HTML 5 j Heredia
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):
Attribute Value Description
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
Attribute Value Description
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 -
7/27/2019 HTML 5 j Heredia
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:
Attribute Value Description
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 -
7/27/2019 HTML 5 j Heredia
18/55
Attribute Value Description
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
-
7/27/2019 HTML 5 j Heredia
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
Property Description
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 -
7/27/2019 HTML 5 j Heredia
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 -
7/27/2019 HTML 5 j Heredia
21/55
transform() Replaces the current transformation matrix for the drawing
setTransform() Resets the current transform to the identity matrix. Then
runstransform()
Texto
Property Description
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
Property Description
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 -
7/27/2019 HTML 5 j Heredia
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
Property Description
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 -
7/27/2019 HTML 5 j Heredia
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
Property Description
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 -
7/27/2019 HTML 5 j Heredia
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 -
7/27/2019 HTML 5 j Heredia
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 -
7/27/2019 HTML 5 j Heredia
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 YesYes 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 -
7/27/2019 HTML 5 j Heredia
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 -
7/27/2019 HTML 5 j Heredia
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 -
7/27/2019 HTML 5 j Heredia
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 -
7/27/2019 HTML 5 j Heredia
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 -
7/27/2019 HTML 5 j Heredia
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