The HTML DOM MouseEvent clientX property returns the horizontal (x) coordinate of the mouse pointer if a mouse event was triggered. Use with clientY to get the vertical coordinate as well.Following is the syntax −Returning reference to the clientX objectMouseEventObject.clientXLet us see an example of MouseEvent clientX property −Example Live Demo MouseEvent clientX    * {       padding: 2px;       margin:5px;    }    form {       width:70%;       margin: 0 auto;       text-align: center;    }    #outer {       width:70%;       margin: 0 ... Read More

The HTML DOM Meter value property returns/sets a number corresponding to the value attribute of a element. Use this with high, low, min and max attributes for better results.NOTE: Don’t use as a progress bar but only as a gauge.Following is the syntax −Returning value of the value propertymeterElementObject.valueValue of the value property setmeterElementObject.value = numberLet us see an example of Meter value property −Example Live Demo Meter value    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px; ... Read More

The HTML DOM Meter optimum property returns/sets a number corresponding to the optimum attribute of a element. Use this with high, low, min and max attributes for better results.NOTE: Don’t use as a progress bar but only as a gauge.Following is the syntax:Returning value of the optimum propertymeterElementObject.optimumValue of the optimum property setmeterElementObject.optimum = numberLet us see an example of Meter optimum property −Example Live Demo Meter optimum    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px; ... Read More

The HTML DOM Meter Object in HTML represents the element.NOTE: Don’t use as a progress bar but only as a gauge.Following is the syntax −Creating a elementvar meterObject = document.createElement(“METER”)Here, “meterObject” can have the following properties −PropertyDescriptionhighIt sets/returns the value ofthe high attribute in a gaugelabelsIt returns a list of elements that are labels for the gaugelowIt sets/returns the value ofthe low attribute in a gaugemaxIt sets/returns the value ofthe max attribute in a gaugeminIt sets/returns the value ofthe min attribute in a gaugeoptimumIt sets/returns the value ofthe optimum attribute in a gaugevalueIt sets/returns the value ofthe ... Read More

HTML5, the latest and popular web designing language, has suddenly took the designing world with a wave. Earlier we had HTML and now there is HTML5. However, if we look at the major difference between the both, we figure out that the one thing, which actually makes HTML5 different and better than HTML is the Responsiveness.Responsiveness of a webpage means the output or response received from the web page after it is loaded on the browser as per the medium.With HTML, there used to be many limitations, which arises the need for a new version. The web designers were not ... Read More

HTMLHTML stands for HyperText Markup Language which is a language used to describe the structure of a web page. It consists of various HTML element which is composed of HTML tags and their content.HTML is a hypertext language so we can create a chain of links of documents. The current version of HTML is HTML5. HTML is static and it can ignore small errors and in it, closing tags are not necessary.Let us see an example of HTML −Example HTML HTML I'm a HTML document. OutputXMLXML stands for eXtensible Markup Language which ... Read More

The HTML5 Semantics refers to the semantic tags that provide meaning to an HTML page. In HTML5 the tags are divided into two categories - semantic and non-semantic. HTML5 brings several new semantic tags to the HTML.Some HTML5 Semantic tags are −TagsExplanationfigureIt specifies an image with different formats.articleIt specifies an independent self-containing article.navIt specifies a container for navigation links.asideIt specifies a tag for content aside from main content (like a sidebar).sectionIt represents a section in a document.detailsIt specifies a tag for additional details.headerIt specifies a header for a section or for a document.footerIt specifies a footer for a section or ... Read More

The HTML form action attribute defines where to send the form data when a form is submitted in an HTML document.SyntaxFollowing is the syntax −Let us see an example of HTML Form action Attribute −Example Live Demo    body {       color: #000;       height: 100vh;       background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat;       text-align: center;    }    input {       width: 315px;       display: block;       margin: 1rem auto;       border: 2px solid #fff;       padding: 8px;   ... Read More

The HTML Window sessionStorage property allow us to store key/value pairs data in a web browser only for one session that means the data is deleted when the browser tab is closed.SyntaxFollowing is the syntax −window.sessionStorageLet us see an example of HTML Window sessionStorage Property −Example Live Demo    body {       color: #000;       height: 100vh;       background-color: #8BC6EC;       background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%) no-repeat;       text-align: center;    }    .btn {       background: #db133a;       border: none;       ... Read More

The HTML Window self property returns the current window of the browser.SyntaxFollowing is the syntax −window.selfLet us see an example of HTML Window self Property −Example Live Demo    body {       color: #000;       height: 100vh;       background-color: #8BC6EC;       background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%) no-repeat;       text-align: center;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: 30%;       display: block;       ... Read More