Found 10483 Articles for Web Development

Create a Sticky Social Media Bar using HTML and CSS

Yaswanth Varma
Updated on 22-Jan-2024 13:41:17

677 Views

Utilizing social media helps your internet business attract more clients. Any website can benefit greatly from social media buttons, which enable users to receive updates directly from the website. Additionally, a sticky social bar helps to boost visitors to your website and grows your social media following. In this article we will discuss how to use CSS to make a sticky social media bar without affecting the look and feel of your website. Several jQuery plugins are available for floating sidebars, however they could affect the speed and appearance of your website. We'll use CSS code to add an animated ... Read More

Design a calendar using HTML and CSS

Yaswanth Varma
Updated on 23-Oct-2024 15:07:27

4K+ Views

To design a calendar using HTML and CSS, we will be using HTML tables. We use calendar in our daily life to check the dates, schedule any event and many more. In this article, we will understand how we can design a calendar using HTML and CSS only. We will be using HTML table to create the structure and use CSS properties to design the UI of calendar. Steps to Design a calendar Using HTML and CSS We will be following below mentioned steps to design a calendar Using HTML and CSS. Structuring the Calendar ... Read More

Design a Rotating card effect using HTML and CSS

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

609 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

344 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

180 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

746 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

335 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

117 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

558 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

578 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

Advertisements