Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Economics & Finance
A checkbox is created by using the tag with the type="checkbox" attribute. Users can select multiple options by checking one or more checkboxes. In many scenarios, you may want a checkbox to be automatically checked when the page loads and display results immediately, which can be achieved using JavaScript or jQuery. Syntax Following is the basic syntax for creating a checkbox − To make a checkbox auto-checked, add the checked attribute − Basic Checkbox Example Checkboxes with clickable labels are more user-friendly. You can wrap a ... Read More
When placing multiple objects in the same row, controlling the space between them is essential for proper layout and visual appeal. This can be achieved using various CSS properties including margin, padding, column-gap, and other spacing techniques. Understanding Margin vs Padding Before implementing spacing solutions, it's crucial to understand the difference between margin and padding − Margin − Creates space outside an element's border, pushing other elements away Padding − Creates space inside an element's border, between the content and the border Margin vs Padding ... Read More
HTML frames allow you to divide a web page into multiple independent sections, each displaying separate content. The element acts as a container that defines how the browser window is divided into rows and columns, while individual elements specify what content to display in each section. Important Note − HTML frames are deprecated in HTML5 and are not supported by modern browsers. This article is for educational purposes to understand legacy HTML. Modern web development uses CSS Grid, Flexbox, or iframe elements instead. Syntax Following is the basic syntax for creating a frameset − ... Read More
Displaying images from external origins in Angular requires careful handling of CORS policies, image optimization, and security considerations. Angular provides several approaches to load images from different domains while maintaining performance and security best practices. Understanding Cross-Origin Image Loading When loading images from another origin (different domain, protocol, or port), browsers enforce the Same-Origin Policy. While images can generally be displayed cross-origin, certain operations like canvas manipulation require proper CORS headers from the image server. Cross-Origin Image Loading Process Angular App Origin A ... Read More
In this article, we will discuss the differences between the and tags, and tags, and look at practical examples demonstrating their usage. HTML provides both physical and semantic markup tags. Physical tags control visual appearance, while semantic tags convey meaning and importance to browsers, screen readers, and search engines. and Tags The HTML element is used to draw the reader's attention to elements whose contents are otherwise not of special importance. It makes text appear bold for presentation purposes without conveying additional semantic meaning. The element indicates that ... Read More
Browser password storage is a common feature that saves login credentials for user convenience. However, this automatic behavior can pose security risks and privacy concerns, especially on shared computers or when handling sensitive applications. The browser stores form data and passwords in local storage, cookies, or browser-specific password managers. While password suggestions are helpful for regular websites, they should be disabled for sensitive applications like banking, admin panels, or any system where unauthorized access could cause harm. This tutorial demonstrates how to prevent browsers from remembering passwords using HTML attributes and JavaScript techniques. Using the Autocomplete Attribute ... Read More
In HTML, there are three common types of linking: embedding images, creating website links, and linking to email addresses. Each uses different elements and attributes to achieve specific functionality. To embed an image into a webpage, the tag is used with the src attribute. To create a hyperlink to another website, we use the anchor tag with the href attribute. To link an email address, we use mailto: inside the href attribute of the anchor tag. Linking an Image The tag embeds an image directly into the webpage. Unlike the anchor ... Read More
The HTML DOM Input Password placeholder property is used for setting or returning the placeholder attribute value of a password input field. The placeholder provides a hint to users about what kind of input is expected, displaying greyed-out text inside the field before any user input. Unlike the value property, placeholder text is not submitted with the form data. Syntax Following is the syntax for setting the placeholder property − passwordObject.placeholder = text Following is the syntax for getting the placeholder property − var placeholderText = passwordObject.placeholder Parameters text ... Read More
A timetable is an essential tool for organizing daily activities and improving productivity. In this article, you will learn how to create a simple and effective weekly timetable using HTML. This timetable will include time slots, subjects, and lunch breaks, along with highlighting weekends as holidays. HTML Tags used to Create Time-Table The main tag used for creating a table is the tag in HTML. Tables allow us to represent structured data in rows and columns, which makes them perfect for displaying time schedules. List of tags required to create a time-table − ... Read More
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 More