Frames, Audio/Video,Lists & Table tags with their attributes

Frames Tag and its attributes:

<frame> Defines a window frame in a frameset. Doesn't supported in HTML5.

1. frameborder 01 Specifies whether or not to display a border around a frame
2. longdesc URL A page which contains a long description of the content of a frame
3. marginheight pixels Specifies the top and bottom margins of a frame
4. marginwidth pixels Specifies the left and right margins of a frame
5. name text  Specifies the name of a frame
6. noresize noresize  A frame is not resizable
7. scrolling yes no auto Whether or not to display scrollbars in a frame
8. src URL States the URL of the document to show

<frameset> Defines a set of frames.Not supported in HTML5.

1. cols pixels% * Specifies the number and size of columns in a frameset
2. rows pixels% * Specifies the number and size of rows in a frameset

<noframes> Defines an alternate content for users that do not support frames

<iframe> Supported in HTML5. Defines an inline frame

1. align left right top middle bottom This attribute not supported in HTML5. States the alignment of an <iframe> according to surrounding elements
2. frameborder 1 0 Not supported in HTML5. Specifies whether or not to display a border around an <iframe>
3. height pixels Specifies the height of an <iframe>
4. longdesc URL Not supported in HTML5. States a page that contains a long description of the content of an <iframe>
5. marginheight pixels Not supported in HTML5. Specifies the top and bottom margins of the content of an <iframe>
6. marginwidth pixels Not supported in HTML5. Specifies the left and right margins of the content of an <iframe>
7. name text Specifies the name of an <iframe> 
8. sandbox allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-top-navigation Enable an extra set of restrictions for the content in an <iframe>tag
9. scrolling yes no auto Not supported in HTML5. States whether to display or not the scrollbars in an <iframe> tag
10. src URL Specifies the address of the document to embed in the <iframe>
11. srcdoc HTML_code The HTML content of the page to show in the <iframe>tag
12. width pixels Specifies the width of an <iframe>

Audio/VideoTag and its attributes:

<audio> Defines sound content

1. autoplay autoplay  States that the audio will start playing when it is ready
2. controls controls States that audio controls should be displayed (such as a play/pause button etc)
3. loop loop Defines that the audio will start over again, every time it is finished
4. muted muted The audio output should be muted.
5. preload auto metadata none States the audio should be loaded when the page loads as per the author's thinking.
6. src URL States the URL of the audio file

<source> Defines multiple media resources for media elements (<video>, <audio> and <picture>)

1. src URL Required when <source> is used in <audio> and <video>. Specifies the URL of the media file
2. srcset URL Required when <source> is used in <picture>. Specifies the URL of the image to use in different situations
3. media media_query Accepts any valid media query that would normally be defined in a CSS
4. sizes Specifies image sizes for different page layouts
5. type MIME-type Specifies the MIME-type of the resource

<track> Defines text tracks for media elements (<video> and <audio>)

1. default default The track is to be enabled if the user's preferences do not indicate that another track would be more appropriate
2. kind captions chapters descriptions metadata subtitles Shows the kind of text track
3. label text Specifies the title of the text track
4. src URL Required. Specifies the URL of the track file
5. srclang language_code Specifies the language of the track text data (required if kind="subtitles")

<video> Defines a video or movie

1. autoplay autoplay States that the video will start playing as soon as it is ready
2. controls controls States that video controls should be displayed (as play/pause button etc).
3. height pixels Set the height of the video player in the video tag.
4. loop loop It means that if the video every time finishes it will start over again.
5. muted muted The audio output of the video should be muted
6. poster URL States an image to be shown while the video is downloading, or until the user hits the play button
7. preload auto metadata none Shows the video should be loaded when the page loads as per the authour thinkings
8. src URL Specifies the URL of the video file.
9. width pixels To set the video player's width.

List Tag and its attributes:

<ul> Defines an unordered list. Not supported in HTML5.

compact compact That the list to be render smaller than normal.

