Всем привет! Сегодня я покажу основы тега <iframe>. Чего ждём? Поехали!
Что такое <iframe>?
<iframe> это элемент HTML который создаёт пустой квадрат. Туда можно поместить какой-нибудь элемент с сайта. Напр. видео с ютуба. И-так я пишу в Codly - онлайн редакторе кода.
Сам элемент с сайта
Мы открыли пустой html файл. Пишем в него то что внизу:
<!DOCTYPE html>
<head>
<title>Элемент с другого сайта</title>
<meta charset="UTF-8">
</head>
<body>
<h1>Элемент с другого сайта</h1>
<iframe></iframe>
</body>
Сейчас у меня вот так выглядит iframe:
Что-же мы сюда положим?
Вы задумались: "Хммм... А что-же мы сюда положим?". Мы положим туда видео с ютуба. Переходим сюда (это ссылка на видео которое мы вставим в наше <iframe>). Далее переходим по путю: Поделится > Встроить > Копируем всё что есть в поле. Закрываем ютуб. Удаляем наш пустой <iframe> и вместо него вставляем который скопировали. Теперь наш красивенький <iframe> на нашем будущем красивеньком сайте.
Ну а на этом всё. Ставьте лайк и подписывайтесь. Ну а теперь идите передохните. Потом незабудьте про ваш будущий сайт