Google Docs is in veel opzichten een zeer flexibele tekstverwerker, maar wat veel mensen zich niet realiseren is dat je HTML kunt insluiten in een Google -document.

Er zijn verschillende manieren om dit te doen. Een daarvan is om een ​​HTML- document rechtstreeks vanuit een browser te kopiëren en in een ^(HTML)Google-^{(Google Doc)} document te plakken . De andere is een truc met behulp van de importHTML- functie in Google Spreadsheets^{(Google Sheets)} om HTML - opmaak aan te passen die u vervolgens kunt insluiten in een Google - document.

HTML-pagina insluiten in een Google-document^{(Embed HTML Page Into a Google Doc)}

Als u een document schrijft waarvoor informatie van internet nodig is, is het laatste wat u hoeft te doen, die informatie als tekst plakken.

Dit komt omdat de meeste informatie online informatie bevat zoals grafieken, grafieken^{(charts, graphs)} , afbeeldingen en meer. Het maken van aantekeningen voor het onderzoeken van een essay zou bijvoorbeeld veel gemakkelijker zijn als u HTML vanaf een webpagina in een Google -document zou kunnen insluiten.^(Google)

Gelukkig is dit heel eenvoudig in Google Documenten . ^{(Google Docs)}Het is eenvoudig gemaakt door het feit dat Google Documenten^{(Google Docs)} automatisch geplakte webpagina's invoegt om de originele opmaak zoveel mogelijk te bevatten.

• Markeer^(Highlight) het gedeelte van de webpagina dat u in uw document wilt insluiten. Druk op Ctrl-C^{(Press Ctrl-C)} op het toetsenbord om die sectie te kopiëren.

Het bovenstaande voorbeeld toont het proces van het kopiëren en plakken van een gedeelte van een pagina van Wikipedia .

• Open vervolgens het Google -document waarin u die ^(Google)HTML -pagina wilt insluiten , klik met de rechtermuisknop en selecteer Plakken^(Paste) . Zorg ervoor dat u Plakken^(Paste) selecteert en niet Plakken zonder opmaak^{(Paste without formatting)} . 

• Wanneer u Plakken^(Paste) selecteert , importeert Google Documenten^{(Google Docs)} automatisch het paginagedeelte dat u hebt gekopieerd, zoveel mogelijk in de indeling die op de oorspronkelijke pagina wordt weergegeven. Dit omvat afbeeldingen, URL- links en headers.

U kunt zien dat de links live zijn door er met de muis over te gaan. In Google Docs zie je de externe link verschijnen.

Het kan zijn dat in sommige gevallen de opmaak van de afbeelding (zoals uitlijning op de pagina) niet perfect overeenkomt met de originele pagina waarvan u hebt gekopieerd.

U kunt dit oplossen door de afbeelding te selecteren, het tekstpictogram links uitlijnen in het lint en het tekstteruglooppictogram onder de afbeelding te selecteren.

Dit zou meer moeten lijken op de originele opmaak van de webpagina. Als de afbeelding een bijschrift had, moet u deze mogelijk naar beneden verplaatsen onder de afbeelding, of waar u ook denkt dat het gepast is.

Zoals u kunt zien, is het insluiten van HTML in een Google-document^{(Google Doc)} met kopiëren en plakken van internet niet perfect. Maar het is de snelste manier om informatie over te dragen met behoud van zoveel mogelijk van de originele HTML^(HTML) - opmaak van de webpagina .

HTML insluiten in Google Doc met importHtml^{(Embed HTML Into Google Doc With importHtml)}

Een andere methode om HTML in uw Google - document in te sluiten, is door de HTML in Google Spreadsheets^{(Google Sheets)} in te sluiten met behulp van de importHtml-functie. Dan kunt u dat invoegen in Google Docs .

Houd er rekening mee dat in plaats van een gedeelte van de pagina in te sluiten, deze functie de hele pagina invoegt. Er is echter een manier om dat te omzeilen door een indexnummer in de functiesyntaxis te gebruiken om alleen een tabel of lijst van de pagina te importeren.

Stel dat u bijvoorbeeld de vierde tabel van de Wikipedia^(Wikipedia) -webpagina over demografische gegevens in de Verenigde ^(United) Staten^(States) wilt insluiten . Open eerst^(First) een nieuw Google Spreadsheets^{(Google Sheets)} -spreadsheet. Typ de functie in de eerste cel van het werkblad:

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

