Cómo incrustar HTML en un documento de Google

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)



About the author

Ingeniero audiófilo y especialista en productos de audio con más de 10 años de experiencia. Me especializo en la creación de altavoces y auriculares para música de calidad de principio a fin. Soy un experto en la solución de problemas de audio, así como en el diseño de nuevos sistemas de altavoces y auriculares. Mi experiencia va más allá de hacer buenos productos; También me apasiona ayudar a otros a ser lo mejor posible, ya sea a través de la educación o el servicio comunitario.



Related posts