Google 문서도구 는 여러 면에서 매우 유연한 워드 프로세서이지만 많은 사람들이 (Google Docs)Google 문서 에 HTML 을 포함할 수 있다는 사실을 깨닫지 못하고 있습니다 .
이를 수행하는 방법에는 여러 가지가 있습니다. 하나는 실제로 브라우저에서 직접 HTML 문서를 복사하여 (HTML)Google 문서(Google Doc) 에 붙여넣는 것 입니다. 다른 하나는 Google 스프레드시트 의 (Google Sheets)importHTML 함수를 사용하여 HTML 형식 을 맞춤 설정한 다음 Google 문서 에 포함할 수 있는 트릭입니다.
Google 문서에 HTML 페이지 삽입(Embed HTML Page Into a Google Doc)
웹에서 정보가 필요한 문서를 작성하는 경우 마지막으로 해야 할 일은 해당 정보를 텍스트로 붙여넣는 것입니다.
대부분의 온라인 정보에는 차트, 그래프(charts, graphs) , 이미지 등과 같은 정보가 포함되어 있기 때문입니다. 예를 들어, 에세이 논문을 조사하기 위해 메모를 작성 하는 것은 웹 페이지에서 HTML 을 Google 문서에 포함할 수 있다면 훨씬 더 쉬울 것 입니다.
고맙게도 Google 문서(Google Docs) 에서 이 작업을 수행하는 것은 매우 쉽습니다. Google 문서도구(Google Docs) 가 원본 형식을 최대한 포함하도록 붙여넣은 웹 페이지를 자동으로 삽입 한다는 사실로 인해 간단해졌습니다 .
- (Highlight)문서에 포함할 웹 페이지 섹션을 강조 표시 합니다. 키보드에서 Ctrl-C(Press Ctrl-C) 를 눌러 해당 섹션을 복사합니다.
위의 예는 Wikipedia(Wikipedia) 에서 페이지의 섹션을 복사하여 붙여넣는 과정을 보여줍니다 .
- 그런 다음 해당 HTML 페이지를 포함할 (HTML)Google 문서를 열고 마우스 오른쪽 버튼을 클릭한 다음 붙여넣기(Paste) 를 선택 합니다. 서식 없이 붙여(Paste without formatting) 넣기 가 아닌 붙여 넣기(Paste) 를 선택해야 합니다 .
- 붙여넣기(Paste) 를 선택하면 Google 문서도구(Google Docs) 는 복사한 페이지 섹션을 원본 페이지에 나타나는 형식으로 최대한 자동으로 가져옵니다. 여기에는 이미지, URL 링크 및 헤더가 포함됩니다.
링크 위에 마우스를 올려 놓으면 링크가 활성 상태임을 확인할 수 있습니다. Google 문서도구(Google Docs) 에서 외부 링크가 표시되는 것을 볼 수 있습니다.
경우에 따라 이미지 형식(예: 페이지 정렬)이 복사한 원본 페이지와 완벽하게 일치하지 않을 수 있습니다.
이미지를 선택하고 리본에서 왼쪽 정렬 텍스트 아이콘을 선택하고 이미지 아래의 텍스트 줄 바꿈 아이콘을 선택하여 이 문제를 해결할 수 있습니다.
이것은 원래 웹 페이지 형식과 더 비슷하게 나타나야 합니다. 이미지에 캡션이 있는 경우 이미지 아래로 이동하거나 적절하다고 생각되는 위치로 이동해야 할 수 있습니다.
보시다시피 웹에서 복사하여 붙여넣기를 사용하여 HTML 을 Google 문서 에 포함하는 것은 완벽하지 않습니다. (Google Doc)그러나 원본 웹 페이지 HTML(HTML) 형식을 가능한 한 많이 유지하면서 정보를 전송하는 가장 빠른 방법 입니다.
importHtml을 사용하여 HTML을 Google 문서에 포함(Embed HTML Into Google Doc With importHtml)
HTML 을 Google 문서에 포함하는 또 다른 방법 은 importHtml 함수를 사용하여 HTML 을 Google 스프레드시트 에 포함하는 것입니다. (Google Sheets)그런 다음 Google 문서(Google Docs) 에 삽입할 수 있습니다 .
이 기능은 페이지의 섹션을 포함하는 대신 전체 페이지를 삽입합니다. 그러나 함수 구문에서 인덱스 번호를 사용하여 페이지에서 테이블이나 목록만 가져오는 방법이 있습니다.
예를 들어, 미국 인구 통계에 대한 Wikipedia 웹 페이지의 네 번째 테이블을 포함하려고 한다고 (United)가정 (States)해(Wikipedia) 보겠습니다 . 먼저(First) 새 Google 스프레드(Google Sheets) 시트를 엽니다 . 스프레드시트의 첫 번째 셀에 다음 함수를 입력합니다.
=ImportHTML("https://en.wikipedia.org/wiki/Demographics_of_the_United_States", "table", 4)
Enter 키를 누르면 웹 페이지에서 네 번째 테이블을 가져와 커서가 있는 테이블에 삽입합니다.
이제 Google 문서도구(Google Docs) 내부에 삽입하는 데 사용할 수 있는 가져온 HTML 데이터가 있습니다 . 이 표의 형식 은 (Format)Google 문서도구(Google Docs) 내부에서 볼 수 있도록 하세요 .
- 이렇게 하려면 Google 스프레드시트 에서 표를 강조 표시하고 (Google Sheets)Ctrl-C 를 눌러 표를 복사합니다.
- 표를 배치할 Google 문서도구(Google Docs) 문서 에 커서를 놓고 마우스 오른쪽 버튼을 클릭한 다음 붙여넣기(Paste) 를 선택 합니다.
- 몇 가지 옵션이 있는 팝업 창이 표시됩니다. 스프레드시트에 연결을(Link to spreadsheet) 선택 하고 붙여넣기(Paste) 버튼을 선택합니다.
이렇게 하면 Google 스프레드시트(Google Sheets) 의 표 가 원래 형식과 똑같은 방식 으로 Google 문서도구 에 삽입됩니다.(Google Docs)
표를 연결하면 Google 스프레드시트(Google Sheets) 의 표를 항상 업데이트할 수 있으며 Google 문서도구(Google Docs) 의 표도 자동으로 업데이트됩니다 .
Word를 사용하여 Google 문서에 HTML 포함(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) 를 선택 합니다.
이렇게 하면 가능한 HTML 렌더링에 가까운 형식의 (HTML)Google 문서도구(Google Docs) 형식으로 문서가 열립니다.
이제 전체 HTML 파일을 복사하거나 원하는 섹션만 복사할 수 있습니다. 그런 다음 편집 중인 Google 문서도구(Google Docs) 문서 에 붙여넣습니다 .
다음은 Google(Google) 문서 에 HTML 을 포함할 수 있는 세 가지 방법 입니다. 선택하는 옵션은 사용 가능한 도구에 따라 다릅니다. 또한 전체 페이지를 원하는지 아니면 섹션만 원하는지 그리고 원본 HTML 렌더링 형식이 일치해야 하는 정도에 따라 다릅니다.
How To Embed HTML Into a Google Doc
Googlе Docѕ іs a very flexіble word processor in many ways, but what many people don’t rеalize 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.