Документы Google^{(Google Docs)} — очень гибкий текстовый процессор во многих отношениях, но многие люди не понимают, что вы можете встраивать HTML в документ Google .

Есть несколько способов сделать это. Один из них — скопировать HTML - документ прямо из браузера и вставить его в Google Doc . Другой трюк — это использование функции importHTML в Google Sheets для настройки форматирования HTML , которое затем можно встроить в документ Google .

Встроить HTML-страницу в документ Google^{(Embed HTML Page Into a Google Doc)}

Если вы пишете документ, требующий информации из Интернета, последнее, что вам нужно сделать, это вставить эту информацию в виде текста.

Это связано с тем, что большая часть информации в Интернете содержит такую ​​информацию, как диаграммы, графики^{(charts, graphs)} , изображения и многое другое. Например, делать заметки для исследования эссе было бы намного проще, если бы вы могли встроить HTML в документ Google с веб-страницы.

К счастью, сделать это в Google Docs очень просто. Это упрощается тем фактом, что Google Docs автоматически вставит вставленные веб-страницы, чтобы включить исходное форматирование, насколько это возможно.

• Выделите^(Highlight) раздел веб-страницы, который вы хотите встроить в свой документ. Нажмите Ctrl-C^{(Press Ctrl-C)} на клавиатуре, чтобы скопировать этот раздел.

В приведенном выше примере показан процесс копирования и вставки раздела страницы из Википедии^(Wikipedia) .

• Затем откройте документ Google , в который вы хотите встроить эту HTML -страницу, щелкните правой кнопкой мыши и выберите « Вставить^(Paste) » . Обязательно выберите « Вставить»^(Paste) , а не « Вставить без форматирования»^{(Paste without formatting)} . 

• Когда вы выберете Вставить^(Paste) , Документы Google^{(Google Docs)} автоматически импортируют скопированный раздел страницы в максимально возможном формате в том формате, в котором он отображается на исходной странице. Сюда входят изображения, URL -ссылки и заголовки.

Вы можете увидеть, что ссылки активны, наведя курсор на одну из них. В Документах Google^{(Google Docs)} вы увидите появление внешней ссылки.

Вы можете обнаружить, что в некоторых случаях форматирование изображения (например, выравнивание на странице) не совсем соответствует исходной странице, с которой вы скопировали.

Это можно исправить, выбрав изображение, выбрав значок выравнивания текста по левому краю на ленте и значок переноса текста под изображением.

Это должно больше походить на исходное форматирование веб-страницы. Если у изображения была подпись, возможно, вам придется переместить ее под изображением или в другое место, которое вы считаете уместным.

Как видите, встраивание HTML в Документ Google^{(Google Doc)} с помощью копирования и вставки из Интернета не идеально. Но это самый быстрый способ передачи информации с максимально возможным сохранением исходного HTML - формата веб-страницы.

Встроить HTML в документ Google с помощью importHtml^{(Embed HTML Into Google Doc With importHtml)}

Другой способ встраивания HTML в ваш документ Google — это встраивание HTML в Google Таблицы^{(Google Sheets)} с помощью функции importHtml. Затем вы можете вставить это в Документы Google^{(Google Docs)} .

Имейте в виду, что вместо встраивания части страницы эта функция вставит всю страницу. Однако есть способ обойти это, используя порядковый номер в синтаксисе функции, чтобы импортировать со страницы только таблицу или список.

Например, предположим, что вы хотите встроить четвертую таблицу с веб-страницы Википедии^(Wikipedia) о демографических данных США ^(States). ^(United) Сначала^(First) откройте новую таблицу Google Sheets . В первой ячейке электронной таблицы введите функцию:

=ImportHTML("https://en.wikipedia.org/wiki/Demographics_of_the_United_States", "table", 4)

Когда вы нажмете Enter, будет импортирована четвертая таблица с веб-страницы и вставлена ​​в таблицу, где находится ваш курсор.

Теперь у вас есть импортированные данные HTML , которые вы можете использовать для встраивания в Документы Google^{(Google Docs)} . Отформатируйте^(Format) эту таблицу так, как вы хотите, чтобы она выглядела внутри Документов Google^{(Google Docs)} .

• Для этого выделите таблицу в Google Sheets и нажмите Ctrl-C , чтобы скопировать таблицу.
• Поместите курсор в свой документ Google Docs туда, куда вы хотите поместить таблицу, щелкните правой кнопкой мыши и выберите « Вставить^(Paste) » . 
• Вы увидите всплывающее окно с несколькими вариантами. Выберите « Связать с электронной таблицей»^{(Link to spreadsheet)} и нажмите кнопку « Вставить ».^(Paste)

Это вставит таблицу из Google Sheets в Google Docs точно так же, как она изначально отформатирована.

 Связав таблицу, вы всегда можете обновить таблицу в Google Sheets , и она автоматически обновит таблицу в Google Docs .

Вставка HTML в Документы Google с помощью Word^{(Embed HTML in Google Docs Using Word)}

Если у вас есть простой HTML-код^{(simple HTML code)} , сохраненный в файле .html или .htm, вы можете сначала открыть его в Microsoft Word . Word всегда пытается отобразить файл HTML^{(render an HTML file)} . Затем вы можете импортировать этот документ в Документы Google^{(Google Docs)} и скопировать всю страницу или часть страницы в редактируемый документ.

• Для этого откройте Microsoft Word и откройте файл HTML . Вы должны увидеть файл, отображаемый так, как он будет выглядеть в браузере.

• Сохраните этот документ в формате Word. 
• Затем вернитесь на Google Диск^{(Google Drive)} и загрузите файл в свою учетную запись  Google Диска .^{(Google Drive)}
• После загрузки щелкните его правой кнопкой мыши и выберите « Открыть с помощью^{(Open with)} » и выберите « Документы Google^{(Google Docs)} » .

