Пример использования iframe в HTML

В этом примере, внутри контейнера iframe, загружается HTML-страница с веб-адресом https://www.example.com. Параметры `width` и `height` устанавливают ширину и высоту iframe соответственно.

Основные атрибуты iframe:

src: указывает веб-адрес или относительный путь к загружаемому HTML-документу.
width: задает ширину iframe.
height: задает высоту iframe.
frameborder: устанавливает рамку вокруг iframe. Может иметь значения "0" или "1".

Также, внутри iframe можно использовать другие HTML-элементы, стили и скрипты. Например:





Пример использования iframe с элементами


Главная страница

    <p>Это элемент &lt;p&gt;, который можно использовать внутри iframe.</p>
    <style>
        body {
            background-color: lightgray;
        }
    </style>
    <script>
        function showMessage() {
            alert("Привет из iframe!");
        }
    </script>

В этом примере, внутри iframe добавлены элемент `p`, стили и функция JavaScript. Обратите внимание, что эти элементы, стили и скрипты будут применяться только внутри iframe и не будут влиять на внешнюю страницу.

Использование iframe часто применяется, когда требуется встраивание внешних контентов, например видео с YouTube или карты Google. Он также может использоваться для создания архитектуры многостраничного веб-сайта, где каждая страница хранится внутри отдельного iframe.

Главная страница

Похожие вопросы на: "iframe html пример "