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

Header tag is used to represent a container consists of set of navigational links or introductory content. It consists of one or more heading elements, icons and authorship information. In HTML we can place number of elements, but element cannot be placed within a , another or . tag consists of starting tag, ending tag, in between that content is placed. Syntax Following is the usage of tag in HTML − ………… Example Following example of tag in HTML − Header Tag ... Read More

The element in HTML5 is used to display self-contained content (images, videos, etc). This can be attached to the main program, and can be used at any place within the document without impacting the flow of document. Additionally, if we remove the tag, it won’t affect the structure of the document. Syntax The usage of tag in HTML is shown below − Image content... The parameters used in the caption are img, src and figcaption. The tag is used to specify the image source URL when we are including an ... Read More

The element in HTML5 is used to add self-contained information like diagrams, photographs or code present in a document. Generally, the figure element attached to the main program, we can use at any place in the document, and we can also remove the tag without impacting the flow of document. The element is used to add caption for the tag element . It is an optional tag placed before or after the tag’s content. The element is used to diagrams, markup photos etc., . The element is used to give caption for element. ... Read More

To add a container for an external application in HTML5 we use tag. It defines or embed a container for an external resource like, web pages, media player, pictures or a plug-in application. Following is the usage of embed tag in HTML − It doesn’t have closing tag. The browsers that support embed tag are google chrome, Internet explorer, Firefox, Apple Safari, Opera. It supports, global and event attributes in HTML. Most of the browsers display the element with default CSS settings like embed:focus { outline: none; } Attributes Now, ... Read More

Grabbing an object and moving it to a different position is made simpler with the drag and drop idea, which is very dynamic and user-friendly. This enables the user to click and drag an element to another position before letting go of the mouse button to drop it there. Drag and drop events Drag and Drop event consists of various types of events, some of them are listed below. ondrag − is a term used in HTML to describe when an element or text selection is being moved around. ondragstart − is a function that is called when a ... Read More