Found 8592 Articles for Front End Technology

Design a Rotating card effect using HTML and CSS

Yaswanth Varma
Updated on 22-Jan-2024 11:42:20

533 Views

The effect on cards that will spin slightly when you move your mouse over them is known as rotating cards. Hovering over the cards will reveal any information, links, or images that are present on them. Let’s dive into the article where we are going to design a rotating card effect using HTML and CSS, in which we are going to use the HTML tag. Before we jump into the article, let’s have a quick look at the tag. HTML tag The tag is also known as the Division tag. HTML uses the tag to ... Read More

Different ways to apply colors in an HTML document

Yaswanth Varma
Updated on 02-Dec-2024 14:48:53

289 Views

A website or application with more color is more visually appealing than one with only black and white. We will go over each method of applying color to HTML texts in this article. There is no specific tag for applying colors in HTML document, just like for other HTML tags. On the other hand, you can add color and appeal to a certain element by utilizing the style attribute. You can specify colors on page level using tag or you can set colors for individual tags using bgcolor attribute. The body tag has following attributes which can be used ... Read More

How to add a rounded border with CSS?

Yaswanth Varma
Updated on 22-Jan-2024 11:25:12

156 Views

Using CSS, we can build a visually appealing HTML document. Some elements or images may have rounded borders, which is something we might want to consider while building a web page. With this, we can use the CSS border-radius property. Because the rounded borders refer to security, and dependability—all of which improve user experience—we might refer to them as "friendly rectangles" a lot. Let’s dive into the article to learn more about adding a rounded border with CSS. Before that, we will have a quick look at the CSS border-radius property. CSS border-radius property An element's outer border edges can ... Read More

Design a Contact us Page using HTML and CSS

Yaswanth Varma
Updated on 19-Jan-2024 18:11:32

614 Views

It really doesn't make sense to have a contact form on a website without one, much like a burger without a bun. If your business is online, you must have a method for clients to get in touch with you. A "Contact Us" form is an online form that website users can use to submit messages or requests to the website's owners or operators. It provides customers with an easy way to get in touch with the company, organization, or person operating the website without requiring them to use means of contact like phone calls or emails. The data is ... Read More

How to add a checkbox in forms using HTML?

Yaswanth Varma
Updated on 19-Jan-2024 18:03:38

264 Views

The checkbox is one of the characteristics of the HTML input tag. They display as square boxes that the front-end user can dynamically check off. When we want the user to offer a variety of inputs, the HTML checkbox comes in handy. Users choose the items they wish from the entire list when presented with a checkbox enquiry by checking or ticking these text boxes. The data from the checked checkboxes is gathered and stored in the background when the form is submitted. Typically, a checkbox can be in one of three states: checked, unchecked, or indeterminate. When a user ... Read More

How to add a parent to several tags in HTML?

Yaswanth Varma
Updated on 19-Jan-2024 17:46:28

95 Views

The HTML list of items is displayed using the tag. It has to be encapsulated by a parent element. It is used to specify list items in various lists in HTML. It is utilized in menu , directory, ordered list , and unordered lists . In ordered lists, the list elements are typically shown with an ascending counter. The list items in unordered lists are presented as bullet points. The various types of lists are − Ordered List Unordered List Definition List HTML Ordered List The numbered format of elements is displayed via the HTML ordered ... Read More

How to achieve <fieldset> like effect without using <fieldset> tag?

Yaswanth Varma
Updated on 19-Jan-2024 15:04:08

484 Views

Due to the simplicity of identifying comparable data fields, forms are used to aggregate data for simpler understanding by all users and clients. Additionally, by knowing each group individually rather than attempting to grasp the full form at once, users are better able to focus on smaller, more clearly defined groups. By default, the related form data fields are grouped together using the and elements. Before we jump into the article, let’s have a quick view of the tag in HTML. HTML tag The HTML tag is used for grouping related form elements. By ... Read More

Explain the significance of <head> and <body> tag in HTML

Yaswanth Varma
Updated on 19-Jan-2024 17:28:02

455 Views

The two most often used tags in HTML are and . It is extremely rare to come across an industry-level website that does not use the and tags on its pages. They serve different tasks and are important in determining the web page's content, appearance, and behavior. Let’s dive into the article to learn more about the significance of and tag in HTML. Significance of tag The tag is a container for all the head elements in an HTML page. We use … tag to add it to HTML page. head tag ... Read More

How to add a Time picker in Form using HTML5?

Yaswanth Varma
Updated on 19-Jan-2024 17:20:53

458 Views

Incorporating time pickers into web forms is a common requirement for many web developers. While you might think that adding time pickers might be a complicated task and you might have to use JavaScript libraries. But to your surprise, this is a relatively easy task using tags provided by HTML. This can significantly reduce the amount of code and time required to implement date and time pickers in your web application. To create the time control using HTML, we have tag, where time value can be used in TYPE attribute of tag. Let’s dive into the article to ... Read More

Describe the purpose of using alt attribute in <img> tag in HTML

Yaswanth Varma
Updated on 19-Jan-2024 17:18:35

117 Views

Our website pages heavily depend on images. They enhance the visual appeal of our web pages, better explain concepts, and do many other things. To include an image into the web page, we utilize the HTML tag. The two required attributes of the tag: src, which specifies the path to the picture, and alt, which specifies an alternative text for the image. The alt attribute is present in case the image isn't displayed for whatever reason. Although the alt attribute for the tag is present, many users choose to leave it blank or to fill it with ... Read More

Previous 1 ... 3 4 5 6 7 ... 860 Next
Advertisements