Found 132 Articles for HTML5

Suppose you want to make a quiz app. In it, if you click the wrong option, an audio will be played in the background saying “wrong answer”. But if you click two or more options simultaneously which are wrong, you won’t be able to hear the sound as many times wrong answer is clicked at the same time. So, how to resolve this issue. In this article, you will see if you can play the same sound more than once at the same time with HTML5 or not. The answer is Yes!!! There are two methods for doing so. Let ... Read More

If you want to add a date picker which includes the year, month and day, in your webpage, then HTML5 facilitates a “date” field for you. It is a type in element. It works well in various web browsers like Google chrome, Internet Explorer and Firefox. Here we are going to learn about how it works in Safari which is also a web browser. First let’s see about Safari. Safari Safari is a graphical web browser developed by Apple for its users. It is basically an open source software, specifically designed for all Apple devices. It runs on ... Read More

In a thermometer, as the temperature increases, the mercury in it rises up too. Vice versa is the case for lowering the temperature. Similarly, if you want to create such effect on a webpage, it is done by the range type of input element in HTML5. This is known as range for vertical orientation. The most common use of the slider input is when we know the lower and higher margins. For instance, if we are developing a website that records the temperature of different places. You can have the temperatures as a sliding input range. It was possible to ... Read More

Content caching is an effective way for fast and smooth user experience. Every URL in a web page can be linked to a single cache manifest section. However, there are certain large and rarely used files which decreases the overall speed of the Cache. Since they do not need to be changed but still gets re-downloaded every time the Cache gets updated, it is better to have such files in different cache with same URL. This will increase its speed and performance. So, how to spilt HTML cache? Before that, let’s understand what an HTML cache is. What is an ... Read More

Resizing an image is one of the cumbersome tasks since it affects the performance of your website. In case of online photos, size is of great importance. Generally, users prefer small size images since it takes less time to load even with moderate internet connections. If the image is too big, your page may become unresponsive for some time. Web pages with uniformly sized images are attractive and appealing. Hence, it is essential to upload images of appropriate size to your website. Resizing VS Resampling Changing the size that is, height and width, of an image to be printed ... Read More

HTML5 supports five media elements, which are helpful in creating media resources. The different media tags are , , , and . These tags are used to change the development, let us discuss about each element in detail with an example − The tag If you want to play videos on your web page, then HTML element can be used for it. HTML element provides a standard way to embed videos in a web page. The simple code to embed a video is as follows − ... Read More

If we want to serve a visual demonstration of completion of any task or goal, we use element. To display how much progress has been towards task completion we use max and value attributes. Following is the syntax of tag in HTML - Progress has open and closing tags. It is a new semantic element in HTML5. For displaying a file is being uploaded also this progress bar is used. The HTML tag supports the following attributes − Attribute Value Description max Max It should have a value greater than ... Read More

To define or include a result of calculation in HTML, we use tag. The output tag helps in providing the result of calculation, which is performed by the JavaScript (Client side scripting language). Syntax Following is the usage of tag − --- Attributes The attributes used in output tag is shown below − Attribute Description for List of IDs of other elements, i.e. it indicates the elements who have contributed input value to the calculation. form Enables to place output elements anywhere within a ... Read More

Navigational links can be provided by using tag in the document. The links of nav element navigates to other webpages or points to different section of same webpage. Examples of nav element are contents, tables, menus and indexes. Syntax Following is the usage of tag in HTML − Links…… Example Following example where we are trying to create a section that contains only navigation links − TutorialsPoint ... Read More

To display the main content in the document, we use tag. The tag consists of open and closing tags, the content present in between element is unique to the document, it does not contain any content which is repeated across documents like navigation links, site logos, sidebars and search forms. In a document there should be only one element. The main is not a descendent of , , , or element. The tag supports almost all browsers and it also supports global and event attributes. Syntax Following is the usage of tag in ... Read More