Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
Front End Technology Articles
Page 28 of 652
How to add sub heading using HTML?
A subheading is a text element used to organize and structure content on a webpage. Subheadings break up large blocks of text and provide a clear hierarchy of information for users. In HTML, subheadings are primarily created using heading tags , , , , or , with being the main heading and being the lowest level subheading. Syntax Following is the basic syntax for creating subheadings in HTML − Subheading Level 2 Subheading Level 3 Subheading Level 4 Subheading Level 5 Subheading Level 6 The heading tags create a semantic hierarchy where ...
Read MoreHow to avoid a new line with a tag?
When working with HTML tags, browsers typically display them as block-level elements, meaning each div starts on a new line. However, there are situations where you need multiple divs to appear on the same line, such as creating navigation menus, horizontal layouts, or side-by-side content sections. This article demonstrates three effective methods to prevent div elements from creating new lines: using the display: inline property, display: inline-block property, and CSS Flexbox. Understanding Block vs Inline Behavior By default, elements have display: block, which means they − Take up the full width available Start ...
Read MoreHow to Become a Full-Stack Web Developer in 2023?
Becoming a full-stack developer is the dream of many engineering students. Full stack development means building complete web applications with dynamic frontend interfaces and robust backend systems, including databases, APIs, and server management. This article will discuss the essential skills and roadmap to become a full-stack web developer in 2023. Learn The Basics Of Web Development The first and foremost important step to becoming a full-stack developer is to master the fundamental languages which form the foundation of all web applications. Frontend Technology Stack HTML5 Structure ...
Read MoreHow to Build a Card component using Tailwind CSS?
The card component is a versatile UI element in Tailwind CSS used to display content in a structured, visually appealing format. Cards are essential building blocks for modern websites, especially e-commerce platforms, blogs, portfolios, and dashboards. Tailwind CSS provides utility classes that make creating responsive, customizable cards straightforward and efficient. Syntax Following is the basic syntax for creating a card component using Tailwind CSS − The core classes used are − bg-white − Sets white background color rounded-lg − Applies rounded corners shadow-lg − Adds drop ...
Read MoreHow to Convert a HTML Table into Excel Spreadsheet using jQuery?
Converting an HTML table to an Excel spreadsheet can be accomplished using the table2excel jQuery plugin. This lightweight plugin provides a simple solution for exporting table data to Excel format with minimal setup. The plugin works by targeting HTML elements and converting their content into downloadable Excel files. Syntax Following is the basic syntax for the table2excel plugin − $(selector).table2excel({ filename: "filename", fileext: ".xls" }); Where − selector − Any HTML table element, class, or ID that identifies the table to export. filename − The ...
Read MoreHow to decide the order of precedence of the style attributes in HTML?
In HTML and CSS, the order of precedence (also called specificity) determines which style rules are applied when multiple styles target the same element. Understanding this hierarchy is crucial for effective web development and debugging style conflicts. CSS follows a specific cascade order where styles with higher precedence override those with lower precedence. This system ensures predictable styling behavior when multiple style sources exist. CSS Precedence Order The CSS cascade follows this order of precedence, from highest to lowest priority − Inline styles − Styles applied directly to an element using the style attribute Internal ...
Read MoreHow to declare a custom attribute in HTML?
In this article, we will discuss how to declare a custom attribute in HTML. Custom attributes are useful when you want to store additional information that is not part of standard HTML attributes. They provide flexibility and customization in HTML, making your code more maintainable and functional. Approaches We have two different approaches to declaring a custom attribute in HTML − Using the data- prefix − Standard HTML5 approach for custom attributes Using custom attributes − Non-standard approach with custom naming Syntax Following is the syntax for data- attributes − Content ...
Read MoreHow to Add Date and Time Picker using only one tag in HTML?
Incorporating date and time pickers into web forms is a common requirement for many web developers. While you might think that adding date and time pickers requires JavaScript libraries, HTML5 provides a simple, native solution. Using the input element with the datetime-local type, you can create a combined date and time picker with just one tag, significantly reducing code complexity. Syntax Following is the syntax for creating a combined date and time picker − The tag is an interactive element in HTML whose main purpose is to take different forms of inputs ...
Read MoreHow to Add Edit and Delete Table Row in jQuery?
In modern web development, effective table management is essential for data-heavy applications. The ability to dynamically add, edit, and delete table rows significantly enhances user experience and interactivity. jQuery provides powerful methods to accomplish these operations efficiently. Table Row Overview A table row in HTML is represented by the element, which groups related data cells ( elements) together. Each element defines a single row containing one or more data cells. Syntax Following are the main jQuery methods used for table row manipulation − $(selector).append(content) The append() method adds content to ...
Read MoreHow to add description list of an element using HTML?
HTML description lists are used to display terms and their corresponding descriptions in a structured format. They are created using three specific HTML tags: (description list), (description term), and (description definition). Description lists are commonly used for glossaries, metadata, question-answer pairs, and any content where terms need to be paired with their definitions or descriptions. Syntax Following is the basic syntax for creating a description list − Term 1 Description for Term 1 Term 2 Description for Term 2 ...
Read More