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 Nikhilesh Aleti
Page 7 of 7
Convert an image into Blur using HTML and CSS
In general, blur is a visual effect that happens when the viewer cannot see the details of an object clearly. It creates a soft, out-of-focus appearance that can be used for artistic or functional purposes. In HTML, we can apply the blur effect to elements on a webpage (such as images) using CSS properties. To do so, we use the filter property along with the blur() function. This function applies a Gaussian blur effect to the image element, which makes it softer and less defined. Syntax selector { filter: blur(radius); } ...
Read MoreDisplaying XML Using CSS
XML is a markup language which stands for Extensible Markup Language, designed especially for web documents. It defines a set of rules for encoding documents in a format that is both human-readable and machine-readable, allowing developers to create custom tags. In this article, we are displaying XML content using CSS to style and format XML elements for better presentation in web browsers. Syntax To link CSS to an XML file, use the following declaration at the top of your XML document − Steps for Displaying XML using CSS Follow these steps ...
Read MoreDoes overflow: hidden create a new block formatting context in CSS?
The block formatting context (BFC) is a part of the web page layout in CSS where elements are positioned and interact with each other. In simple words, it is like a container that defines a set of rules for how elements should behave inside the container. In this article, we are going to see "Does overflow: hidden create a new block formatting context (BFC) in CSS?" The answer is yes because in CSS, the overflow: hidden property can create a new block formatting context (BFC). When an HTML element has an overflow value other than visible (the default ...
Read MoreDesign a Portfolio Webpage using HTML and CSS
To design a portfolio webpage using HTML and CSS can be useful to showcase your best works and attract attention of professionals in collaborating or hiring you. Portfolio website serves as a platform to display your work and demonstrate your skills. It has the same purpose as a CV (Curriculum vitae). The portfolio website will showcase them with engaging visual images and often more detailed than a hand-written CV. In this article, we will learn and understand how we can design a portfolio webpage using HTML and CSS through stepwise explanation and example code. Why Create a Portfolio ...
Read MoreDesign a transparent login/Sign Up webpage using HTML and CSS
In HTML, the login forms are used to collect information about the user and have a button to send the details for server-side operations. The login form contains basic information such as Name, Date of birth, Email, Mobile number, Gender, Address, etc. Nowadays, HTML forms are used in almost every website on the Internet to gather user information. In this article, we are going to design a transparent login form on a webpage using HTML and CSS. Syntax .transparent-element { background: none; background-color: transparent; ...
Read MoreCreate a paragraph element with some text and append it to end of document body using jQuery
In this article, the task is to create a paragraph element with some text and append it to end of document body using jQuery. Using jQuery, it is easy to add new elements/content in a particular position inside an HTML document. We have four methods that are used to add new content: append() − This method adds the content at the end of selected elements. prepend() − This method adds the content at the beginning of selected elements. after() − This method adds the content after the selected elements. before() − This method adds the content before the selected ...
Read MoreHow background attribute is deprecated in HTML5?
In this article, we will discuss about the background attribute and how it is deprecated in HTML5. What is Background Attribute? In HTML, the “background” can be used as an attribute with an HTML element (such as div, table, body etc.). We can specify an image to set background of the webpage etc. The most frequently used image formats are PNG, JPEG, and GIF. Syntax Following is the syntax of background attribute with an HTML element − This attribute is DEPRECATED in HTML5 and we are recommended not to use this. Instead, in HTML5, the preferred way ...
Read MoreDifference between “blank” and “_blank” target attributes in HTML
Sometimes, we may have noticed links on webpages that leads us to a different webpage. In some websites, if we click on that certain links, they will open in a new browser tab or on a new window and some websites reuse one new browser tab for subsequent clicks on the link. Additionally, some websites use the same original page for the links. These behaviors are achieved by utilizing the HTML target attribute. In this article, we will explore how to use the target="blank" and target="_blank" attributes to open hyperlinks in new tabs. The Target Attribute The target is an ...
Read MoreAlternative to iFrames in HTML5
The HTML tag specifies an inline frame (container). This inline frame is used to embed another document within the current HTML document. The "srcdoc" attribute of the tag is used to specify the HTML content of the page to be displayed in the . HTML Tag The alternative tag to iframe in HTML is tag. It is similar to the iframe tag which defines a container for external resources such as a picture, a webpage, a media player, or a plug-in application. Following are the attributes of the HTML tag − height − ...
Read More