HTML and Java Script Codeing Notes
Attribute Value Description
Ondragstart script Script to be run the start of a drag operation
ondrop 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 is movinwhile it is over an element
onmouseout script Fires when the mouse pointer move out of an element
onmouseover script Fires when the mouse pointer move over of an element
onmouseup script Fires when a mouse button is released over an element
onmousewheel script Depercated. Use the onwheel attribute instead
onscrol script Script to be run when an element's scrolbar is being scrolled
onwheel script Fires when the mouse wheel Run up or down over an element
Clipboard Event
Attribute Value Description
oncopy script Fires when the user copies the content of an element
oncut script Fires when the user cuts the content of an element
onpest script Fires when the user Pastes some content of an element
Media Events
Events triggerd by means like video, images and audio (applies to all HTML element, but is most common in media element's like <audio> , <embed>, <img>, <object>, and <video>):
Attribute Value Description
onbort 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 beging)
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 cuechange in <track> aliment
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 unexpctendly disconnects
onended script Script to be run when the media has reach the end (a useful event for massages like "thanks for listening"
onerror script Script to be run when an error occurs when the file is bening loaded
onloadeddata script Script tobe run when media data is loaded
onlodedmetadeta script Script to be run when meta data (like dimensions and duration) are loaded
onloadstart script Script to be run just as the file beging 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 actully has started playing
onprogress script Script to be run when the browser is in the process of gettting the media data
onratechange script Script to be run each time the playback rate change (when a user switches to a slow motion or fast forward mode
onseeked script Script to be run when seeking attribute is set to false indicating that seeking has ended
onseeking script Script to run when the seeking attribute is set to true indicating that seeking is active
onstalled script Script to be run when the broswer is unable to fetch the media data for whatever reason
onsuspend script Script to be run when factching the media data is stopped before it is compeletly loaded for whatever reason
ontimeupadate script Scipt to be run each time the volome is changed which (includes settimg the volume to "me")
onwaiting script Script to be run when the media has paused but is expected to resume (like when the media paises to buffer more data
Mics Events
Attribute Value Description
onerror script Fires when an an error occurs while loading an external file
on show script Fires when a <menu> eliment is shown as a context menu
ontoggle script Fires when the user opens or closes the <details> eliment
HTML Tags Orderd by Category
Teg Description
<font> Not supported in HTML5 Use CSS intead. Define font, color, and size for text
<i> Defines a part of text in an alternate voice or mode
<ins> Defines a text that has been inserted into a document
<kbd> Defines keyboard input
<mark> Defines marked/highlighted text
<meter> Defines a scaler measurement within a know range (a gauge)
<pre> Defines perfoprmatted text
<progress> Represents the progress of a task
<q> Defines a short quotation
<rp> Defines what to show in browser that do not support ruby annotations
<rt> Defines an explanation/pronunciation of characters (for East asin typography)
<ruby> Defines a ruby annotation (for East Asin typography)
<s> Defines text that is no longer correct
<samp> Defines sample output from a computer program
<small> Defines smaller taxt
<strike> Not supported in HTML5 Use <del> instead. Defines strikethrough text
<strong> Defines important text
<sub> Definess subscripted text
<time> Defines a date/time
<tt> Not supported in HTML5 Use <del> instead. Defines teletype text
<u> Defines text that should be stylistically different from normal text
<var> Defines a varriablle
<wbr> Defines a posible line-break
Forms and Input
Teg Description
<from> Defines an HTML from for user input
<input> Defines an input control
<texttarea> Defines a multiline input control (text area)
<button> Defines a clickable button
<select> Defines a drop-down list
<optgroup> Defines a group of related options in a drop-down list
<option> Defines an option in a drop-down list
<label> Defines a labelfor an<input>aliment
<fieldset> Groups related eliments in a form
<legend> Definea caption for a <fieldset> eliment
<datalist> Specifies a list of pre-defined options for input controls
<keygen> Defines a key-pair generator field (for forms)
<output> Defines the result of a calculation
Frames
Teg Description
<frame> Not supported in HTML5. Defines a window (a frame) in a frameset
<frameset Not supported in HTML5. Defines a set of frames
<noframes> Not supported in HTML5. Defines an alternate content for users that do not suppor frames
<iframe> Defines an inline frame
Images
Teg Description
<img> Defines an image
<map> Defines a client-side image-map
<area> Defines an area inside an image-map
<canvas> Used to dwaw graphics, on the fly, via scripting (usually javaScript)
<figcaption> Defines a caption for a <fingur> eliment
<figure> Specifies silf-contained content
Auido/ Video
Teg Description
<audio> Defines sound content
<source> Defines multiple media resource for media eliment (<video>and<audio>)
<track> Defines text tracks for media eliment(<video>and <audio>)
<video> Defines a video pr movie
Basic Tags =New in HTML5
Teg Description
<!DOCTTYPE> Defines the document type
<html> Defines an HTML document
<title> Defines a title for the document
<body> Defines the dopcument's body
<h1> to <h6> Defines HTML headings
<b> Defines a paragraph
<br> Inserts a single line break
<hr> Defines a thematic change in the content
<!--…--> Defines a comment
Formatting
Teg Description
<acronym> Not supported in HTML5. User <abbr> instead Defines an acronym
<abbr> Defines an abbreviation or an acronym
<address> Defines contact information for the auther/owner of a document/article
<b> Defines bold text
<bdi> Isolates a part of text that might be formatted in a different from other text outside it
<bdo> Overrides the current text direction
<big> Not supported in HTML5. Use CSSinstead. Defines big text
<blockqute> Defines a section that is from another source
<center> Not supported in HTML5. Use CSSinstead. Defines centered text
<cite> Defines the titel of a work
<code> Defines a piece of computer code
<del> Defines text that has been deleted from a document
<dfn> Represent the defining instance of a term
<em> Defines emphasized taxd
Links
Teg Description
<a> Defines a hyperlink
<link> Defines the relationship between a document ans external resource (most used to link to style sheets)
<nav> Defines navigation links
Lists
Teg Description
<ui> Defines an unordered list
<ol> Defines an ordered list
<li> Defines a list item
<dir> Not support in HTML5. Use <ul> instead. Defines a directory list
<dl> Defines a description list
<dt> Defines a tern/name in a description list
<dd> Define a description of a tern/name in a description list
<menu> Defines a list/menu of commands
<menuitem> Defines a command/menu item that the user can invoke from a popup menu
Tables
Teg Description
<table> Defines a table
<caption> Defines a table caption
<th> Defines a header cell in a table
<tr> Defines a row in a table
<td> Defines a cell in a table
<thead> Groups the header content in a table
<tbody> Groups the body content in a table
<tfoot> Groups the footer content in a table
<col> Specifies column properties for each column within a <colgroup> element
<col;group> Specifies a group of one or more column in table for formtting
Styles and Semantics
Teg Description
<style> Defines style information for a document
<div> Defines a section in a document
<span> Defines a section in a document
<header> defines a header for a document or section
<hgroup> Defines a group of headings
<footer> Defines a footer for a document or section
<section> Defines a section in a document
<article> Defines an article
<aside> Defines content aside from the page content
<details> Defines additional details that the user can view or hide
<dialog> Defines a dialog box or window
<summary Defines a visible heading for a <details> element
Meta Info
Teg Description
<head> Defines information about the document
<meta> Defines metadata about an HTML document
<base> Specifies the base URL/target for all relative URLs in a document
<basefont> Not supported in HTML5. Use CSS instead. Specifies a default color,size,and font for all text in a document