In this article we will discuss the differences between the and tags, and tags and look at some examples which use these tags. and tags The HTML element is used to draw the reader's attention to elements whose contents are otherwise unimportant. It highlights a section of text in bold to make it more visible to the user. It's a fashion statement. It conveys no additional significance. As a result, if we only need to increase the font-weight of a specific word, phrase, or paragraph for presentation purposes, we should use the ... Read More

Using the Assets Directory We can serve an image in angular by first placing it in our project's assets directory, where we can create a separate directory for images or simply leave it in the assets directory as is. We can open the specific component typescript (.ts) file where we want to serve the image once we have placed all of the required images in the assets directory. Now we can store the image's URL in a variable within the function Object() { [native code] } so that it is initialised when the component is created. Demo.Component.ts import { Component, ... Read More

Using Margin and Padding Properties Additional spacing can be added to the top, right, bottom, or left of any HTML element. However, before deciding on the type of space to add around the element or object, it is important to understand the difference between margin and padding. Padding is used to surround the element within the border whereas the margin is used for surrounding the element outside the border. The margin property specifies the amount of space around an HTML element. We can use negative values to overlap content. The child elements do not inherit the values of the margin ... Read More

A checkbox is created by using the tag with the type="checkbox" attribute (also called a tickbox). Users can select multiple options by checking one or more checkboxes. In HTML, the checkbox can be used alone or in conjunction with the "form" attribute. When the question or form is submitted, the data from the checked checkboxes is collected and saved in the backend. The type attribute of the element creates it, as shown in the following syntax: Checkboxes with clickable labels are more usable. It allows users to toggle checkboxes on and off by clicking the labels. ... Read More

Bootstrap grid system lays out and aligns content using a series of containers, rows, and columns. It is responsive and built with flexbox. It supports up to 12 columns per page. If we don't want to use all 12 columns individually, we can group them together to make wider columns. The grid system in Bootstrap is responsive which means that the columns will re-arrange based on screen size: On a large screen, the content may look better organized in three columns, but on a small screen, the content items should be stacked on top of each other. There are four ... Read More

Web pages are made using a variety of fundamental technologies, HTML (Hypertext Markup Language) and CSS (Cascading Style Sheets) being the primary ones. HTML provides structure to the page, while CSS is responsible for the (visual and aural) layout for a variety of devices. CSS can be added to HTML documents in three different ways: Inline - when the attribute is used within HTML elements. Internal – when a element is inserted into the section. External – when an external CSS file is linked to HTML code using the element. Suppose you are making a Django ... Read More

Buttons are clickable elements in HTML that perform actions. They have the ability to submit a form, reset a form, or perform a JavaScript function. They are defined by the or tags. Buttons created using the tag can hold content such as text, icons, images, and so on. The tag specifies a data entry field for the user. The most important form element is the element. Depending on the type attribute, it can be displayed in a variety of ways. Text is the most common and widely used input type. Consider the code below, which ... Read More

Creating PDFs through coding is an important feature of a web application. This is required for the creation of reports in a data-centric application. The PDF may contain any type of data, such as tables, charts, image graphics, and so on. A single-page PDF can be easily generated from HTML. However, converting a lengthy UI template into a multi-page PDF is a slightly time-consuming process. There are online converter tools available to create PDF files from Word and HTML documents. There are also numerous integrative libraries available for generating PDF from HTML code. Because our data is usually dynamic, ... Read More

The scale() CSS function specifies a transformation that resizes a 2D element. Since the amount of scaling is defined by a vector, it can resize the vertical and horizontal dimensions at various scales. As a result, it yields a data type. It can be used with the transform property to transform an element in 2D or 3D space. A two-dimensional vector characterizes this scaling transformation. Its coordinates specify the amount of scaling done in each direction. Syntax scale(sx) (or) scale(sx, sy) sx: A number or percentage representing the scaling vector's abscissa. sy: A number or percentage representing the ... Read More

There are a number of new HTML5 form input types, 13 to be exact, that make it much easier for web designers to create engaging and user-friendly web forms. In web browsers that support them, the new HTML5 input types provide data validation, date picker controls, colour picker controls, inline help text, and other features. Input types provided by HTML5 In this article we will take a look at all of the new form input types and some examples to demonstrate their usage. The colour input type allows the user to choose a colour from a colour picker and ... Read More