The fillRect() method of the HTML canvas is used to create a filled rectangle on the web page. The default color is black. 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.fillRect(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 fillRect() method ... Read More

The name attribute of the element is used to set the name for a button. More than one button can have the same name, but we can submit different values from these buttons using the name attribute.Following is the syntax −Above, btn_name is the name of the button. Let us now see an example to implement the name attribute if the element −Example Live Demo Get the details of the employee: Address Phone Appraisal % OutputIn the above example, different values will ... Read More

The target attribute of the element allows you to set where the linked document will open, for example, new window, same frame, parent frame, etc.Following is the syntax −Here,  _blank is used to open the linked document in new window or tab, _self opens the linked document in the same frame as it was clicked, _parent opens the document in the parent frame, _top opens the linked document in the entire body of the window, frame opens the linked document in a named frame.Let us now see an example to implement the target attribute of the elemen −Example Live ... Read More

The target attribute of the element allows you to display the response generated after submitting the form.Following is the syntax −Here, _blank is used to display the response in new window or tab, _self display the response in the same frame, _parent displays the response in the parent frame, _top displays the response in the entire body of the window, frame displays the response in a named frame.Let us now see an example to implement the target attribute of the element −Example Live Demo Points    Player:    Rank:    Points:    Submit ... Read More

The rel attribute of the element is used to set the relationship between the current document and the linked document. This attribute introduced in HTML5 for the element. Following is the syntax −Above, value can be any of the following options that links to −alternate: An alternate version of the document, for example, to print.author: Author of the documentbookmark: Permanent URL used for bookmarkinghelp: Help documentlicense: Copyright informationnext: Next document in a selectionnofollow: Links to a link which you do not want that the Google indexing to follow that link.noreferrer: Specifies that the browser should not send a HTTP ... Read More

The autofocus attribute of the element is used to set focus to the button whenever page loads.Following is the syntax −Above, we have set autofocus to a button. Let us now see an example to implement the autofocus attribute of the element −Example Live Demo    Demo Heading    This is a demo line.    Demo OutputThis will produce the following output displaying the focus is on button 1 −In the above example, we have set the autofocus attribute for the button element −    Demo Now, when the page loads, the focus would be on ... Read More

The cite attribute of the element is used to set the source of a quotation. Following is the syntax −Above, url is the source of the quotation. Let us now see an example to implement the cite attribute of the element −Example Live Demo Magento Magento as stated on the official website:    Magento Commerce, part of Adobe Commerce Cloud, offers a one-of-a-kind eCommerce solution with enterprise power,       unlimited scalability, and open-source flexibility for B2C and B2B experiences.    Magento allows you to create unique, full-lifecycle customer experiences proven to generate more sales. ... Read More