CINXE.COM
HTML Event Handler Content Attributes
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="keywords" content="HTML Event Handler Content Attributes, HTML5 event handlers, intrinsic events, onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload"> <meta name="Description" content="HTML5 event handler content attributes - list of the event handlers you can use with HTML 5."> <link rel="canonical" href="https://www.quackit.com/html/tags/html_5_event_handler_content_attributes.cfm"> <title>HTML Event Handler Content Attributes</title> <script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <link rel="shortcut icon" href="/pix/favicon96.png"> <link rel="apple-touch-icon" href="/pix/apple-touch-icon.png"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet"> <link href="/common/css/master.45.min.css" rel="stylesheet"> <script async src="https://cdn.fuseplatform.net/publift/tags/2/3499/fuse.js"></script> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-Q3H025ZKLN"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-Q3H025ZKLN'); </script> </head> <body> <header class="site-header"> <div class="site-header-base"> <div class="site-logo"> <a title="Quackit Homepage" target="_top" href="/"><img src="/pix/quackit_logo_watermark.png" width="87" height="33" alt="Quackit Logo"></a> </div> <button id="site-nav-toggler" class="site-nav-toggler" aria-expanded="false" aria-controls="site-nav"> <span class="sr-only">Toggle navigation</span> ☰ </button> </div> <nav id="site-nav" class="site-nav"> <div class="site-links"> <ul> <li><a href="/"><i class="fa fa-home"></i> <span class="sr-only">Home</span></a></li> <li><a href="/html/">HTML</a></li> <li><a href="/css/">CSS</a></li> <li><a href="/scripting/">Scripting</a></li> <li><a href="/database/">Database</a></li> </ul> </div> <div class="site-search-top"> <form action="/search/" id="cse-search-box-bottom" class="site-search"> <div> <input type="hidden" name="cx" value="partner-pub-6331358926293806:98x0fk-bbgi"> <input type="hidden" name="cof" value="FORID:10"> <input type="hidden" name="ie" value="ISO-8859-1"> <input type="text" name="q" size="20" class="site-search-input"> <button type="submit" name="sa" class="site-search-button"><i class="fa fa-search"></i></button> </div> </form> </div> </nav> </header> <div class="main"> <article class="content"> <h1 class="page-title">HTML Event Handler Content Attributes</h1> <div class="ad ad-top"> <!-- GAM 71161633/QCKIT_quackit/article_header --> <div data-fuse="23059883623"></div> </div> <p class="lead">When your users visit your website, they do things like click on things, hover over things etc. These are examples of what <a href="/javascript/">JavaScript</a> calls <i>events</i>. Within your HTML, you can respond to an event using an <i>event handler content attribute</i>. </p> <p>You can attach an event handler content attribute to the HTML element for which you want to respond to when a specific event occurs. For example, you could attach the <code>onmouseover</code> event handler content attribute to a button and specify some JavaScript to run whenever the user hovers over the button.</p> <div class="ad"> <!-- GAM 71161633/QCKIT_quackit/article_incontent_1 --> <div data-fuse="23059883629"></div> </div> <p>Event handler content attributes are often referred to simply as "event handlers". Below are the event handlers available in HTML.</p> <h2>Event Handlers for All HTML Elements & <code>document</code> & <code>window</code> Objects</h2> <p>The following table lists the event handlers supported by all HTML elements, as both event handler content attributes and event handler IDL attributes; and supported by all <code>Document</code> and <code>Window</code> objects, as event handler IDL attributes.</p> <table class="tabular"> <thead> <tr> <th style="width:120px;"><strong>Attribute</strong></th> <th><strong>Description</strong></th> </tr> </thead> <tbody> <tr> <td><code>onabort</code></td> <td>Invoked when an event has been aborted. For example, the browser stops fetching media data before it is completely downloaded.</td> </tr> <tr> <td><code>onauxclick</code></td> <td><code>auxclick</code> event handler.</td> </tr> <tr> <td><code>oncancel</code></td> <td><code>cancel</code> event handler.</td> </tr> <tr> <td><code>oncanplay</code></td> <td>Invoked when the browser/user agent can start playing media, but hasn't yet, due to buffering. In other words, if playback were to begin now, it wouldn't play right to the end (due to the current playback rate) - it would need to pause during playback in order to load the rest of the media.</td> </tr> <tr> <td><code>oncanplaythrough</code></td> <td>The browser/user agent estimates that if playback were to begin now, the media resource could be rendered at the current playback rate all the way to its end without having to stop for further buffering.</td> </tr> <tr> <td><code>onchange</code></td> <td>User has changed the object, then attempts to leave that field (i.e. clicks elsewhere).</td> </tr> <tr> <td><code>onclick</code></td> <td>Invoked when the user clicked on the object.</td> </tr> <tr> <td><code>onclose</code></td> <td><code>close</code> event handler.</td> </tr> <tr> <td><code>oncontextmenu</code></td> <td>Invoked when a context menu has been triggered.</td> </tr> <tr> <td><code>oncuechange</code></td> <td><code>cuechange</code> event handler.</td> </tr> <tr> <td><code>ondblclick</code></td> <td>Invoked when the user clicked twice on the object.</td> </tr> <tr> <td><code>ondrag</code></td> <td>Invoked when an element is being dragged.</td> </tr> <tr> <td><code>ondragend</code></td> <td>Invoked when an element has stopped being dragged.</td> </tr> <tr> <td><code>ondragenter</code></td> <td>Invoked when an element has been dragged to a drop target.</td> </tr> <tr> <td><code>ondragexit</code></td> <td><code>dragexit</code> event handler.</td> </tr> <tr> <td><code>ondragleave</code></td> <td>Invoked when an element leaves a valid drop target.</td> </tr> <tr> <td><code>ondragover</code></td> <td>Invoked when an element is being dragged over a valid drop target.</td> </tr> <tr> <td><code>ondragstart</code></td> <td>Invoked when a drag operation has started.</td> </tr> <tr> <td><code>ondrop</code></td> <td>Invoked when an element is being dropped.</td> </tr> <tr> <td><code>ondurationchange</code></td> <td>Invoked when the length of the media is changed (i.e. the <code>duration</code> attribute has just been updated).</td> </tr> <tr> <td><code>onemptied</code></td> <td>Invoked when a media resource element suddenly becomes empty (for example, due to a network error).</td> </tr> <tr> <td><code>onended</code></td> <td>Invoked when the media has reached the end.</td> </tr> <tr> <td><code>onformdata</code></td> <td><code>formdata</code> event handler.</td> </tr> <tr> <td><code>oninput</code></td> <td><code>input</code> event handler.</td> </tr> <tr> <td><code>oninvalid</code></td> <td><code>invalid</code> event handler.</td> </tr> <tr> <td><code>onkeydown</code></td> <td>Invoked when a key was pressed over an element.</td> </tr> <tr> <td><code>onkeypress</code></td> <td>Invoked when a key was pressed over an element then released.</td> </tr> <tr> <td><code>onkeyup</code></td> <td>Invoked when a key was released over an element.</td> </tr> <tr> <td><code>onloadeddata</code></td> <td>Invoked when the browser/user agent can render the media data at the current playback position for the first time.</td> </tr> <tr> <td><code>onloadedmetadata</code></td> <td>Invoked when the browser/user agent has just determined the duration and dimensions of the media resource.</td> </tr> <tr> <td><code>onloadstart</code></td> <td>Invoked when the browser/user agent has started loading the media resource.</td> </tr> <tr> <td><code>onmousedown</code></td> <td>The cursor moved over the object and mouse/pointing device was pressed down.</td> </tr> <tr> <td><code>onmouseenter</code></td> <td><code>mouseenter</code> event handler.</td> </tr> <tr> <td><code>onmouseleave</code></td> <td><code>mouseleave</code> event handler.</td> </tr> <tr> <td><code>onmousemove</code></td> <td>The cursor moved while hovering over an object.</td> </tr> <tr> <td><code>onmouseout</code></td> <td>The cursor moved off the object</td> </tr> <tr> <td><code>onmouseover</code></td> <td>The cursor moved over the object (i.e. user hovers the mouse over the object).</td> </tr> <tr> <td><code>onmouseup</code></td> <td>The mouse/pointing device was released after being pressed down.</td> </tr> <tr> <td><code>onpause</code></td> <td>Invoked when the media resource has been paused.</td> </tr> <tr> <td><code>onplay</code></td> <td>Invoked when the media resource starts playback.</td> </tr> <tr> <td><code>onplaying</code></td> <td>Playback has begun.</td> </tr> <tr> <td><code>onprogress</code></td> <td>The browser/user agent is fetching media data the.</td> </tr> <tr> <td><code>onratechange</code></td> <td>Invoked when the playback rate has changed (i.e. either the <code>defaultPlaybackRate</code> or the <code>playbackRate</code> has just been updated).</td> </tr> <tr> <td><code>onreset</code></td> <td><code>reset</code> event handler.</td> </tr> <tr> <td><code>onsecuritypolicyviolation</code></td> <td><code>securitypolicyviolation</code> event handler.</td> </tr> <tr> <td><code>onseeked</code></td> <td>Invoked when the <code>seeking</code> IDL attribute changed to false (i.e. the <code>seeking</code> attribute is no longer true)</td> </tr> <tr> <td><code>onseeking</code></td> <td>Invoked when the <code>seeking</code> IDL attribute changed to true and the seek operation is taking long enough that the user agent has time to fire the event.</td> </tr> <tr> <td><code>onselect</code></td> <td>Invoked when some or all of the contents of an object is selected. For example, the user selected some text within a text field.</td> </tr> <tr> <td><code>onslotchange</code></td> <td><code>slotchange</code> event handler.</td> </tr> <tr> <td><code>onstalled</code></td> <td>Invoked when the browser/user agent is trying to fetch media data but the data has stalled (i.e. the data has stopped coming).</td> </tr> <tr> <td><code>onsubmit</code></td> <td>User submitted a form.</td> </tr> <tr> <td><code>onsuspend</code></td> <td>The browser/user agent is (intentionally) not currently fetching media data, but has not yet downloaded the entire media resource (i.e. it has suspended the download).</td> </tr> <tr> <td><code>ontimeupdate</code></td> <td>Invoked when the media's current playback position changed.</td> </tr> <tr> <td><code>ontoggle</code></td> <td><code>toggle</code> event handler.</td> </tr> <tr> <td><code>onvolumechange</code></td> <td>Invoked when either the <code>volume</code> attribute or the <code>muted</code> attribute has changed.</td> </tr> <tr> <td><code>onwaiting</code></td> <td>The next frame of the media is not yet available (but the browser/user agent expects it to become available).</td> </tr> <tr> <td><code>onwebkitanimationend</code></td> <td><code>webkitanimationend</code> event handler.</td> </tr> <tr> <td><code>onwebkitanimationiteration</code></td> <td><code>webkitAnimationIteration</code> event handler.</td> </tr> <tr> <td><code>onwebkitanimationstart</code></td> <td><code>webkitAnimationStart</code> event handler.</td> </tr> <tr> <td><code>onwebkittransitionend</code></td> <td><code>webkitTransitionEnd</code> event handler.</td> </tr> <tr> <td><code>onwheel</code></td> <td><code>wheel</code> event handler.</td> </tr> </tbody> </table> <p>The following table lists the event handlers (and their corresponding event handler event types) supported by all HTML elements other than <code>body</code> and <code>frameset</code> elements, as both event handler content attributes and event handler IDL attributes; supported by all <code>Document</code> objects, as event handler IDL attributes; and supported by all <code>Window</code> objects, as event handler IDL attributes on the <code>Window</code> objects themselves, and with corresponding event handler content attributes and event handler IDL attributes exposed on all <code>body</code> and <code>frameset</code> elements that are owned by that <code>Window</code> object's associated <code>Document</code>.</p> <table class="tabular"> <thead> <tr> <th style="width:120px;"><strong>Attribute</strong></th> <th><strong>Description</strong></th> </tr> </thead> <tbody> <tr> <td><code>onblur</code></td> <td>User has left the focus of the element.</td> </tr> <tr> <td><code>onerror</code></td> <td>Invoked when an error occurs while the <code>Window</code> object is being loaded. Also handler for script error notifications.</td> </tr> <tr> <td><code>onfocus</code></td> <td>Invoked when the focus is on the element.</td> </tr> <tr> <td><code>onload</code></td> <td>The element has loaded.</td> </tr> <tr> <td><code>onresize</code></td> <td>The viewport has been resized.</td> </tr> <tr> <td><code>onscroll</code></td> <td><code>scroll</code> event handler. Invoked when the element's scrollbar is being scrolled.</td> </tr> </tbody> </table> <p>The following table lists the event handlers supported by <code>Window</code> objects, as event handler IDL attributes on the <code>Window</code> objects themselves, and with corresponding event handler content attributes and event handler IDL attributes exposed on all <code>body</code> and <code>frameset</code> elements that are owned by that <code>Window</code> object's associated <code>Document</code>.</p> <table class="tabular"> <thead> <tr> <th style="width:120px;"><strong>Attribute</strong></th> <th><strong>Description</strong></th> </tr> </thead> <tbody> <tr> <td><code>onafterprint</code></td> <td><code>afterprint</code> event handler</td> </tr> <tr> <td><code>onbeforeprint</code></td> <td><code>beforeprint</code> event handler</td> </tr> <tr> <td><code>onbeforeunload</code></td> <td><code>beforeunload</code> event handler</td> </tr> <tr> <td><code>onhashchange</code></td> <td><code>hashchange</code> event handler. The <code>hashchange</code> event is fired when navigating to a session history entry whose URL differs from that of the previous one only in the fragment identifier.</td> </tr> <tr> <td><code>onlanguagechange</code></td> <td><code>languagechange</code> event handler.</td> </tr> <tr> <td><code>onmessage</code></td> <td><code>message</code> event handler.</td> </tr> <tr> <td><code>onmessageerror</code></td> <td><code>messageerror</code> event handler.</td> </tr> <tr> <td><code>onoffline</code></td> <td><code>offline</code> event handler.</td> </tr> <tr> <td><code>ononline</code></td> <td><code>online</code> event handler.</td> </tr> <tr> <td><code>onpagehide</code></td> <td><code>pagehide</code> event handler. The <code>pagehide</code> event is fired when traversing <i>from</i> a session history entry.</td> </tr> <tr> <td><code>onpageshow</code></td> <td><code>pageshow</code> event handler. The <code>pageshow</code> event is fired when traversing <i>to</i> a session history entry.</td> </tr> <tr> <td><code>onpopstate</code></td> <td><code>popstate</code> event handler. The <code>popstate</code> event is fired when navigating to a session history entry that represents a state object.</td> </tr> <tr> <td><code>onrejectionhandled</code></td> <td><code>rejectionhandled</code> event handler.</td> </tr> <tr> <td><code>onstorage</code></td> <td><code>storage</code> event handler.</td> </tr> <tr> <td><code>onunhandledrejection</code></td> <td><code>unhandledrejection</code> event handler.</td> </tr> <tr> <td><code>onunload</code></td> <td><code>unload</code> event handler.</td> </tr> </tbody> </table> <p>The following are the event handlers supported by all HTML elements, as both event handler content attributes and event handler IDL attributes; and supported by all <code>Document</code> objects, as event handler IDL attributes:</p> <table class="tabular"> <thead> <tr> <th style="width:120px;"><strong>Attribute</strong></th> <th><strong>Description</strong></th> </tr> </thead> <tbody> <tr> <td><code>oncut</code></td> <td><code>cut</code> event handler.</td> </tr> <tr> <td><code>oncopy</code></td> <td><code>copy</code> event handler.</td> </tr> <tr> <td><code>onpaste</code></td> <td><code>paste</code> event handler.</td> </tr> </tbody> </table> <p>The following event handler is supported on <code>Document</code> objects as an event handler IDL attribute.</p> <table class="tabular"> <thead> <tr> <th style="width:120px;"><strong>Attribute</strong></th> <th><strong>Description</strong></th> </tr> </thead> <tbody> <tr> <td><code>onreadystatechange</code></td> <td><code>readystatechange</code> event handler.</td> </tr> </tbody> </table> </article> <div class="sidebar"> <nav> <ul> <li> <h3><a href="/html/tags/">HTML Tags</a></h3> <ul class="taglist"> <li><a href="/html/tags/html_comments_tag.cfm">!--...--</a></li> <li><a href="/html/tags/html_doctype_tag.cfm">!DOCTYPE</a></li> <li><a href="/html/tags/html_a_tag.cfm">a</a></li> <li><a href="/html/tags/html_abbr_tag.cfm">abbr</a></li> <li><a href="/html/tags/html_address_tag.cfm">address</a></li> <li><a href="/html/tags/html_area_tag.cfm">area</a></li> <li class="new"><a href="/html/tags/html_article_tag.cfm">article</a></li> <li class="new"><a href="/html/tags/html_aside_tag.cfm">aside</a></li> <li class="new"><a href="/html/tags/html_audio_tag.cfm">audio</a></li> <li><a href="/html/tags/html_b_tag.cfm">b</a></li> <li><a href="/html/tags/html_base_tag.cfm">base</a></li> <li class="new"><a href="/html/tags/html_bdi_tag.cfm">bdi</a></li> <li><a href="/html/tags/html_bdo_tag.cfm">bdo</a></li> <li><a href="/html/tags/html_blockquote_tag.cfm">blockquote</a></li> <li><a href="/html/tags/html_body_tag.cfm">body</a></li> <li><a href="/html/tags/html_br_tag.cfm">br</a></li> <li><a href="/html/tags/html_button_tag.cfm">button</a></li> <li class="new"><a href="/html/tags/html_canvas_tag.cfm">canvas</a></li> <li><a href="/html/tags/html_caption_tag.cfm">caption</a></li> <li><a href="/html/tags/html_cite_tag.cfm">cite</a></li> <li><a href="/html/tags/html_code_tag.cfm">code</a></li> <li><a href="/html/tags/html_col_tag.cfm">col</a></li> <li><a href="/html/tags/html_colgroup_tag.cfm">colgroup</a></li> <li class="new"><a href="/html/tags/html_data_tag.cfm">data</a></li> <li class="new"><a href="/html/tags/html_datalist_tag.cfm">datalist</a></li> <li><a href="/html/tags/html_dd_tag.cfm">dd</a></li> <li><a href="/html/tags/html_del_tag.cfm">del</a></li> <li class="new"><a href="/html/tags/html_details_tag.cfm">details</a></li> <li><a href="/html/tags/html_dfn_tag.cfm">dfn</a></li> <li class="new"><a href="/html/tags/html_dialog_tag.cfm">dialog</a></li> <li><a href="/html/tags/html_div_tag.cfm">div</a></li> <li><a href="/html/tags/html_dl_tag.cfm">dl</a></li> <li><a href="/html/tags/html_dt_tag.cfm">dt</a></li> <li><a href="/html/tags/html_em_tag.cfm">em</a></li> <li><a href="/html/tags/html_embed_tag.cfm">embed</a></li> <li><a href="/html/tags/html_fieldset_tag.cfm">fieldset</a></li> <li class="new"><a href="/html/tags/html_figcaption_tag.cfm">figcaption</a></li> <li class="new"><a href="/html/tags/html_figure_tag.cfm">figure</a></li> <li class="new"><a href="/html/tags/html_footer_tag.cfm">footer</a></li> <li><a href="/html/tags/html_form_tag.cfm">form</a></li> <li><a href="/html/tags/html_h1_tag.cfm">h1</a></li> <li><a href="/html/tags/html_h2_tag.cfm">h2</a></li> <li><a href="/html/tags/html_h3_tag.cfm">h3</a></li> <li><a href="/html/tags/html_h4_tag.cfm">h4</a></li> <li><a href="/html/tags/html_h5_tag.cfm">h5</a></li> <li><a href="/html/tags/html_h6_tag.cfm">h6</a></li> <li><a href="/html/tags/html_head_tag.cfm">head</a></li> <li class="new"><a href="/html/tags/html_header_tag.cfm">header</a></li> <li class="new"><a href="/html/tags/html_hgroup_tag.cfm">hgroup</a></li> <li><a href="/html/tags/html_hr_tag.cfm">hr</a></li> <li><a href="/html/tags/html_html_tag.cfm">html</a></li> <li><a href="/html/tags/html_i_tag.cfm">i</a></li> <li><a href="/html/tags/html_iframe_tag.cfm">iframe</a></li> <li><a href="/html/tags/html_img_tag.cfm">img</a></li> <li><a href="/html/tags/html_input_tag.cfm">input</a></li> <li><a href="/html/tags/html_ins_tag.cfm">ins</a></li> <li><a href="/html/tags/html_kbd_tag.cfm">kbd</a></li> <li><a href="/html/tags/html_label_tag.cfm">label</a></li> <li><a href="/html/tags/html_legend_tag.cfm">legend</a></li> <li><a href="/html/tags/html_li_tag.cfm">li</a></li> <li><a href="/html/tags/html_link_tag.cfm">link</a></li> <li class="new"><a href="/html/tags/html_main_tag.cfm">main</a></li> <li><a href="/html/tags/html_map_tag.cfm">map</a></li> <li class="new"><a href="/html/tags/html_mark_tag.cfm">mark</a></li> <li><a href="/html/tags/html_menu_tag.cfm">menu</a></li> <li><a href="/html/tags/html_meta_tag.cfm">meta</a></li> <li class="new"><a href="/html/tags/html_meter_tag.cfm">meter</a></li> <li class="new"><a href="/html/tags/html_nav_tag.cfm">nav</a></li> <li><a href="/html/tags/html_noscript_tag.cfm">noscript</a></li> <li><a href="/html/tags/html_object_tag.cfm">object</a></li> <li><a href="/html/tags/html_ol_tag.cfm">ol</a></li> <li><a href="/html/tags/html_optgroup_tag.cfm">optgroup</a></li> <li><a href="/html/tags/html_option_tag.cfm">option</a></li> <li class="new"><a href="/html/tags/html_output_tag.cfm">output</a></li> <li><a href="/html/tags/html_p_tag.cfm">p</a></li> <li><a href="/html/tags/html_param_tag.cfm">param</a></li> <li><a href="/html/tags/html_picture_tag.cfm">picture</a></li> <li><a href="/html/tags/html_pre_tag.cfm">pre</a></li> <li class="new"><a href="/html/tags/html_progress_tag.cfm">progress</a></li> <li><a href="/html/tags/html_q_tag.cfm">q</a></li> <li class="new"><a href="/html/tags/html_rb_tag.cfm">rb</a></li> <li class="new"><a href="/html/tags/html_rp_tag.cfm">rp</a></li> <li class="new"><a href="/html/tags/html_rt_tag.cfm">rt</a></li> <li class="new"><a href="/html/tags/html_rtc_tag.cfm">rtc</a></li> <li class="new"><a href="/html/tags/html_ruby_tag.cfm">ruby</a></li> <li><a href="/html/tags/html_s_tag.cfm">s</a></li> <li><a href="/html/tags/html_samp_tag.cfm">samp</a></li> <li><a href="/html/tags/html_script_tag.cfm">script</a></li> <li class="new"><a href="/html/tags/html_section_tag.cfm">section</a></li> <li><a href="/html/tags/html_select_tag.cfm">select</a></li> <li><a href="/html/tags/html_slot_tag.cfm">slot</a></li> <li><a href="/html/tags/html_small_tag.cfm">small</a></li> <li class="new"><a href="/html/tags/html_source_tag.cfm">source</a></li> <li><a href="/html/tags/html_span_tag.cfm">span</a></li> <li><a href="/html/tags/html_strong_tag.cfm">strong</a></li> <li><a href="/html/tags/html_style_tag.cfm">style</a></li> <li><a href="/html/tags/html_sub_tag.cfm">sub</a></li> <li class="new"><a href="/html/tags/html_summary_tag.cfm">summary</a></li> <li><a href="/html/tags/html_sup_tag.cfm">sup</a></li> <li><a href="/html/tags/html_table_tag.cfm">table</a></li> <li><a href="/html/tags/html_tbody_tag.cfm">tbody</a></li> <li><a href="/html/tags/html_td_tag.cfm">td</a></li> <li class="new"><a href="/html/tags/html_template_tag.cfm">template</a></li> <li><a href="/html/tags/html_textarea_tag.cfm">textarea</a></li> <li><a href="/html/tags/html_tfoot_tag.cfm">tfoot</a></li> <li><a href="/html/tags/html_th_tag.cfm">th</a></li> <li><a href="/html/tags/html_thead_tag.cfm">thead</a></li> <li class="new"><a href="/html/tags/html_time_tag.cfm">time</a></li> <li><a href="/html/tags/html_title_tag.cfm">title</a></li> <li><a href="/html/tags/html_tr_tag.cfm">tr</a></li> <li class="new"><a href="/html/tags/html_track_tag.cfm">track</a></li> <li><a href="/html/tags/html_u_tag.cfm">u</a></li> <li><a href="/html/tags/html_ul_tag.cfm">ul</a></li> <li><a href="/html/tags/html_var_tag.cfm">var</a></li> <li class="new"><a href="/html/tags/html_video_tag.cfm">video</a></li> <li class="new"><a href="/html/tags/html_wbr_tag.cfm">wbr</a></li> <li><a href="/html/tags/html_5_global_attributes.cfm">HTML5 Global Attributes</a></li> <li><a href="/html/tags/html_5_event_handler_content_attributes.cfm">HTML5 Events</a></li> </ul> </li> <li> <h3><a href="/html/">HTML Reference</a></h3> <ul> <li><a href="/html/tags/" title="Alphabetical list of all HTML tags">HTML Tags</a></li> <li><a href="/html/codes/" title="">HTML Codes</a></li> <li><a href="/html/templates/" title="">HTML Templates</a></li> <li><a href="/html/html_editors/">HTML Editors</a></li> <li><a href="/html/tutorial/" title="">HTML Tutorial</a></li> <li><a href="/create-a-website/" title="">Create a Website</a></li> <li><a href="/character_sets/">Character Set Reference</a></li> </ul> </li> </ul> </nav> <div class="ad ad-left"> <!-- GAM 71161633/QCKIT_quackit/article_vrec_2 --> <div data-fuse="23059511712"></div> </div> </div> <div class="ads"> <div class="ad ad-right"> <!-- GAM 71161633/QCKIT_quackit/article_vrec_1 --> <div data-fuse="23059883626"></div> </div> </div> </div> <div class="searchbox-bottom"> <form action="/search/" id="cse-search-box-bottom" class="site-search"> <div> <input type="hidden" name="cx" value="partner-pub-6331358926293806:npmuvy-i8kk"> <input type="hidden" name="cof" value="FORID:10"> <input type="hidden" name="ie" value="ISO-8859-1"> <input type="text" name="q" size="30" class="site-search-input"> <button type="submit" name="sa" class="site-search-button"><i class="fa fa-search"></i></button> </div> </form> <script src="//cse.google.com/cse/brand?form=cse-search-box-bottom&lang=en"></script> </div> <footer> <p class="about"><a href="/"><i class="fa fa-home"></i> Home</a> | <a href="/about.cfm" rel="nofollow">About</a> | <a href="/contact.cfm" rel="nofollow">Contact</a> | <a href="/terms_of_use.cfm" rel="nofollow">Terms of Use</a> | <a href="/privacy_policy.cfm" rel="nofollow">Privacy Policy</a></p> <p>© Copyright 2000 - 2024 Quackit.com </p> </footer> <script src="/common/js/spectrum/spectrum.js"></script> <script src="/common/js/lightbox2-master/dist/js/lightbox.min.js" charset="utf-8"></script> <script> $(document).ready(function(){ $( "#site-nav-toggler" ).click(function() { $( "#site-nav" ).toggle( "slow" ); }); }); </script> <script> $(function(){var a=window.location.href;$(".sidebar nav a").each(function(){a==this.href&&$(this).closest("li").addClass("selected")})}); </script> </body> </html>