Google Docs on erittäin joustava tekstinkäsittelyohjelma monella tapaa, mutta monet ihmiset eivät ymmärrä, että voit upottaa HTML - koodin Google - dokumenttiin.

On olemassa useita tapoja tehdä tämä. Yksi niistä on kopioida HTML - dokumentti suoraan selaimesta ja liittää se Google-dokumenttiin^{(Google Doc)} . Toinen on temppu, jossa käytetään Google Sheetsin ^{(Google Sheets)}importHTML- toimintoa mukauttaaksesi HTML - muotoilua, jonka voit sitten upottaa Google - dokumenttiin.

Upota HTML-sivu Google-dokumenttiin^{(Embed HTML Page Into a Google Doc)}

Jos kirjoitat asiakirjaa, joka vaatii tietoja verkosta, viimeinen asia, jonka haluat tehdä, on liittää tiedot tekstinä.

Tämä johtuu siitä, että suurin osa verkossa olevista tiedoista sisältää tietoja, kuten kaavioita, kaavioita^{(charts, graphs)} , kuvia ja paljon muuta. Esimerkiksi muistiinpanojen tekeminen esseepaperin tutkimista varten olisi paljon helpompaa, jos voisit upottaa HTML :n Google -dokumenttiin verkkosivulta.

Onneksi tämän tekeminen Google Docsissa^{(Google Docs)} on erittäin helppoa. Sen tekee yksinkertaiseksi se, että Google-dokumentit^{(Google Docs)} lisää automaattisesti liitetyt verkkosivut sisältämään alkuperäisen muotoilun mahdollisimman paljon.

• Korosta^(Highlight) verkkosivun osa, jonka haluat upottaa asiakirjaan. Kopioi kyseinen osio painamalla näppäimistön Ctrl-C .^{(Press Ctrl-C)}

Yllä oleva esimerkki näyttää prosessin, jolla kopioidaan ja liitetään sivun osa Wikipediasta^(Wikipedia) .

• Avaa seuraavaksi Google - dokumentti, johon haluat upottaa kyseisen HTML -sivun, napsauta hiiren kakkospainikkeella ja valitse Liitä^(Paste) . Varmista, että valitset Liitä^(Paste) eikä Liitä ilman muotoilua^{(Paste without formatting)} . 

• Kun valitset Liitä^(Paste) , Google-dokumentit^{(Google Docs)} tuo kopioimasi sivuosion automaattisesti mahdollisimman paljon siinä muodossa kuin se näkyy alkuperäisellä sivulla. Tämä sisältää kuvat, URL- linkit ja otsikot.

Näet, että linkit ovat livenä viemällä hiiren osoittimen yhden päälle. Näet ulkoisen linkin Google-dokumenteissa^{(Google Docs)} .

Saatat huomata, että joissain tapauksissa kuvan muotoilu (kuten tasaus sivulla) ei vastaa täydellisesti alkuperäistä sivua, jolta kopioit.

Voit korjata tämän valitsemalla kuvan, valitsemalla tekstin vasemmalle tasauskuvakkeen nauhasta ja rivitystekstin kuvakkeen kuvan alta.

Tämän pitäisi näyttää enemmän alkuperäisen verkkosivun muotoilulta. Jos kuvassa oli kuvateksti, sinun on ehkä siirrettävä se alas kuvan alle tai minne tahansa muualle sopivaksi.

Kuten näet, HTML -koodin upottaminen Google-dokumenttiin^{(Google Doc)} kopioimalla ja liittämällä verkosta ei ole täydellistä. Mutta se on nopein tapa siirtää tietoja säilyttäen mahdollisimman paljon alkuperäistä verkkosivun HTML - muotoilua.

Upota HTML Google-dokumenttiin importHTML:n avulla^{(Embed HTML Into Google Doc With importHtml)}

Toinen tapa upottaa HTML -koodi Google -asiakirjaasi on upottaa HTML -koodi ^(HTML)Google Sheetsiin^{(Google Sheets)} käyttämällä importHtml-toimintoa. Sitten voit lisätä sen Google-dokumentteihin^{(Google Docs)} .

Muista, että sivun osan upottamisen sijaan tämä toiminto lisää koko sivun. On kuitenkin olemassa tapa kiertää tämä käyttämällä funktion syntaksissa olevaa indeksinumeroa tuomaan vain taulukko tai luettelo sivulta.

Oletetaan esimerkiksi ,^(States) että haluat upottaa neljännen taulukon Yhdysvaltojen^(United) väestötietoja käsittelevältä Wikipedian^(Wikipedia) verkkosivulta . Avaa ensin^(First) uusi Google Sheets -laskentataulukko. Kirjoita laskentataulukon ensimmäiseen soluun funktio:

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

Kun painat Enter, tämä tuo neljännen taulukon verkkosivulta ja lisää sen taulukkoon, jossa kursorisi on.