Это откроет документ в формате Google Docs , максимально приближенном к ^{(Google Docs)}HTML - рендерингу. 

Теперь вы можете скопировать либо весь файл HTML , либо только нужный раздел. Затем вставьте его в документ Google Docs^{(Google Docs)} , который вы редактируете.

Это три способа встраивания HTML в документ Google . Вариант, который вы выберете, зависит от того, какие инструменты у вас есть. Это также зависит от того, хотите ли вы всю страницу или только раздел, и насколько точно вам нужно, чтобы исходное HTML - форматирование соответствовало.

How To Embed HTML Into a Google Doc

Google Docs is a very flexible word processor in many ways, but what many people don’t realize is that you can embed HTML into а Google doc.

There are several ways to do this. One is to actually copy an HTML document straight from a browser and paste it into a Google Doc. The other is a trick using the importHTML function in Google Sheets to customize HTML formatting that you can then embed into a Google document.

Embed HTML Page Into a Google Doc

If you’re writing a document that requires information from the web, the last thing you want to have to do is paste that information as text.

This is because most information online contains information like charts, graphs, images and more. For example, taking notes for researching an essay paper would be much easier if you could embed HTML into a Google doc from a web page.

Thankfully, doing this in Google Docs is very easy. It’s made simple by the fact that Google Docs will automatically insert pasted web pages to include the original formatting, as much as possible.

• Highlight the section of the web page that you want to embed into your document. Press Ctrl-C on the keyboard to copy that section.

The example above shows the process of copying and pasting a section of a page from Wikipedia.

• Next, open the Google doc where you want to embed that HTML page, right-click, and select Paste. Make sure to select Paste and not Paste without formatting. 

• When you select Paste, Google Docs will automatically import the page section you copied as much as possible in the format it appears on the original page. This includes images, URL links, and headers.

You can see that the links are live by hovering over one. In Google Docs you’ll see the external link appear.

You may find that in some cases the image formatting (such as alignment on the page) doesn’t match perfectly with the original page you copied from.

You can fix this by selecting the image, selecting the left align text icon in the ribbon, and the wrap text icon under the image.

This should appear more like the original web page formatting. If the image had a caption, you may need to move it down under the image, or wherever else you feel is appropriate.

As you can see, embedding HTML into a Google Doc using copy and paste from the web isn’t perfect. But it’s the fastest way to transfer information while retaining as much of the original web page HTML formatting as possible.

Embed HTML Into Google Doc With importHtml

Another method to embed HTML into your Google document is by embedding the HTML into Google Sheets using the importHtml function. Then you can insert that into Google Docs.

Keep in mind that instead of embedding a section of the page, this function will insert the entire page. However, there’s a way around that by using an index number in the function syntax to import only a table or list from the page.

For example, say you want to embed the fourth table from the Wikipedia web page about United States demographics. First, open a new Google Sheets spreadsheet. In the first cell of the spreadsheet, type the function:

=ImportHTML("https://en.wikipedia.org/wiki/Demographics_of_the_United_States", "table", 4)

When you press Enter, this will import the fourth table from the web page and insert it into the table where your cursor is.

Now you have the imported HTML data you can use to embed inside Google Docs. Format this table however you’d like it to look inside Google Docs.

• To do this, highlight the table in Google Sheets and press Ctrl-C to copy the table.
• Place the cursor in your Google Docs document where you want to place the table, right-click, and select Paste. 
• You’ll see a window pop-up with a couple of options. Select Link to spreadsheet and select the Paste button.

This inserts the table from Google Sheets into Google Docs exactly the way it’s originally formatted.

 By linking the table, you could always update the table in Google Sheets and it’ll automatically update the table in Google Docs.

Embed HTML in Google Docs Using Word

If you have your simple HTML code saved into a .html or .htm file, you can open it in Microsoft Word first. Word always attempts to render an HTML file. Then you can import this document into Google Docs and copy the entire page or section of the page into the document you’re editing.

• To do this, open Microsoft Word, and open your HTML file. You should see the file rendered the way it would look inside a browser.

• Save this document in Word format. 
• Then, return to Google Drive and upload the file to your Google Drive account. 
• Once it’s uploaded, right click on it and select Open with, and select Google Docs.

This will open the document in Google Docs format, formatted as close to the HTML rendering as possible. 

Now you can copy either the entire HTML file, or just the section you want. Then paste it into the Google Docs document that you’re editing.

These are three ways you can embed HTML into a Google doc. The option you choose depends what tools you have available. It also depends whether you want the entire page, or just a section and how closely you need the original HTML rendered formatting to match.

Related posts

• Как распечатать документ Google с комментариями

• Как открыть HTML-файл в Google Chrome

• Как создать график в Google Doc (учебник)

• Как загрузить автономный (автономный) установщик Google Chrome

• Как добавить музыку в Google Slides

• Как использовать мощные инструменты поиска фотографий, доступные в Google Фото

• Как добавить Google Analytics в Squarespace

• Как исправить «err_address_unreachable» в Google Chrome

• Как изменить поля и двойной пробел в Документах Google

• Как перенести Google Authenticator на новый телефон без потери доступа

• Как указать свой домен на Google Sites

• 20 крутых трюков Google для более эффективного поиска

• Как заблокировать сайты в Google Chrome

• Как добавить диаграмму Ганта в Документы Google

• Как удалить историю поиска Google — современное руководство

• Как исправить, что Google Discover не работает на Android

• Как изменить цвет фона в Документах Google

• Разделить документ на столбцы в Google Docs

• Как отключить персонализированную рекламу и результаты поиска в Google и Facebook

• Как синхронизировать Календарь Google с Outlook