type disc square circle Specifies the kind of marker to use in the list

<ol> Defines an ordered list

compact compact Not supported in HTML5. States that the list to be rendered smaller than normal.

reversed reversed Specifies that the list order should be descending.

start number Specifies the start value of an ordered list

type 1 A a I i Specifies the kind of marker to use in the list

<li> Defines a list item

type 1 A a I i disc square circle Not supported in HTML5. Defines which kind of bullet point will be used

value number Specifies the value of a list item. The list items will increment from that specified number (only for <ol> lists)

<dir> Not supported in HTML5. Use <ul> instead.Defines a directory list. Not supported in HTML 5

compact compact Specifies that the list should render smaller than normal

<dl> Defines a description list. Supports global and  event attributes.

<dt> Defines a term/name in a description list. Supports global and  event attributes.

<dd> Gives a description of a term/name in a description list. Supports global and  event attributes.

Table Tag and its attributes:

<table> Defines a table. Doesn't supported in HTML5.

1. align left center right  It aligns the table according to surrounding text.
2. bgcolor rgb(x,x,x) #xxxxxx colorname Defines the table's background color.
3. border 1 0 It defines whether or not the table is being used for layout purposes
4. cellpadding pixels Specifies the space between the cell wall and the cell content
5. cellspacing pixels Specifies the space between cells
6. frame void above below hsides lhs rhs vsides box . Specifies which parts of the outside borders that should be visible
7. rules none groups rows cols all States which parts of the inside borders that should be visible
8. summary text  Specifies a summary of the content of a table
9. width pixels %  Specifies the width of a table

<caption> Defines a table caption. Not supported in HTML5.

1. align left right top bottom Defines the alignment of the caption

<th> Defines a header cell in a table. Not supported in HTML5. 

1. abbr text Supports in HTML5. Indicates an abbreviated version of the header cell 's content.
2. align left right center justify char Aligns the header cell's content.
3. axis category_name Categorizes header cells
4. bgcolor rgb(x,x,x) #xxxxxx colorname States the background color of a header cell
5. char character  Aligns the content in a header cell to a character
6. charoff number Sets the no.of characters that the content will be aligned from the character specified.
7. colspan number Supports in HTML5. Defines the number of columns a header cell should span
8. headers header_id  Supports in HTML5. Specifies one or more header cells a cell is related to
9. height pixels % Sets the header cell's  height.
10. nowrap nowrap Specifies that the content inside a header cell should not wrap
11. rowspan number Supports in HTML5.Specifies the number of rows a header cell should span
12. scope col colgroup row rowgroup Supports in HTML5. States whether a header cell is a header for a row, column, or group of columns or rows.
13. sorted reversed number reversednumber numberreversed  Supports in HTML5. Which defines the sort direction of a column
14. valign top middle bottom baseline   Vertical aligns the content in a header cell
15. width pixels %  Specifies the width of a header cell

<tr> Defines a row in a table. Not supported in HTML5. 

1. align right left center justify Aligns the table row's contents.
2. bgcolor rgb(x,x,x) #xxxxxx colorname   States a background color for a table row
3. char character Aligns the content in a table row to a character
4. charoff number Can sets the number of characters the content will be aligned from the character.
5. valign top middle bottom baseline Vertical aligns the content in a table row

<td> Defines a cell in a table. Not supported in HTML5.

1. abbr text  Indicates an abbreviated version of  cell's content.
2. align left right center justify char That aligns the cell content.
3. axis category_name Categorizes cells
4. bgcolor rgb(x,x,x) #xxxxxx colorname   The cell's background color 
5. char character  Supports in HTML5. Aligns the content in a cell to a character.
6. charoff number Sets the number of characters and the content will be aligned from the character.
7. colspan number Supports in HTML5. States the number of columns a cell should span
8. headers header_id Supports in HTML5. Specifies one or more header cells which are related.
9. height pixels % Sets the height of a cell
10. nowrap nowrap Supports in HTML5. Specifies that it should not wrap the content inside a cell.
11. rowspan number Supports in HTML5. Sets the number of rows a cell should span.
12. scope col colgroup row rowgroup   Association of header cells and data cells in a table.
13. valign top middle bottom baseline   Vertical aligns the content in a cell
14. width pixels % Specifies the width of a cell

