Frames allow you to embed another web page into a web page. Frames are represented by an iframe element . Let’s say we want to embed the google map of my location on a web page:

<!DOCTYPE html>
<html lang="en">

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Iframe elements</title>


        width="600" height="250"></iframe>



The element iframe does not contain any content. All its configuration is done using attributes:

  • src: sets the full path to the loaded resource
  • width: frame width
  • height: frame height

It should be noted that not all sites can be opened in frames, since there may be restrictions on opening in frames on the web server side.