Встраивание файлов Google Диска в web-страницы
Google Документы, Google Таблицы, Google Формы можно встраивать в виде фрейма в web-страницы.
Для получения html-кода Google Документы, Google Таблицы, Google Презентации необходимо открыть файл с Google Диска и зайти в меню "Файл" - "Опубликовать в Интернете", выбрать вкладку "Встроить" и скопировать html-код:
Получаем в буфере обмена следующий html-код:
<iframe src="https://docs.google.com/document/d/e/2PACX-1vTcuXsNYXs9cUzwOKF-VJM-72WmWlYZzkUBVX5GN6Ru0PLbtFMZ0ch0zbQdOko5TJ_nU2WzWlKA3Kgc/pub?embedded=true"></iframe>
В полученный html-код необходимо вставить атрибуты, которые задают размеры фрейма - высоту и ширину, для этого внутри открывающего тега вставляем width="600" и height="300" (численные значения выбрать самостоятельно):
<iframe src="https://docs.google.com/document/d/e/2PACX-1vTcuXsNYXs9cUzwOKF-VJM-72WmWlYZzkUBVX5GN6Ru0PLbtFMZ0ch0zbQdOko5TJ_nU2WzWlKA3Kgc/pub?embedded=true" width="600" height="300"></iframe>
Для получения html-кода Google Формы необходимо нажать кнопку "Отправить" и выбрать символ < >:
В открывшемся окне можно задать ширину и высоту фрейма. Затем необходимо нажать кнопку "Копировать" и вставить полученный код в web-страницу.
<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSdsfNBhqFKgVUneYqlUx-dkwT70tiK-w-6bIoHlAudFNIR9QQ/viewform?embedded=true" width="640" height="3852" frameborder="0" marginheight="0" marginwidth="0">Загрузка…</iframe>
Теперь в теге фрейм намного больше атрибутов. Атрибуты задают ряд свойств фрейма и его внешнее оформление. Возможные атрибуты тега iframe перечислены в справочнике htmlbook.ru >>>
Для встраивания полученного кода на страницу блога Blogger необходимо переключить отображение страницы в html-коде и вставить полученный код:
Используемые источники:
Комментарии
Отправить комментарий