The value attribute of the element specifies the current value of the gauge. This is a required attribute.Following is the syntax −Above, num represents the current value as a floating-point number.Let us now see an example to implement the value attribute of the element −Example Live Demo    Result    Girls pass %    Boys pass % OutputIn the above example, we have set the pass percentage of girls as well as boys using the element. The current value is set using the value attribute −Boys pass %

The content attribute of the element is used to set the meta information in an HTML document. This can be the information for the description or the keywords, for name attribute.Following is the syntax:Above, the text is the meta information.Let us now see an example to implement the content attribute of the element:Example Live Demo Tutorials Programming tutorials for free:    Java    C++    C    C# OutputIn the above example, under the element, we have set the description: The description i.e. the meta information is set ... Read More

The charset attribute of the element is used to specify the character encoding for the HTML document. You can use the charset attribute on as well as element.Different charsets include ASCII, ANSI, ISO-8859-1, UTF-8, etc. ISO-8859-1 supports 256 different character codes. ASCII defined 128 different alphanumeric characters. The charset attribute in HTML is used with the to specify the character encoding.Let us now see an example to implement the charset attribute of the element:Example Live Demo    Demo Heading    This is demo text.    We are learning about the charset ... Read More

The href attribute of the element is used to set the url of the external resource.Following is the syntax −Above, the url is the url of the linked document. Let us now see an example to implement the href attribute of the element −Example    Demo Heading    This is demo text. We have an external document above “new.css”, which is linked using href. This document is a CSS style file −h1{    color − blue; } p{    background-color − red; }OutputThis will produce the following output. We styled the heading and text in the above “new.css” −

The value attribute of the element is used to set the value of the list item. Since the value is a number, it would be set only for the ol element in HTML i.e. the ordered list.Following is the syntax −Above, num is the value of the list item in an ordered list. Let us now see an example to implement the value attribute of the element −Example Live Demo Subjects Following are the subjects −    Maths    Science    English    French Remaining subjects −    Coffee    Accounts    Programming    Networking ... Read More

The width attribute of the element is only used with image and allows you to set the width of the image added using −The width attribute introduced in HTML5 and acts as the submit button. Following is the syntax −Above, width represents the width in pixels.Let us now see an example to implement the width attribute of the element wherein the width is set for input type image −Example Live Demo Register    Id −    Password −    DOB −    Telephone −    Email −     ... Read More

The size attribute of the element is used to set the width of the input. The more the width would lead to a textbox with more width. You can set the size attribute for the following input types − text, search, email, password, tel and url.Following is the syntax −Above, size_num is the width of the input you need to set in numbers. The default is 20.Let us now see an example to implement the size attribute of the element −Example Live Demo Register Id − Password − ... Read More

The strokeRect() method of the HTML canvas is used to create a rectangle on a web page. The element allows you to draw graphics on a web page using JavaScript. Every canvas has two elements that describes the height and width of the canvas i.e. height and width respectively.Following is the syntax −context.strokeRect(p, q, width, height);Above, p − The x-coordinate of the upper-left corner of the rectangleq − The y-coordinate of the upper-left corner of the rectanglewidth − Width of the rectangleheight − Height of the rectangleLet us now see an example to implement the strokeStyle property of canvas ... Read More