What are HTML graphics?

In Hypertext Markup Language (HTML), there are many ways to view and create graphics in the HTML document. The most commonly used type of HTML graphics are images that are located directly on the HTML page, called inline images, although there are other methods - for example, using a scripting language or compiled web applications - which can be used to achieve the same results. Scalable vector graphics (SVG) can be used for dynamically generated graphics for charts or graphs. There is also some HTML basic graphics supported by language specification and do not require external files such as horizontal lines and bullets. More complicated HTML graphics can be achieved using a scripting language, cascading sheets (CSS) and HTML Canvas, giving native options for some effects that were previously only possible through external objects and plug-in.

by far, inline html graphics is the most used and easiest way to place a picture in a documentHTML. In principle, this includes the creation of an image in the image editor, saving to a commonly used file format, and then entering the name and location of the image file in the HTML document with the IMG. In addition to the simplicity of incorporating inline graphics into the document, the rendering motor can easily place graphics in most of the web browsers in the more complicated page layout without formatting artifacts. One complication that may occur with the inline image is that the size of the image may be necessary when viewed exceptionally large or small displays, which potentially reduces image quality.

Scalable vector graphics is a more complex style of HTML graphics. The image of SVG is drawn by defining shapes, roads and line weights and is drawn when the user views the document. This makes SVG a good choice to display dynamic data, such as graphs or graphs, but makes them very impractical to use them for other types of graphics, such as the design of photorealistic images. For a simpleHTML graphics and in situations where an external image set cannot be loaded, SVG can be a viable option.

with the development of the HTML version 5 (HTML5), it is possible to create a dynamic HTML graphics in HTML. This is done by stretching directly to a special surface known as a canvas in the HTML document. Using JavaScript® and CSS, this method can create animations or games that can respond to the user's input or edit graphics depending on the web browser or other data settings. However, creating HTML5 graphics can be a complex procedure that could lead to long blocking code blocks that could perform very slowly on some computers or devices.