Wanneer u op Enter drukt, wordt de vierde tabel van de webpagina geïmporteerd en ingevoegd in de tabel waar uw cursor zich bevindt.

Nu heb je de geïmporteerde HTML -gegevens die je kunt gebruiken om in te sluiten in Google Documenten^{(Google Docs)} . Maak^(Format) deze tabel op zoals u wilt dat deze eruitziet in Google Documenten^{(Google Docs)} .

• Markeer hiervoor de tabel in Google Spreadsheets^{(Google Sheets)} en druk op Ctrl-C om de tabel te kopiëren.
• Plaats de cursor in uw Google Docs -document waar u de tabel wilt plaatsen, klik met de rechtermuisknop en selecteer Plakken^(Paste) . 
• U ziet een pop-upvenster met een aantal opties. Selecteer Koppelen aan spreadsheet^{(Link to spreadsheet)} en selecteer de knop Plakken^(Paste) .

Hiermee wordt de tabel uit Google Spreadsheets^{(Google Sheets)} in Google Documenten^{(Google Docs)} ingevoegd, precies zoals deze oorspronkelijk is opgemaakt.

 Door de tabel te koppelen, kunt u de tabel altijd bijwerken in Google Spreadsheets^{(Google Sheets)} en wordt de tabel automatisch bijgewerkt in Google Documenten^{(Google Docs)} .

HTML insluiten in Google Documenten met Word^{(Embed HTML in Google Docs Using Word)}

Als u uw eenvoudige HTML-code^{(simple HTML code)} hebt opgeslagen in een .html- of .htm-bestand, kunt u deze eerst openen in Microsoft Word . Word probeert altijd een HTML-bestand weer te geven^{(render an HTML file)} . Vervolgens kunt u dit document importeren in Google Documenten^{(Google Docs)} en de hele pagina of een gedeelte van de pagina kopiëren naar het document dat u aan het bewerken bent.

• Open hiervoor Microsoft Word en open uw HTML -bestand. U zou het bestand moeten zien weergegeven zoals het eruit zou zien in een browser.

• Sla dit document op in Word-formaat. 
• Keer vervolgens terug naar Google Drive en upload het bestand naar uw Google Drive - account. 
• Zodra het is geüpload, klikt u er met de rechtermuisknop op en selecteert u Openen met^{(Open with)} en selecteert u Google Docs .

Hiermee wordt het document geopend in Google Docs -indeling, zo geformatteerd dat het zo dicht mogelijk bij de HTML -weergave ligt. 

Nu kunt u ofwel het volledige HTML -bestand kopiëren, of alleen de sectie die u wilt. Plak het vervolgens in het Google Documenten-^{(Google Docs)} document dat u aan het bewerken bent.

Dit zijn drie manieren waarop u HTML^(HTML) kunt insluiten in een Google -document. Welke optie u kiest, hangt af van de tools die u tot uw beschikking heeft. Het hangt er ook van af of je de hele pagina wilt, of alleen een sectie, en hoe nauwkeurig je de originele HTML - gerenderde opmaak nodig hebt.

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 a Gоogle 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

• Een Google-document met opmerkingen afdrukken

• Een HTML-bestand openen in Google Chrome

• Een grafiek maken in Google Doc (zelfstudie)

• Hoe Google Chrome offline (zelfstandig) installatieprogramma te downloaden

• Muziek toevoegen aan Google Presentaties

• Hoe u uw domein naar Google Sites kunt verwijzen

• Hoe Google Inactive Account Manager te activeren

• Een invulbaar Google Docs-formulier maken met tabellen

• Scannen naar Google Drive met uw telefoon

• Hoe video in te sluiten in Google-dia's

• Gegevens importeren in Google Spreadsheets vanuit een ander blad?

• Animatie toevoegen aan Google Presentaties

• Krachtige zoekhulpmiddelen voor foto's gebruiken die beschikbaar zijn op Google Foto's

• Locatie van downloadmap wijzigen in Google Chrome

• Hoe Google Analytics aan Squarespace toe te voegen

• Hoe marges en dubbele ruimte in Google Documenten te wijzigen

• Hoe u uw Google-zoekgeschiedenis kunt verwijderen - een moderne gids

• Hoe websites in Google Chrome te blokkeren

• De 10 beste Google Forms-sjablonen

• Hoe u gepersonaliseerde advertenties en zoekresultaten in Google en Facebook kunt stoppen