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
HTML Articles
Page 59 of 151
How to create a responsive Image Grid with HTML and CSS?
The image grid on a web page displays images in a grid. In an outer grid, we can create inner grids. Also, the responsiveness needs to be set for the image grid for different devices. On a web browser, check the responsiveness by resizing the web browser. Let us see how to create a responsive image grid with HTML and CSS. Set the outer and inner grid A div for the outer grid is set. Within that, the inner grids are set. We have set three inner grids inside our outer grid − ...
Read MoreHow to add copyright symbol to your HTML document?
HTML, which stands for HyperText Markup Language, is a combination of Hypertext and Markup language which we can use to structure a web page and its content. In this article, we will see how we can add the copyright symbol to our web page. Approach The copyright symbol is not present on the keyboard. Therefore, we must use another method to add this to our webpage. We are going to see three different methods − Using hexadecimal code Using HTML code Using HTML entity Method 1: Using Hexadecimal Code The hexadecimal code for the copyright symbol is © ...
Read MoreHow to add an article in HTML5?
In this article we are going to learn about how to add an article in HTML5. One of the new sectioning elements in HTML5 is the tag. An article is represented in HTML using the tag. More specifically, the content contained in the element is distinct from the rest of the site's content (even though it can be related). Let’s consider the following examples to know how to add an article in HTML5 Example 1 In the following examples we are using inline styling in an article element. ...
Read MoreHow do I wrap text in a \'pre\' tag in HTML?
In this article we are going to learn how to wrap a text in tag in HTML. The HTML tag is used to present preformatted block of text. Preformatted text refers to text that has already been formatted and should not be formatted further. The tag also takes a closing tag () like lot of other HTML elements. Syntax Following is the basic syntax for tag. Enter text here… When you present a text in the webpage via tag, it is shown in the format you wrote it ...
Read MoreLinear gradient with rainbow color
To create a linear gradient that looks like rainbow color, you can try to run the following code - Example #demo { height: 100px; background: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet); } Linear Gradient Rainbow
Read MoreHow Would I Crop A HTML IFrame?
Inline Frame is known as iframe in HTML. The tag designates a rectangular area within the content where a different document, complete with scroll bars and borders, may be displayed by the browser. To embed another document inside the current HTML document, use an inline frame. An element's reference can be specified using the HTML iframe name property. In JavaScript, a reference to an element is also made using the name attribute. Iframes are essentially used to display a webpage inside the one that is now shown. The URL of the document that contains the iframe is specified ...
Read MoreWhat is the difference between setTimeout() and setInterval() in JavaScript?
setTimeout() function setTimeout( function, duration) − This function calls function after duration milliseconds from now. This goes for one execution. Let’s see an example − It waits for 2000 milliseconds, and then runs the callback function alert(‘Hello’) − setTimeout(function() { alert('Hello');}, 2000); setInterval() function setInterval(function, duration) − This function calls function after every duration milliseconds. This goes for unlimited times. Let’s see an example − It triggers the alert(‘Hello’) after every 2000 milliseconds, not only once. setInterval(function() { alert('Hello');}, 2000);
Read MoreHow to create an ordered list with list items numbered with uppercase roman numbers in HTML?
An ordered list is a numbered list of items. It gives you the ability to control the sequence number in the context. Allow us to group a set of related items in lists. HTML support ordered list, unordered list and we have to use the tag, to create ordered list in HTML. The tag defines the ordered list. We use tag to start list of items. The list of items can be marked as numbers, lowercase letters uppercase letters, roman letters, etc. The default order is numbers for list items in the context. The tag ...
Read MoreHow to return a random number between 1 and 200 with JavaScript?
To return a random number between 1 and 200, use the JavaScript's Math.random() and Math.floor() method. Example You can try to run the following code to return a random number in JavaScript. document.write(Math.floor(Math.random() * 200) + 1);
Read MoreThe min-width and max-width declaration for Flexbox doesn\'t work on Safari? Why?
To make the Flexbox work on all the web browsers, use the min-width and max-width equivalents of flex. For example, for this − min-width: 40%; max-width: 40%; Use the CSS Shorthand Property. It states flex-grow | flex-shrink | flex-basis as shown in the below syntax − flex: flex-grow flex-shrink flex-basis|auto; For the above, we can set the Flex as − flex: 0 0 40%; Let us now see a Flexbox example that works on all the web browsers. We have two divs inside our parent div parentBox − ...
Read More