To use a floating image in HTML, use the CSS property float. It allows you to float an image left or right. More property values include the following:Sr.No.Property Value & Description1noneNot floated2leftFloats to the left3rightFloats to the right4initialDefault valueExampleYou can try to run the following code to use floating image in HTML. Here’s the usage of float right and float left CSS attribute           HTML Floating Image        Float Right    The below image floats to the right.                 This is demo text. ... Read More

To trigger a JavaScript click event, let us see the example of mouse hover.ExampleLive Demo           Hover over the button.                                      function display() {             document.getElementById("test").click();          }          

In this tutorial, we will learn to make the print button without using JavaScript. Most of you have seen the print button on any website or application, and when users click on the print button, it prints the whole webpage or any particular file. However, the HTML doesn’t contain the print method. We can use the print() method of the window object. The window object is the global object, which can be accessed anywhere inside the code. So, either user can invoke the window.print() method from the JavaScript or HTML code.Syntax Users can follow the syntax below to invoke JavaScript's ... Read More

In this tutorial, we will learn how we can find out which JavaScript event is fired or triggered. We can add events to HTML elements to perform some actions on the webpage like changing text, form submission, etc. There are two ways of finding which JavaScript event is fired − Using Developer Tools Using Inspect Element Let us discuss both of them one by one with coding examples. Using Developer Tools We can find out which JavaScript event is fired by using developer tools in the browser. To open Developer tools, you need to press ctrl + shift ... Read More

Responsive images will automatically adjust to the size of the screen and to the tab size. To make image responsive first we must add image to the web page using tag, then by using style sheet we can change the parameters of the image to make an image responsive in HTML. Syntax Following is the syntax to make an image responsive in HTML. Example Following is the example program to make an image responsive in HTML. In here, we have used inline style sheet. DOCTYPE html> Responsive Image ... Read More

On client and server, the following storages are available: local storage, session storage, and cookies.The Local Storage is designed for storage that spans multiple windows and lasts beyond the current session. In particular, Web applications may wish to store megabytes of user data, such as entire user-authored documents or a user's mailbox, on the client side for performance reasons. Cookies do not handle this case well because they are transmitted with every request.Local Storage is available for every page and remains even when the web browser is closed, but you cannot read it on the server.The stored data has no ... Read More

In this tutorial, we are going to learn how to secure my JavaScript using “Strict mode”. There are some errors in the code which are just ignored by the JavaScript engine and if any line fails it perform nothing, to indicate that there is an error we can use the strict mode which will make the JavaScript engine throw an error. The ‘use strict’ is a literal expression which is the directive we can add to the code, not in any block. We can add this ‘use strict’ directive in the whole script, a function, or in a class. Syntax ... Read More

To create clickable areas in an image, create an image map, with clickable areas. For example, on clicking a box, the different website opens and on clicking a triangle in the same image, a different website opens.The tag defines an area inside an image-and nested inside a tag. The following are the attributes:Sr.NoAttribute & Description1altThe alternate text for the area2coordsThe coordinates for the area3downloadThe target will download when the hyperlink is clicked4shapeThe shape of the area5targetWhere the URL will openExampleYou can try to run the following code to create clickable areas in an image in HTML   ... Read More

The following are the details of the date you can store in JavaScript cookies −Web BrowserMaximum cookiesMaximum size per cookieGoogle Chrome1804096 bytesFirefox1504097 bytesOpera1804096 bytesAndroid504096 bytes

To change the text font in HTML, use the style attribute. The style attribute specifies an inline style for an element. The attribute is used with the HTML tag, with the CSS property font-family, font-size, font-style, etc.HTML5 do not support the tag, so the CSS style is used to change font. The tag deprecated in HTML5.Just keep in mind, the usage of style attribute overrides any style set globally. It will override any style set in the HTML tag or external style sheet.ExampleYou can try to run the following code to change the font in HTMLLive ... Read More