Found 132 Articles for HTML5

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

The stroketext() method renders the provided text using the current font, linewidth, and strokestyle properties at the specified place. The path won't be affected by any subsequent fill() or stroke() calls because this method draws directly to the canvas without changing the original route. Syntax Following is the syntax for stroke text in HTML ctx.strokeText(text, x, y, maxWidth); Where, X − The point on the x-axis where the text should start to be drawn, in pixels. Y − The baseline's y-axis coordinate, in pixels, at which to start rendering the text. text − A string containing the text ... Read More

The Canvas 2D API's CanvasRenderingContext2D method fillText() draws a text string at the given coordinates while filling the characters with the current fillStyle. On the canvas, filled text is drawn using the fillText() method. The text is black by default. Syntax Following is the syntax to fill text in HTML5 context.fillText(text, x, y, maxWidth); Where, X − The point on the x-axis where the text should start to be drawn in pixels. Y − The baseline's y-axis coordinate, in pixels, at which to start rendering the text. text − This is a string containing the text string that ... Read More

The arc() is a method of the canvas 2D API.The arc() method allows you to draw a circular arc. Syntax Following is the syntax to draw a circle with arc() in HTML5 arc(x, y, radius, startAngle, endAngle) arc(x, y, radius, startAngle, endAngle, counterclockwise) The arc() method generates a circular arc with a radius of radius, centred at (x, y). The path moves in the counter clockwise direction and begins at startAngle and finishes at endAngle (defaulting to clockwise). Parameters Following are the parameters of this method − X − The arc's center's horizontal coordinate. Y − The arc's ... Read More

The Canvas 2D API's lineTo() method, which connects the last point of the current sub-path to the given (x, y) coordinates, adds a straight line to the sub-path. The lineTo() method expands the canvas by adding a new point and drawing a line to it from the previous point (this method does not draw the line). Syntax Following is the syntax to draw a line lineTo(x, y) let’s look into the following examples to get a better idea on how to draw a line with line to in HTML5. Example 1 In the following example we are using function ... Read More

SVG is a markup language based on XML that is used to describe two-dimensional vector graphics. SVG is essentially what HTML is to text when it comes to visuals. A rectangle is drawn on the screen via the element. The placement and shape of the rectangles on the screen are determined by six fundamental properties. Syntax Attributes X − The top-left x-axis coordinate. Y − The top-left y-axis coordinate. width − The rectangle's width. height − The rectangle's height. rx − The x-axis' roundness. ry − The y-axis' roundness. style − Indicate an inline style. ... Read More