<thead> Groups the header content in a table. Not supported in HTML5. 

1. align right left center justify char Aligns the content inside the <thead> element
2. char character Aligns the content inside the <thead> element to a character
3. charoff number The no. of characters and the tfoot tag's content will be aligned from the character.
4. valign top middle bottom baseline  Vertical aligns the content inside the <thead> element

<tbody> Groups the body content in a table. Not supported in HTML5. 

1. align right left center justify char Aligns the content inside the <tbody> element
2. char character  Aligns the content inside the <tbody> element to a character
3. charoff number Sets the number of characters and the content inside the <tbody> tag will be aligned.
4. valign top middle bottom baseline  Vertical aligns the content inside the <tbody> element

<tfoot> Groups the footer content in a table. Not supported in HTML5. 

1. align right left center justify char Aligns the content inside the <tfoot> element
2. char character Aligns the content inside the <tfoot> element to a character
3. charoff number The number of characters and the content inside the tfoot tag will be aligned from the character.
4. valign top middle bottom baseline Vertical aligns the content inside the <tfoot> element

<col> Defines column properties for each column within a <colgroup> tag. Not supported in HTML5.

1. align left right center justify char Specifies the alignment of the content related to a <col> element
2. char character Specifies the alignment of the content related to a <col> element to a character
3. charoff number  The number of characters the content will be aligned from the character specified by the char attribute
4. span number Supports in HTML5. Also defines the number of columns a <col> element should span
5. valign top middle bottom baseline States the vertical alignment of the content related to a <col>tag
6. width % pixels relative_length   Specifies the width of a <col> element

<colgroup> States a group of one or more columns in a table for formatting. Not supported in HTML5.

1. align left right center justify char To align the content in a column group
2. char character Aligns the column group's content to a character
3. charoff number That which sets the number of characters so the content will be aligned from the character.
4. span number Supports in HTML5. States the number of columns a column group should span
5. valign top middle bottom baseline Vertical aligns the content in a column group
6. width pixels % relative_length  Specifies the width of a column group

HTML Forms & Inputs Tags with their Attributes.

Forms & Inputs Tags with Attributes:

<form> Defines an HTML form for user input. Supports global and  event attributes.

Attributes:

1. accept file_type Not supported in HTML5. Defines a comma-separated list of file types  that the server accepts (which can be submitted through the file upload)
2. accept-charset character_set Defines the character encodings that are to be used for the form submission
3. action URL Specifies where to send the form-data when a form is submitted
4. autocomplete on off Specifies whether a form should have autocomplete on or off
5. enctype application/x-www-form-urlencoded multipart/form-data text/plain Specifies how the form-data should be encoded when submitting it to the server (only for method="post")
6. method get post Specifies the HTTP method to use when sending form-data
7. name text Specifies the name of a form
8. novalidate novalidate Defines the form that should not be validated when submitted
9. target _blank _self _parent _top States that where to display the response which is received after submitting the form

<input> Defines an input control. Supports global and  event attributes.

Attributes:

