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 Scripts Articles
Page 44 of 47
How to make a Website step by step?
A website is a collection of web pages containing content, images, videos, and other elements, accessible through a unique domain name and hosted on a web server. Creating a website involves several key steps from planning to deployment. Step 1: Choose and Register a Domain A domain is the web address users type to access your website (e.g., www.tutorialspoint.com). Each domain is unique and serves as your website's identity on the internet. Purchase a domain name from registrars like GoDaddy, Namecheap, or other hosting companies. Here's how a domain appears in the browser address bar: ...
Read MoreHow to set text font family in HTML?
To change the text font family in HTML, use the style attribute. The style attribute specifies an inline style for an element. The attribute is used with the HTML tag, with the CSS property font-family. HTML5 does not support the tag, so CSS styles are used to control font appearance. Keep in mind that the usage of the style attribute overrides any style set globally. It will override any style set in the HTML tag or external style sheet. Syntax Content here Example: Basic Font ...
Read MoreHow to set src to the img tag in HTML from another domain?
To use an image on a webpage, use the tag. The tag allows you to add image source, alt, width, height, etc. The src is to add the image URL. The alt is the alternate text attribute, which is text that is visible when the image fails to load. With HTML, you can add the image source as another domain URL by setting the src attribute to point to an external domain. Syntax Key Attributes Attribute Description src The URL of the image (can be ...
Read MoreHow to set src to the img tag in html from the system drive?
To use an image on a webpage, use the tag. The tag allows you to add image source, alt, width, height, etc. The src is to add the image URL. The alt is the alternate text attribute, which is text that is visible when the image fails to load. With HTML, you can add the image source as the path of your system drive. For that, add the src attribute as a link to the path of system drive where the image is stored. For example, file:///D:/images/logo.png Important Security and Browser Limitations Note: Modern browsers restrict ...
Read MoreHow to change font size in HTML?
To change the font size in HTML, use the CSS font-size property. You can apply it using the style attribute for inline styles, internal CSS with the tag, or external CSS files. HTML5 does not support the deprecated tag, so CSS is the modern approach. Keep in mind that inline styles using the style attribute override any global styles set in tags or external stylesheets. Using Inline Styles The simplest method is using the style attribute directly on HTML elements: ...
Read MoreHow to create a link to send email with a subject in HTML?
To create a link that opens the user's email client with a pre-filled subject line, use the tag with a mailto: URL in the href attribute. Syntax Link Text Key Points Use mailto: followed by the recipient's email address Add ?Subject= to include a subject line Replace spaces in the subject with %20 (URL encoding) The link will open the user's default email client Basic Example ...
Read MoreWhat is the difference between HTML tags and ?
We can use both DIV and SPAN tags as containers in HTML, as they both serve different purposes. Both are essential HTML elements for structuring and styling web content. Let's explore each tag in detail. DIV Tag The tag is a block-level element that helps in separating and organizing content like text, images, navigation bars, and other sections. It creates a rectangular block that spans the full width of its container and always starts on a new line. DIV tags can be styled with CSS or manipulated with JavaScript. They are easily targeted using class or ...
Read MoreTyping and Deleting Effect with JavaScript and CSS
With the help of CSS animations, we can create a typewriter typing and deleting effect using JavaScript. The infinite effect continuously cycles through words, typing them character by character and then deleting them to create an engaging visual animation. Syntax @keyframes animationName { to { opacity: value; } } selector { animation: name duration iteration-count; } HTML Structure First, create a container with two paragraph elements − one for the text and another for the cursor: ...
Read MoreHow to create a modal image gallery with CSS and JavaScript?
A modal image gallery allows users to view thumbnail images and click on them to open a larger version in a modal overlay. This creates an elegant way to showcase multiple images without cluttering the page layout. Syntax /* Modal container */ .modal { display: none; position: fixed; z-index: 1; background-color: rgba(0, 0, 0, 0.9); } /* Modal image */ .modalImage { display: block; margin: auto; } Example The ...
Read MoreDifference between CSS border-collapse:collapse; and border-collapse:separate;
The CSS border-collapse property controls how table borders are displayed. The key difference between collapse and separate is how adjacent cell borders are handled − collapse merges adjacent borders into a single border, while separate keeps each cell's borders distinct with gaps between them. Syntax table { border-collapse: collapse | separate; } Possible Values ValueDescription collapseAdjacent borders are merged into a single border separateEach cell maintains its own border with spacing between cells (default) Example: Comparing Border Collapse Values The following example demonstrates both values side ...
Read More