Nyt sinulla on tuodut HTML - tiedot, joiden avulla voit upottaa ne Google-dokumentteihin^{(Google Docs)} . Muotoile^(Format) tämä taulukko haluamallasi tavalla Google-dokumenttien^{(Google Docs)} sisällä .

• Voit tehdä tämän korostamalla taulukon Google Sheetsissa^{(Google Sheets)} ja kopioimalla taulukon painamalla Ctrl-C .
• Aseta kohdistin Google Docs -asiakirjaan kohtaan, johon haluat sijoittaa taulukon, napsauta hiiren kakkospainikkeella ja valitse Liitä^(Paste) . 
• Näet ponnahdusikkunan, jossa on pari vaihtoehtoa. Valitse Linkitä laskentataulukkoon^{(Link to spreadsheet)} ja valitse Liitä^(Paste) - painike.

Tämä lisää taulukon Google Sheetsistä^{(Google Sheets)} Google - dokumentteihin^{(Google Docs)} täsmälleen siinä muodossa kuin se on alun perin muotoiltu.

 Linkittämällä taulukon voit aina päivittää taulukon Google Sheetsissä^{(Google Sheets)} ja se päivittää taulukon automaattisesti Google Docsissa^{(Google Docs)} .

Upota HTML Google-dokumentteihin Wordin avulla^{(Embed HTML in Google Docs Using Word)}

Jos olet tallentanut yksinkertaisen HTML-koodisi^{(simple HTML code)} .html- tai .htm-tiedostoon, voit avata sen ensin Microsoft Wordissa^{(Microsoft Word)} . Word yrittää aina hahmontaa HTML-tiedoston^{(render an HTML file)} . Sitten voit tuoda tämän asiakirjan Google-dokumentteihin^{(Google Docs)} ja kopioida koko sivun tai sivun osan muokkaamaasi asiakirjaan.

• Voit tehdä tämän avaamalla Microsoft Wordin^{(Microsoft Word)} ja avaamalla HTML- tiedostosi. Sinun pitäisi nähdä tiedosto renderöitynä sellaiselta kuin se näyttäisi selaimessa.

• Tallenna tämä asiakirja Word-muodossa. 
• Palaa sitten Google Driveen^{(Google Drive)} ja lataa tiedosto Google Drive -tiliisi. 
• Kun se on ladattu, napsauta sitä hiiren kakkospainikkeella ja valitse Avaa^{(Open with)} sovelluksella ja valitse sitten Google-dokumentit^{(Google Docs)} .

Tämä avaa asiakirjan Google Docs -muodossa, joka on muotoiltu mahdollisimman lähelle HTML - renderöintiä. 

Nyt voit kopioida joko koko HTML - tiedoston tai vain haluamasi osan. Liitä se sitten muokattavaan Google Docs -asiakirjaan.

Nämä ovat kolme tapaa upottaa HTML- koodia ^(HTML)Google - dokumenttiin. Valitsemasi vaihtoehto riippuu käytettävissä olevista työkaluista. Se riippuu myös siitä, haluatko koko sivun vai vain osan ja kuinka tarkasti tarvitset alkuperäisen HTML - muodostetun muotoilun vastaavan.

How To Embed HTML Into a Google Doc

Google Docs is a very flexible word proсessor in manу ways, but what mаny 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

• Kuinka tulostaa Google-dokumentti kommenteilla

• Kuinka avata HTML-tiedosto Google Chromessa

• Kaavion luominen Google Docissa (opetusohjelma)

• Google Chromen offline-asennusohjelman (erillinen) lataaminen

• Kuinka lisätä musiikkia Google Slidesiin

• Aseta jaetuille Google Drive -tiedostoille viimeinen voimassaolopäivä

• Google Homen ja Home Minin tehdasasetusten palauttaminen

• Kuinka ladata henkilötietosi Googlesta

• Kuinka varmuuskopioida tiedostot automaattisesti Google Driveen tai OneDriveen tietojen katoamisen estämiseksi

• Kuinka muuttaa taustaväriä Google-dokumenteissa

• Ifin ja sisäkkäisen Ifin käyttäminen Google Sheetsissa

• Marginaalien ja tuplavälin muuttaminen Google-dokumenteissa

• Google-muistutusten määrittäminen ja hallinta

• HTML-koodi tekstin käärimiseksi kuvan ympärille

• 20 siistiä Google-temppua tehokkaampaan hakuun

• Marginaalien muuttaminen Google-dokumenteissa

• Kotiosoitteen asettaminen Google Mapsissa

• Kuinka siirtää Google Authenticator uuteen puhelimeen menettämättä pääsyä

• Kuinka estää verkkosivustoja Google Chromessa

• Kuinka perustaa verkkosivustosi Google Analyticsissa