1. accept file_extension audio/* video/* image/* media_type Specifies the types of files that the server accepts (only for type="file")
2. align left right top middle bottom Not supported in HTML5. States the alignment of an image input (only for type="image")
3. alt text Specifies an alternate text for images (only for type="image")
4. autocomplete on off States whether an <input> tag should have autocomplete enabled 
5. autofocus autofocus Specifies that an <input> element should automatically get focus when the page loads
6. checked checked States that an <input> element should be pre-selected when the page loads (only for type="checkbox" or type="radio")
7. dirname inputname.dir Specifies that the text direction will be submitted
8. disabled disabled Specifies that an <input> element should be disabled
9. form form_id Specifies one or more forms the <input> element belongs to
10. formaction URL States the URL of the file that will process the input control when the form is submitted (only for type="submit" and type="image")
11. formenctype application/x-www-form-urlencoded multipart/form-data text/plain Specifies how the form-data should be encoded when submitting it to the server (for type="submit" and type="image")
12. formmethod get post Defines the HTTP method for sending data to the action URL (only for type="submit" and type="image")
13. formnovalidate formnovalidate Defines that form elements should not be validated when submitted
14. formtarget _blank _self _parent _top framename Defines where to display the response that is received after submitting the form (only for type="submit" and type="image")
15. height pixels Specifies the height of an <input> element (only for type="image")
16. list datalist_id Refers to a <datalist> element that contains pre-defined options for an <input> element
17. max number date Specifies the maximum value for an <input> element
18. maxlength number Specifies the maximum number of characters allowed in an <input> element
19. min number date States a minimum value for an <input> tag
20. multiple multiple Specifies that a user can enter more than one value in an <input> element
21. name text Specifies the name of an <input> element
22. pattern regexp Specifies a regular expression that an <input> element's value is checked against
23. placeholder text Defines a short hint that describes the expected value of an <input> tag
24. readonly readonly Specifies that an input field is read-only
25. required required States that an input field must be filled out before submitting the form
26. size number States the width, in characters, of an <input> tag
27. src URL States the URL of the image to use as a submit button (only for type="image")
28. step number Specifies the legal number intervals for an input field
29. type button checkbox color date  datetime-local  email  file hidden image month number password radio range  reset search submit tel text time  url week States the type <input> tag to display
30. value text Specifies the value of an <input> element
31. width pixels Specifies the width of an <input> element (only for type="image")

<textarea> Defines a multiline input control (text area). Supports global and  event attributes.

Attributes:

1. autofocus autofocus Specifies that a text area should automatically get focus when the page loads
2. cols number Specifies the visible width of a text area
3. dirname textareaname.dir Specifies that the text direction of the textarea will be submitted
4. disabled disabled Specifies that a text area should be disabled
5. form form_id Specifies one or more forms the text area belongs to
6. maxlength number Specifies the maximum number of characters allowed in the text area
7. name text Specifies a name for a text area
8. placeholder text Specifies a short hint that describes the expected value of a text area
9. readonly readonly Specifies that a text area should be read-only
10. required required Specifies that a text area is required/must be filled out
11. rows number Specifies the visible number of lines in a text area
12. wrap hard soft States how the text in a text area is to be wrapped when submitted in a form

<button> Defines a clickable button. Supports global and  event attributes.

Attributes:

1. autofocus autofocus States that a button should automatically get focus when the page loads
2. disabled disabled Specifies that a button should be disabled
3. form form_id States that one or more forms the button belongs to
4. formaction URL Specifies where to send the form-data when a form is submitted. Only for type="submit"
5. formenctype application/x-www-form-urlencoded multipart/form-data text/plain States how form-data should be encoded before sending it to a server. For type="submit"
6. formmethod get post Specifies how to send the form-data (which HTTP method to use). Only for type="submit"
7. formnovalidate formnovalidate Defines that the form-data should not be validated on submission. Only for type="submit"
8. formtarget _blank _self _parent _top framename Specifies where to display the response after submitting the form. Only for type="submit"
9. name name Specifies a name for the button
10. type button reset submit Specifies the type of button
11. value text Specifies an initial value for the button

<select> Defines a drop-down list. Supports global and  event attributes.

Attributes:

1. autofocus autofocus Specifies that the drop-down list should automatically get focus when the page loads
2. disabled disabled States that a drop-down list should be disabled
3. form form_id Defines one or more forms the select field belongs to
4. multiple multiple States that multiple options can be selected at once
5. name name Defines a name for the drop-down list
6. required required States that the user is required to select a value before submitting the form
7. size number Defines the number of visible options in a drop-down list

<optgroup> Defines a group of related options in a drop-down list. Supports global and  event attributes.

Attributes:

1. disabled disabled Specifies that an option-group should be disabled
2. label text Defines a label for an option-group

<option> Defines an option in a drop-down list. Supports global and  event attributes.

Attributes:

1. disabled disabled Specifies that an option should be disabled
2. label text Specifies a shorter label for an option
3. selected selected Specifies that an option should be pre-selected when the page loads
4. value text Specifies the value to be sent to a server

<label> Defines a label for an <input> element. Supports global and  event attributes.

Attributes:

1. for element_id Specifies which form element a label is bound to
2. form form_id States that one or more forms the label belongs to

<fieldset> Groups related elements in a form. Supports global and  event attributes.

Attributes:

1. disabled disabled Defines that a group of related form elements should be disabled
2. form form_id Specifies one or more forms the fieldset belongs to
3. name text States a name for the fieldset

<legend> Defines a caption for a <fieldset> element. Supports global and  event attributes.

Attributes:

1. align top bottom left right Not supported in HTML5.Specifies the alignment of the caption

<datalist> Specifies a list of pre-defined options for input controls

<output> Defines the result of a calculation. Supports global and  event attributes.

Attributes:

1. for element_id States that the relationship between the result of the calculation, and the elements used in the calculation
2. form form_id States one or more forms to which the output element belongs to
3. name name Specifies a name for the output element

Sample Form code:   (Save sample form as formcode.html)

<html>
<body>
<form style="background-color:orange">
<fieldset>
<legend>
Admission Form
</legend>
  Enter your First Name:
  <input name="firstname" placeholder="First Name" type="text">
  <br><br>
   Enter your Last Name:
  <input name="firstname" placeholder="Last Name" type="text">
  <br><br>
   Enter your Date Of Birth:
  <input name="firstname" type="date">
  <br><br>
   Enter your Password:
  <input type="password" placeholder="password" >
  <br><br>
   Choose Your gender:
  <input type="radio" name="sex" value="male" > Male
  <input type="radio" name="sex" value="male" > Female
  <br><br>
  Cource<br>
  <input type="checkbox" name="cource" value="html" > HTML<br>
  <input type="checkbox" name="cource" value="html" > CSS<br>
  <input type="checkbox" name="cource" value="html" > BOOTSTRAP<br>
  <input type="checkbox" name="cource" value="html" > PHP
  <p>The select element defines a drop-down list:</p>
<br><br>
Address
<br>
<textarea rows="4" cols="50">

</textarea>
<br>
 
  Select Car
  <select name="cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="fiat">Fiat</option>
    <option value="audi">Audi</option>
  </select>
  <br><br>

  <input type="submit">
  <button type="button" onclick="alert ('Your Form Sumbit ')">Save</button>
  <button type="reset">Cancel</button>
  </fieldset>
</form>
</body>
</html>
<!--  Form Sample. Using Form & Input tags with their attributes-->

OUTPUT :

HTML Global Event Attributes

Events triggers the actions with the help of mouse click like we have in JavaScript. To define events action in HTML we have Global Event Attributes that are added to any HTML elements(tags).

In HTML we have several Events that are:

Window Events: Window Events Attributes are used to trigger the events for windows objects. Supported to only HTML Tag: <body>
Attributes:
onafterprint    script      Script to be run after the document is printed
<element onafterprint="script">
The script to be run on onafterprint

onbeforeprint         script    Script to be run before the document is printed
<element onbeforeprint="script">
The script to be run on onbeforeprint

onbeforeunload       script    Script to be run when the document is about to be unloaded
<element onbeforeunload="script">
The script to be run on onbeforeunload

onerror         script     Script to be run when an error occurs
<element onerror="script">
The script to be run on onerror

onhashchange         script     Script to be run when there has been changes to the anchor part of the a URL
<element onhashchange="script">
The script to be run on onhashchange

onload         script Fires after the page is finished loading
<element onload="script">
The script to be run on onload

onmessage script Script to be run when the message is triggered

onoffline script Script to be run when the browser starts to work offline
<element onoffline="script">
The script to be run on onoffline

ononline script Script to be run when the browser starts to work online
<element ononline="script">
The script to be run on ononline

onpagehide script Script to be run when a user navigates away from a page

onpageshow script Script to be run when a user navigates to a page
<element onpageshow="script">
The script to be run on onpageshow

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

onresize         script      Fires when the browser window is resized
<element onresize="script">
The script to be run on onresize

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

onunload script Fires once a page has unloaded (or the browser window has been closed)
<element onunload="script">
The script to be run on onunload


Form Events:
Attributes:
onblur             script   Fires the moment that the element loses focus
<element onblur="script">
The script to be run on onblur

Supports all HTML tags:	EXCEPT: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <title>

onchange       script   Fires the moment when the value of the element is changed
<element onchange="script">
script The script to be run on onchange

Supports HTML tags:	<input type="checkbox">, <input type="file">, <input type="password">, <input type="radio">, <input type="range">, <input type="search">, <input type="text">, <select> and <textarea>

oncontextmenu      script   Script to be run when a context menu is triggered
<element oncontextmenu="script">
The script to be run on oncontextmenu

onfocus         script   Fires the moment when the element gets focus
<element onfocus="script">
The script to be run on onfocus

Supports all HTML tags:	EXCEPT: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <title>

oninput          script   Script to be run when an element gets user input
<element oninput="script">
The script to be run on oninput

Supported HTML tags:	<input type="password">, <input type="search">, <input type="text"> and <textarea>

oninvalid       script Script to be run when an element is invalid
<element oninvalid="script">
The script to be run on oninvalid

Supported HTML tags:	<input>

onreset           script   Fires when the Reset button in a form is clicked
<element onreset="script">
The script to be run on onreset

Supported HTML tags:	<form>

onsearch       script   Fires when the user writes something in a search field (for <input="search">)
<element onsearch="script">
The script to be run on onsearch

Supported HTML tags:	<input type="search">

onselect       script   Fires after some text has been selected in an element
<element onselect="script">
The script to be run on onselect

Supported HTML tags:	<input type="file">, <input type="password">, <input type="text">, and <textarea>

onsubmit       script   Fires when a form is submitted
<element onsubmit="script">
The script to be run on onsubmit

Supported HTML tags:	<form>

Keyboard Events:

Supports all HTML tags:	EXCEPT: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <title>

onkeydown   script Fires when a user is pressing a key
<element onkeydown="script">
The script to be run on onkeydown

onkeypress script Fires when a user presses a key
<element onkeypress="script">
script The script to be run on onkeypress


onkeyup script Fires when a user releases a key
<element onkeyup="script">
script The script to be run on onkeyup


Mouse Events:

Supports all HTML tags:	EXCEPT: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <title>

onclick                  script Fires on a mouse click on the element
<element  onclick="script">
The script to be run on onclick

ondblclick           script Fires on a mouse double-click on the element
<element ondblclick="script">
The script to be run on ondblclick


onmousemove script Fires when the mouse pointer is moving while it is over an element
<element  onmousemove="script">
The script to be run on onmousemove

onmousedown script Fires when a mouse button is pressed down on an element
<element onmousedown="script">
The script to be run on onmousedown

onmouseout script Fires when the mouse pointer moves out of an element
<element onmouseout="script">
The script to be run on onmouseout

onmouseover script Fires when the mouse pointer moves over an element
<element onmouseover="script">
The script to be run on onmouseover

onmouseup script Fires when a mouse button is released over an element
<element onmouseup="script">
The script to be run on onmouseup

onmousewheel script Deprecated. Use the onwheel attribute instead
<element onmousewheel="script">
The script to be run on onmousewheel

onwheel              script  Fires when the mouse wheel rolls up or down over an element
<element onwheel="script">
The script to be run on onwheel
Supports all HTML Tags

Drag Events: Supported all HTML Tags
ondrag         script  Script to be run when an element is dragged
<element ondrag="script">
The script to be run on ondrag

ondragend script  Script to be run at the end of a drag operation
<element ondragend="script">
The script to be run on ondragend

ondragenter script Script to be run when an element has been dragged to a valid drop target
<element ondragenter="script">
The script to be run on ondragenter

ondragleave script Script to be run when an element leaves a valid drop target
<element ondragleave="script">
The script to be run on ondragleave

ondragover script Script to be run when an element is being dragged over a valid drop target
<element ondragover="script">
The script to be run on ondragover

ondragstart script Script to be run at the start of a drag operation
<element ondragstart="script">
The script to be run on ondragstart

ondrop         script Script to be run when dragged element is being dropped
<element ondrop="script">
The script to be run on ondrop

onscroll  script Script to be run when an element's scrollbar is being scrolled
<element onscroll="script">
The script to be run on onscroll

Supported HTML tags:	<address>, <blockquote>, <body>, <caption>, <center>, <dd>, <dir>, <div>, <dl>, <dt>, <fieldset>, <form>, <h1> to <h6>, <html>, <li>, <menu>, <object>, <ol>, <p>, <pre>, <select>, <tbody>, <textarea>, <tfoot>, <thead>, <ul>

Clipboard Events: Supported all HTML Tags
oncopy script Fires when the user copies the content of an element
<element oncopy="script">
The script to be run on oncopy

oncut script Fires when the user cuts the content of an element
<element oncut="script">
The script to be run on oncut

onpaste script Fires when the user pastes some content in an element
<element onpaste="script">
The script to be run on onpaste

Media Events: Media events triggers the media audio,video,images and gets supported with all HTML tags but commonly with <audio>, <embed>, <img>, <object>, and <video>

onabort script     Script to be run on abort
oncanplay script     Script to be run when a file is ready to start playing (when it has buffered enough to begin)
oncanplaythrough script Script to be run when a file can be played all the way to the end without pausing for buffering
oncuechange        script Script to be run when the cue changes in a <track> element
ondurationchange script Script to be run when the length of the media changes
onemptied             script Script to be run when something bad happens and the file is suddenly unavailable (like unexpectedly disconnects)
onended                 script  Script to be run when the media has reach the end (a useful event for messages like "thanks for listening")
onerror                script  Script to be run when an error occurs when the file is being loaded
onloadeddata         script   Script to be run when media data is loaded
onloadedmetadata script   Script to be run when meta data (like dimensions and duration) are loaded
onloadstart          script   Script to be run just as the file begins to load before anything is actually loaded
onpause           script  Script to be run when the media is paused either by the user or programmatically
onplay               script    Script to be run when the media is ready to start playing
onplaying         script Script to be run when the media actually has started playing
onprogress       script Script to be run when the browser is in the process of getting the media data
onratechange   script   Script to be run each time the playback rate changes (like when a user switches to a slow motion or fast forward mode)
onseeked        script Script to be run when the seeking attribute is set to false indicating that seeking has ended
onseeking        script  Script to be run when the seeking attribute is set to true indicating that seeking is active
onstalled        script Script to be run when the browser is unable to fetch the media data for whatever reason
onsuspend        script Script to be run when fetching the media data is stopped before it is completely loaded for whatever reason
ontimeupdate  script Script to be run when the playing position has changed (like when the user fast forwards to a different point in the media)
onvolumechange    script Script to be run each time the volume is changed which (includes setting the volume to "mute")
onwaiting        script Script to be run when the media has paused but is expected to resume (like when the media pauses to buffer more data)

Misc Events:
ontoggle script Fires when the user opens or closes the <details> element

Supported HTML tag:	<details>