Google Docs es un procesador de texto muy flexible en muchos sentidos, pero lo que mucha gente no sabe es que puede incrustar HTML en un documento de Google .

Hay varias maneras de hacer esto. Una es copiar un documento HTML directamente desde un navegador y pegarlo en un documento de Google^{(Google Doc)} . El otro es un truco que usa la función importHTML en ^(importHTML)Hojas de cálculo de Google^{(Google Sheets)} para personalizar el formato HTML que luego puede incrustar en un documento de Google .

Incrustar una página HTML en un documento de Google^{(Embed HTML Page Into a Google Doc)}

Si está escribiendo un documento que requiere información de la web, lo último que desea hacer es pegar esa información como texto.

Esto se debe a que la mayoría de la información en línea contiene información como tablas, gráficos^{(charts, graphs)} , imágenes y más. Por ejemplo, tomar notas para investigar un ensayo sería mucho más fácil si pudiera incrustar HTML en un documento de Google desde una página web.

Afortunadamente, hacer esto en Google Docs es muy fácil. Se simplifica por el hecho de que Google Docs insertará automáticamente las páginas web pegadas para incluir el formato original, tanto como sea posible.

• Resalte^(Highlight) la sección de la página web que desea incrustar en su documento. Presione Ctrl-C^{(Press Ctrl-C)} en el teclado para copiar esa sección.

El ejemplo anterior muestra el proceso de copiar y pegar una sección de una página de Wikipedia .

• A continuación, abra el documento de Google donde desea incrustar esa página HTML , haga clic con el botón derecho y seleccione Pegar^(Paste) . Asegúrese de seleccionar Pegar^(Paste) y no Pegar sin formatear^{(Paste without formatting)} . 

• Cuando seleccione Pegar^(Paste) , Google Docs importará automáticamente la sección de la página que copió tanto como sea posible en el formato que aparece en la página original. Esto incluye imágenes, enlaces URL y encabezados.^(URL)

Puede ver que los enlaces están activos al pasar el cursor sobre uno. En Google Docs verá aparecer el enlace externo.

Es posible que en algunos casos el formato de la imagen (como la alineación en la página) no coincida perfectamente con la página original de la que copió.

Puede solucionar esto seleccionando la imagen, seleccionando el ícono de texto alineado a la izquierda en la cinta y el ícono de ajuste de texto debajo de la imagen.

Esto debería parecerse más al formato de la página web original. Si la imagen tenía un título, es posible que deba moverlo hacia abajo debajo de la imagen o donde lo considere apropiado.

Como puede ver, incrustar HTML en un documento de Google^{(Google Doc)} usando copiar y pegar desde la web no es perfecto. Pero es la forma más rápida de transferir información conservando la mayor parte posible del formato HTML de la página web original.^(HTML)

Incrustar HTML en Google Doc con importHtml^{(Embed HTML Into Google Doc With importHtml)}

Otro método para incrustar HTML en su documento de Google es incrustar el HTML en Hojas de cálculo de Google^{(Google Sheets)} utilizando la función importHtml. Luego puede insertar eso en Google Docs .

Tenga en cuenta que en lugar de incrustar una sección de la página, esta función insertará la página completa. Sin embargo, hay una forma de evitarlo utilizando un número de índice en la sintaxis de la función para importar solo una tabla o lista de la página.

Por ejemplo, suponga que desea incrustar la cuarta tabla de la página web de Wikipedia sobre la demografía de los Estados ^(United) Unidos . ^(States)Primero^(First) , abra una nueva hoja de cálculo de Hojas^{(Google Sheets)} de cálculo de Google. En la primera celda de la hoja de cálculo, escriba la función:

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

Cuando presione Entrar, esto importará la cuarta tabla de la página web y la insertará en la tabla donde está su cursor.

Ahora tiene los datos HTML^(HTML) importados que puede usar para incrustar dentro de Google Docs . Formatea^(Format) esta tabla como quieras que se vea dentro de Google Docs .

• Para hacer esto, resalte la tabla en Hojas de cálculo de Google^{(Google Sheets)} y presione Ctrl-C para copiar la tabla.
• Coloque el cursor en su documento de Google Docs donde desea colocar la tabla, haga clic con el botón derecho y seleccione Pegar^(Paste) . 
• Verás una ventana emergente con un par de opciones. Seleccione Vincular a hoja de cálculo^{(Link to spreadsheet)} y seleccione el botón Pegar^(Paste) .

Esto inserta la tabla de Hojas^{(Google Sheets)} de cálculo de Google en Documentos^{(Google Docs)} de Google exactamente de la forma en que se formateó originalmente.

 Al vincular la tabla, siempre puede actualizar la tabla en Google Sheets y actualizará automáticamente la tabla en Google Docs .

Incrustar HTML en Google Docs usando Word^{(Embed HTML in Google Docs Using Word)}

Si tiene su código HTML simple^{(simple HTML code)} guardado en un archivo .html o .htm, puede abrirlo primero en Microsoft Word . Word siempre intenta representar un archivo HTML^{(render an HTML file)} . Luego, puede importar este documento a Google Docs y copiar la página completa o una sección de la página en el documento que está editando.

• Para hacer esto, abra Microsoft Word y abra su archivo HTML . Debería ver el archivo representado de la forma en que se vería dentro de un navegador.

• Guarde este documento en formato Word. 
• Luego, regrese a Google Drive y cargue el archivo a su cuenta de Google Drive . 
• Una vez cargado, haz clic derecho sobre él y selecciona Abrir con^{(Open with)} y selecciona Google Docs .

Esto abrirá el documento en formato Google Docs , con el formato más cercano posible a la representación HTML . 

Ahora puede copiar todo el archivo HTML o solo la sección que desee. Luego péguelo en el documento de Google Docs que está editando.

Estas son tres formas de insertar HTML en un documento de Google . La opción que elija depende de las herramientas que tenga disponibles. También depende de si desea la página completa o solo una sección y qué tan cerca necesita que coincida el formato HTML original representado.^(HTML)

How To Embed HTML Into a Google Doc

Gоogle Docs is a very flеxible word processor in many ways, but what many people don’t realize is that you can embed HTML into a 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

• Cómo imprimir un documento de Google con comentarios

• Cómo abrir un archivo HTML en Google Chrome

• Cómo crear un gráfico en Google Doc (Tutorial)

• Cómo descargar el instalador de Google Chrome sin conexión (independiente)

• Cómo agregar música a las diapositivas de Google

• Cómo bloquear sitios web en Google Chrome

• Cómo funciona una tabla de contenido de Google Docs

• Cambiar la ubicación de la carpeta de descargas en Google Chrome

• Cómo activar el administrador de cuentas inactivas de Google

• Código HTML para ajustar el texto alrededor de la imagen

• Cómo hacer un formulario rellenable de Google Docs con tablas

• Cómo usar If y Nested If en Hojas de cálculo de Google

• Cómo encontrar duplicados en filas y celdas en hojas de cálculo de Google

• Cómo detener anuncios personalizados y resultados de búsqueda en Google y Facebook

• Cómo descargar sus datos personales de Google

• Cómo importar datos a hojas de cálculo de Google desde otra hoja

• Cómo crear una sangría colgante en Google Docs

• Cómo agregar Google Analytics a Squarespace

• Cómo mover Google Authenticator a un nuevo teléfono sin perder el acceso

• Cómo incrustar video en diapositivas de Google