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
Articles by Dishebh Bhayana
Page 3 of 4
How to author fast-loading HTML pages?
Optimizing HTML pages for fast loading improves user experience, reduces server load, and enhances SEO rankings. This involves minimizing file sizes, reducing HTTP requests, and implementing modern loading techniques. Approach 1: Minimize File Size Remove unnecessary whitespace, comments, and inline styles to reduce file size. Use external CSS and JavaScript files instead of inline code. Bad Practice How to author fast-loading HTML pages? body { margin: 0; } h3 { color: blue; } ...
Read MoreHow to arrange text in multi-columns using CSS3?
The CSS column-count property is used to divide an HTML element's content into the specified number of columns, creating a multi-column layout similar to newspapers or magazines. This property is part of the CSS3 multi-column layout module. Syntax selector { column-count: number; } Here, number is a positive integer value that represents the number of columns you want to arrange the text into. Possible Values ValueDescription numberA positive integer specifying the number of columns autoDefault value. Number of columns determined by other properties Example 1: Three ...
Read MoreHow to apply styles to multiple classes at once?
In CSS, you can apply the same styles to multiple classes simultaneously using the class selector (.) and comma separator (, ). This technique allows you to write efficient CSS by grouping classes that share common styling properties. A "class" is an HTML attribute that accepts a list of classes separated by spaces. These classes can then be used in CSS to style particular elements or in JavaScript to manipulate HTML elements. Syntax .class1, .class2, .class3 { property: value; } Example 1: Applying Color to Multiple Classes In this ...
Read MoreHow to apply inline CSS?
Inline CSS is writing the styles for a particular HTML element inside its "style" attribute. The styles here are unique to the element itself, and generally override the CSS provided internally or externally. Syntax Content Here, "tag_name" refers to any HTML tag name, and the "style" attribute allows us to add CSS properties directly to the element. Multiple properties are separated by semicolons. Example 1: Styling Text In this example, we will style the "p" tag to give it a different color and font style using inline CSS − ...
Read MoreHow to apply the hover effect over the button using SASS?
We can apply the hover effect over the button using SASS with the help of the :hover CSS selector. SASS stands for Syntactically Awesome Stylesheet and is a CSS pre-processor, which implies one can generate CSS from its respective SASS code. Using SASS instead of just writing CSS comes with its own set of advantages, like more readable code and easy-to-learn code syntax, and one can leverage these to style the HTML elements more easily and efficiently in a web application. In this article, we will give styling to a button element with the help of SASS. We will ...
Read MoreHow to apply CSS style using jQuery?
We can use jQuery's .css() method to apply CSS styles to HTML elements dynamically. jQuery is a JavaScript library that simplifies DOM manipulation and allows us to add interactivity and modify CSS styles of elements programmatically. Syntax $(selector).css(property, value) OR $(selector).css({ property: value, property: value, ... }) The jQuery css() method accepts either a single property-value pair as separate arguments, or an object containing multiple CSS properties and their values. Note: To run these examples, you need to include the jQuery library in your HTML file using a CDN ...
Read MoreHow to apply CSS style to the different elements having the same class name in HTML?
HTML classes are global attributes that are used by HTML tags to specify a list of classes that are case-sensitive in nature. These classes are then used by CSS to apply styling to that particular tag that has the class, and by JavaScript to manipulate the HTML element's behavior, interactivity, or styles. Syntax /* Select all elements with same class */ .classname { property: value; } /* Select specific element type with class */ elementname.classname { property: value; } Method 1: Using the Class Selector (.) ...
Read MoreHow to display logged-in user information in PHP?
In this article, we will learn how to display logged-in user information using PHP sessions. When building web applications with authentication, displaying user information on various pages provides a personalized experience for users. We can implement user authentication and display logged-in user information using PHP sessions along with HTML forms. Let's explore this with practical examples. Basic User Authentication System This example demonstrates a complete login system with user authentication and information display − Filename: login.php Login Page Login ...
Read MoreHow to dynamically get the content height of a div using AngularJS?
In this article, we will explore how to dynamically get the content height of a HTML element using AngularJS, using its getContentHeight() function. In web development, there are often situations where we need to dynamically determine the height of a element based on its content. We can easily implement it with the help of AnguarlJS, a popular javascript framework, and the various utility functions provided by it. Let’s understand how to implement the above with the help of some examples. Example 1 In this example, we will add an ng-init="getContentHeight()" to the element, which calls the getContentHeight() ...
Read MoreHow to Dynamically Add/Remove Table Rows using jQuery?
In this article, we will learn how to dynamically add or remove table rows using jQuery, a popular JavaScript library, with the help of the click event listeners. Tables are a commonly used element in web development, especially when dealing with tabular data or dynamic content. Adding or removing table rows dynamically can be a powerful feature that allows users to interact with the data in real time. Let’s understand how to implement this with the help of some examples. Example 1 In this example, we will have an HTML table element with some row data in it. ...
Read More