CONCEPT OF IFRAMES IN HTML , FULL TUTORIAL ( #tutorial 8 )

in blurtutorials •  4 years ago 

Iframes are one of the old and cool concept that comes with html.
Iframes enable another html document within the existing html document , it creates a inline element that can contain another html document in it.

So let us take a look at how it is being used.
the tag used is 'iframe'.

final output :

Screenshot from 2020-11-17 23-26-58.png

Step 1 : create proper html syntax for your .html file.

Step 2 : write following code inside the body tag.

Screenshot from 2020-11-17 23-27-43.png

Step 3 : run the file with browser to see the result.

Screenshot from 2020-11-17 23-26-58.png

Full Code :

  <!DOCTYPE html>

<html>
<head>
   <meta charset="utf-8">
   <title>IFRAMES</title>
 </head>

 <body>
 iframe src="2)headig.html" width="800px" height="222px" frameborder="1"></iframe
     
</body>
  </html> 



You can define height and width accordingly for your iframe.

Links for previous tutorials



  1. HTML BASICS AND CREATING PARAGRAPHS
  2. Headings in Html
  3. ANCHOR TAGS IN HTML
  4. Image tag in Html
  5. CREATE YOUR BASIC WEBSITE
  6. Inline Elements in Html
  7. BLOCK ELEMENTS IN HTML
Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE BLURT!