Category: Web Development

• Jul 25, 2022

  How to embed a Google map in HTML? – iframe method

  In this post, you will learn to embed a Google map in HTML. You can embed a Google map in HTML either by using the API key or by using iframe-based HTML code. Here, in this post, I will tell you the steps to use iframe-based HTML code to add a google map to an […]
• Jul 19, 2022

  How to embed pdf in HTML?

  In this post, you will learn how to embed a pdf file in HTML. And in case you want to know how to embed a YouTube video in HTML, then here’s the link – https://developerxon.com/2022/07/15/how-to-embed-youtube-video-in-html-using-iframe/ Here, I will tell you two ways to embed a pdf in HTML. The first way is to use the […]
• Jul 15, 2022

  How to embed youtube video in HTML using iframe?

  In this post, You’ll learn how to embed a YouTube video into a webpage. To embed a YouTube video in HTML, simply follow the steps listed below. 1. Go to YouTube and open the video you wish to embed. 2. A share button is located just below the video (see the screenshot below). Click on […]
• Jul 13, 2022

  What is an iframe in HTML? – HTML inline frame

  You might have come across websites that use embedded YouTube videos or sites that use embedded Google Maps. An iframe-based code is used to embed a YouTube video or a google map. What is an iframe? We use an iframe to embed a webpage or other web resource inside another web page. Let’s see how […]
• Jul 10, 2022

  How to use CSS external style sheets in HTML

  In this post, we will know about external style sheets in CSS. If you want to know about embedded style sheets in CSS, then here’s the link – https://developerxon.com/2022/07/06/embedded-style-sheets-in-css/ What is external style sheet? An external style sheet is a way to apply style information to a webpage by creating a separate CSS file and […]
• Jul 1, 2022

  Gradient borders – CSS

  In this post, we will learn to create gradient borders in CSS. We will know how to apply gradient borders in CSS to make the content of a webpage look awesome. How to create gradient borders in CSS? Here are the steps that I followed. To create a gradient border, I used two <div> elements. […]
• Jun 17, 2022

  Gradient navbar -Bootstrap 5

  In this post, I will tell you about using a gradient background for the navbar. I have used bootstrap here to create navbar only. It has nothing to do with the gradient background. I will apply a gradient using CSS background-image property. gradient_navbar.html Output : You can try different colors and see by yourself what […]
• Jun 16, 2022

  How to create gradient button in css?

  Gradients are a cool way to make a web page look awesome. You can use a gradient as a background for your webpage. Or, you can use a gradient as a background to HTML elements like buttons. In this post, we will use CSS to apply the gradient to buttons. I will create 4 buttons […]
• Jun 9, 2022

  Difference between some() and every() in javascript – Javascript array methods

  Confused between the some() and every() methods of the Javascript array? Don’t worry. After reading this post, you won’t have any confusion between these two Javascript array methods. Difference between Array.every() and Array.some() In simple words, the every() method checks whether each element of an array is meeting the condition, whereas, the some() method checks […]
• Jun 7, 2022

  Javascript Array every() method

  In this post, I will tell you about a very useful Javascript Array method. So, without further ado, let’s begin. Array.every() method in javascript Let me ask you a question. How would you check whether the marks of all the students in an array are greater than 80? You have to return true if all […]