How to Create a Slider using HTML and CSS?

How to create an inline frame using HTML5 ?

Last Updated : 05 May, 2025

In this article, we will create an inline iframe by using a

<iframe> tag

in a document. It represents a fixed rectangular area within the document in which the browser can display a separate document along with scroll bars and borders. Inline frames are used to embed another document within the current HTML page.

Syntax :

<iframe src="URL"></iframe>

Example:

html

<!DOCTYPE html>
<html>

<head>
    <title>
        How to create an inline 
        frame using HTML5?
    </title>
</head>

<body>
    <h2>Hlo GeeksForGeeks</h2>

    <h2>
        How to create an inline 
        frame using HTML5?
    </h2>

    <p>Content goes here</p>

    <iframe src=
"https://www.geeksforgeeks.org/community/" 
        height="300" width="400">
    </iframe>

</body>

</html>

Example 2:

html

<!DOCTYPE html>
<html>

<head>
    <title>
        How to create an inline 
        frame using HTML5?
    </title>
</head>

<body>
    <h2>Hlo GeeksForGeeks</h2>

    <h2>
        How to create an inline 
        frame using HTML5?
    </h2>

    <iframe height="300" width="350"
        src="
https://media.geeksforgeeks.org/wp-content/cdn-uploads/20190717121605/Screenshot-from-2019-07-17-12-12-55.png"
        name="iframe_a"></iframe>

</body>

</html>

Supported Browser are listed below:

Google Chrome
Internet Explorer
Firefox
Opera
Safari

How to Create a Slider using HTML and CSS?

M

manaschhabra2

Improve

Article Tags :

Similar Reads

How to Create Frames in HTML?

Frames in HTML allow you to divide a browser window into multiple sections, where each section can load a different HTML document. This technique was once popular for creating complex layouts, but it is now considered outdated due to several limitations and accessibility issues.What are Frames in HT

How to Create a Slider using HTML and CSS?

A slider (also called a slideshow) is a sequence of content frames that users can navigate through. Creating a slider using just HTML and CSS is efficient because it doesn't require JavaScript, making it lightweight and fast. The slider can contain images, text, or any other content you want to show

How to create table cell using HTML5 ?

In this article, we will create cell in a table by using a combination of <tr> and <td> tag in a HTML table. Syntax: <table> <tr> <td> . . . </td> <td> . . . </td> </tr> </table> Example: html <!DOCTYPE html> <html> <head>

How to create a table row using HTML?

Define a row in a table by using a <tr> tag in a document. This tag is used to define a row in an HTML table. The tr element contains multiple th or td elements. Syntax:<tr> ... </tr>Example: In this example, a table row in HTML5, utilizes the <tr> tag within the <tbody

How to create swinging Image Hanger using HTML and CSS ?

In this article, we will learn how to create a type of Image Hanger that undergoes a swinging motion using HTML and CSS. This can be used to add interactivity to the page or highlight an image to draw attention.Approach:We will first create an HTML file in which we are going to add an image for our

How to create timeline using CSS?

We can easily create a timeline using some basic HTML and CSS. HTML Code is used to create a basic structure of the timeline and CSS code is used to set the style. HTML Code: In this section, we will create a structure of our timeline. Our structure will include four events. Steps: Create a div elem

How to Create Navigation Links using HTML5 ?

In this article, we create a navigation link by using the <nav> tag in the document. The nav element represents a section of the page whose purpose is to provide navigational links, either in the current document or to other documents. The links in the "nav" element may point to other webpages

How to define a possible line-break using HTML?

To define a possible line-break in HTML use a <wbr> element. It stands for word break opportunity and is used to define the position within the text which is treated as a line break by the browser. It is mostly used when the used word is too long and there are chances that the browser may brea

How to create windows loading effect using HTML and CSS ?

In this article, we are going to create a window loading effect before the lock screen appears using HTML and CSS.Â Glimpse of the Windows Loading Effect: Approach: Create an HTML file that contains HTML div in which we are giving the loader effect.Then we create 5 span elements which are used for c

How to Create Image Accordion using HTML and CSS ?

In this article, we will see how to create an image accordion using HTML & CSS that is basically used for advertising purposes on e-commerce websites. An Accordion is often used to open multiple sections at full width & also content pushes the page content downward.Approach:Create an HTML fi