HTML Articles

Page 3 of 151

How to create an unordered list with circle bullets in HTML?

Lokesh Badavath
Lokesh Badavath
Updated on 02-Dec-2024 11K+ Views

An unordered list is unordered list of items marked with bullets, circle, disc and square. It gives you the ability to control the list in the context. Allow us to group a set of related items in lists. HTML support ordered list, unordered list and we have to use the tag, to create unordered list in HTML. The tag defines the unordered list. We use li tag to start list of items. The list of items can be marked as bullets, square, disc and circle. By default, the list items in the context marked with the bullets. ...

Read More

How to Create a Form with Custom Buttons in HTML

Aman Gupta
Aman Gupta
Updated on 02-Dec-2024 607 Views

Overview Buttons are the components in HTML which perform a certain action when clicked. Various buttons perform various actions. The HTML has some predefined buttons with a certain type of action. In a HTML form when the tag is used by default, the simple button inside the form tag is of type submit. So when you click on a button inside the form tag it will submit the form on your desired path and depends on the GET and POST request. The submit location is defined in the action attribute of the form. The HTML form by default is ...

Read More

How to Change the Color of Links in HTML?

Lokesh Badavath
Lokesh Badavath
Updated on 02-Dec-2024 41K+ Views

A link is a connection from one Web page to another web page. We can add page links to a web page. HTML links are hyperlinks. The tag defines a hyperlink and used to link from one page to another. The href attribute is used with the anchor tag, which indicates the link's destination. To make page links in an HTML page, use the and tags, with href attribute used to define the links. We should use the … tags inside … tags. The link text is visible. Clicking on the link text, will navigate to the ...

Read More

How to Display Unordered List in Two Columns?

Eesha Gandhi
Eesha Gandhi
Updated on 28-Nov-2024 6K+ Views

In HTML, unordered lists are collections of items that do not have to be in any particular order. To list these items, we frequently use simple bullet points and that is why they are often known as bulleted lists. An unordered list begins with the tag and closes with a tag. The list items begin with the tag and end with tag. The tag, which stands for unordered list, is the li tag's parent. This means that the tag is the tag's child. Following is the syntax List of Items There can be ...

Read More

How to insert Spaces/Tabs in text using HTML and CSS?

Akif Jaseem
Akif Jaseem
Updated on 28-Nov-2024 412 Views

To insert spaces/tabs in text using HTML and CSS, can be tricky as HTML generally doesn't recognize multiple spaces or tabs by default. If you add extra spaces in your code, they'll collapse into a single space when displayed in the browser. We will be understanding three different approaches to insert spaces in text. In this article we are having some text content, our task is to insert Spaces/Tabs in text using HTML and CSS. Approaches to Insert Spaces/Tabs in Text Using HTML Entities for Spaces Using CSS margin or ...

Read More

How to Make the CSS overflow: hidden Work on a <td> Element?

Shefali Jangid
Shefali Jangid
Updated on 27-Nov-2024 611 Views

CSS overflow: hidden; property is used to hide the lengthy content based on the size of your element. Here in this article, we will see how you can use overflow: hidden; on element so we can keep the lengthy content hidden. If you did not set the size of your element then it will stretch and show you the whole content. Approaches to Make the CSS overflow: hidden Work Using table-layout: fixed Property Using text-overflow and white-space Properties Using table-layout: fixed Property By default, tables adjust ...

Read More

How to Trigger a File Download when Clicking an HTML Button or JavaScript?

Rushi Javiya
Rushi Javiya
Updated on 27-Nov-2024 49K+ Views

To trigger a file download when clicking an HTML button or JavaScript, is a very common and important part of web page where users can directly download the file they want by clicking a button or link. We will be understanding four different approaches to achieve this. In this article, we are having a button in our HTML document and our task is to trigger a file download when clicking an HTML button or JavaScript. Approaches to trigger file download Here is a list of approaches to trigger a file download when clicking an HTML button or JavaScript which we ...

Read More

How to Create a Blinking Effect with CSS3 Animations?

Pankaj Kumar Bind
Pankaj Kumar Bind
Updated on 22-Nov-2024 814 Views

To create a blinking effect with CSS3 animations there are a lot of approaches. Blinking effects are commonly used to draw attention to specific elements on a webpage, such as warning messages, buttons, or text, CSS3 animations make it easy to implement such effects with clean and reusable code. Approaches to Create Blinking Effect Using @keyframes and animation Properties Using animation and visibility Using animation and opacity Using CSS Transitions (Limited Control) Using @keyframes and animation Properties This method will ...

Read More

How to Make CSS Ellipsis Work on a Table Cell?

Pankaj Kumar Bind
Pankaj Kumar Bind
Updated on 22-Nov-2024 554 Views

When dealing with long text in a table, ensuring that it doesn't overflow and ruin your layout is crucial, CSS provides solutions to add ellipses (...) to text that exceeds a cell's width, keeping your UI clean and readable, this article explores two approaches: using the display property and the table-layout property. Approaches to Make CSS Ellipsis Work on a Table Cell Using the display Property Using the table-layout Property Using the display Property The display property allows us to treat the table cell as a block or ...

Read More

How to Create an SVG Drop Shadow?

Pankaj Kumar Bind
Pankaj Kumar Bind
Updated on 22-Nov-2024 633 Views

A drop shadow enhances appearance of an SVG by giving it a 3D effect or a sense of depth, SVG drop shadows can be created using SVG filters and box-shadow or filter property. SVG Filters: Provides fine-grained control over shadow properties. CSS box-shadow or filter: Applies shadows using simpler syntax. Approaches to Create an SVG Drop Shadow Using the Element in SVG Using CSS filter Using the Element in SVG This is a powerful approach ...

Read More
Showing 21–30 of 1,508 articles
« Prev 1 2 3 4 5 151 Next »
Advertisements