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 3 of 7
Create a Hoverable Side Navigation with HTML, CSS and JavaScript
A navigation bar is part of a webpage where it contains links to appropriate sections/ pages in a website that helps users in browsing the website fast and effortlessly. The navigation bar can be implemented in many ways, but the traditional way of implementing is horizontal and vertical bars. In this article, we are going to design a vertical side navigation bar using HTML, CSS, and JavaScript. Creating a Hoverable Side Navigation Following are the steps to design hoverable side navigation buttons with HTML, CSS, and JavaScript − Step 1 − Add the following HTML code. ...
Read MoreDOM TableRow insertCell() Method
The HTML DOM TableRow.insertCell() method is used to insert a new cell(s) () into a table row () and returns a reference to the cell. This method accepts a single parameter "index" (cell index of the new cell); If the index value is provided as -1 or equal to the number of cells, the new cell will be inserted as the last cell in the row. If the index value is provided as 0, the new cell will be inserted at the first position. If we do not provide the index, by default, it will be -1. Syntax Following is ...
Read MoreFile Type Validation while Uploading it using JavaScript
Social media platforms that focus solely on employment allow users to create an account and will be asked to upload the necessary documents so that the job recruiters can analyze them. To collect the documents from the user, these websites will provide an "Upload file" or "Choose file" option in their user details form; and they accept only particular file types such as ".pdf", ".jpg", ".png", etc. This process is called file validation and it can be done using JavaScript. In this article, we are going to design an option that validates the file types using JavaScript. To do so, ...
Read MoreHow do I add a tool tip to a span element?
CSS stands for Cascading style sheets. It is developed by Hakon Wium, Bert Bos, World Wide Web 17 December 1996. CSS is a stylesheet used to specify the styling of the HTML elements present in the web page. It allows web developers to control the layout, colors, fonts, margins, padding, Height, Width, Background images, etc. The latest version of CSS is CSS3. In this article, we are going to learn how to add a tooltip to a span element using HTML and CSS. Creating a Tooltip In HTML, a tooltip can be used to specify additional information about something when ...
Read MoreDHTML JavaScript
DHTML stands for Dynamic Hypertext Markup Language. DHTML combines HTML, CSS, and JavaScript to create interactive and dynamic web pages. It allows for customization and changes to the content based on user inputs. Earlier, HTML was used to create static pages that only defined the structure of the content. CSS helped in enhancing the page's appearance. However, these technologies were limited in their ability to create interactive experiences. DHTML introduced JavaScript and the Document Object Model (DOM) to make web pages dynamic. With DHTML, the web page can be manipulated and updated in response to user actions, eliminating the ...
Read MoreDesign a Navigation Bar with Animated Search Box
The Navigation bar HTML is a horizontal bar on top of the webpage where it contains links, dropdowns, and search boxes that links to appropriate sections/pages in the webpage. This may help the users to traverse through the website effortlessly. The navigation bar can be implemented in many ways, but the traditional way of implementing is horizontal and vertical bars. In this article, we are going to design a navigation bar with an Animated search bar using simple HTML and CSS. Creating a Navigation Bar with Animated Search Box The following is the approach − Create an element ...
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 MoreDifference between HTML and Bootstrap
HTML stands for HyperText Markup Language. It is a web-based scripting language used for designing webpages. It uses tags to define elements like headings, paragraphs, and images, providing structure and layout to the webpage. The latest version of HTML is HTML5. Why HTML? HTML is essential for web page design, offering an easy way to define content structure and layout. It enables web browsers to display content in a structured manner, making it user-friendly. Advantages of HTML Following are the advantages of using HTML to create web pages − HTML has a simple syntax, easy to learn, understand ...
Read MoreHow div class and id is useful in HTML ?
The HTML tag represents a division or section in an HTML document. This tag is used as a container, inside this we can embed any of the HTML elements (such as texts, images, tables, audio, video, etc.). If we want to style or interact with the element, we can assign an id or class attribute. Note − By default, most browsers always add a new line break before and after the element. HTML id Attribute In HTML, using the id attribute (global attribute), we can specify a unique identifier for any HTML element. We cannot assign more ...
Read MoreDifference between linking an image, website, and email address in HTML
In this article, we are going to discuss the difference between linking an image, website, and email address in HTML. To link or embed an image into a website, the tag is used. To link a website, we use anchor tag with href (hypertext reference) attribute. To link an email address, we use mailto inside the href attribute of anchor tag. Linking an Image In HTML, we use the tag to embed or link an image to a website. This tag requires "src" attribute for the path of the image that we want to ...
Read More