HTML을 Google 문서에 포함하는 방법

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) , 이미지 등과 같은 정보가 포함되어 있기 때문입니다. 예를 들어, 에세이 논문을 조사하기 위해 메모를 작성 하는 것은 웹 페이지에서 HTMLGoogle 문서에 포함할 수 있다면 훨씬 더 쉬울 것 입니다.

고맙게도 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) 에서 외부 링크가 표시되는 것을 볼 수 있습니다.

경우에 따라 이미지 형식(예: 페이지 정렬)이 복사한 원본 페이지와 완벽하게 일치하지 않을 수 있습니다.

이미지를 선택하고 리본에서 왼쪽 정렬 텍스트 아이콘을 선택하고 이미지 아래의 텍스트 줄 바꿈 아이콘을 선택하여 이 문제를 해결할 수 있습니다.

이것은 원래 웹 페이지 형식과 더 비슷하게 나타나야 합니다. 이미지에 캡션이 있는 경우 이미지 아래로 이동하거나 적절하다고 생각되는 위치로 이동해야 할 수 있습니다.

보시다시피 웹에서 복사하여 붙여넣기를 사용하여 HTMLGoogle 문서 에 포함하는 것은 완벽하지 않습니다. (Google Doc)그러나 원본 웹 페이지 HTML(HTML) 형식을 가능한 한 많이 유지하면서 정보를 전송하는 가장 빠른 방법 입니다.

importHtml을 사용하여 HTML을 Google 문서에 포함(Embed HTML Into Google Doc With importHtml)

HTMLGoogle 문서에 포함하는 또 다른 방법 은 importHtml 함수를 사용하여 HTMLGoogle 스프레드시트 에 포함하는 것입니다. (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 렌더링 형식이 일치해야 하는 정도에 따라 다릅니다.



About the author

안녕! 제 이름은 하드웨어 해커입니다. 저는 10년 이상의 컴퓨터 수리 및 개조 경험이 있습니다. 노트북에서 태블릿, 스마트 TV에 이르기까지 거의 모든 것을 고칠 수 있습니다. 내 기술을 통해 고객이 문제를 빠르고 효율적으로 해결하도록 도울 수 있습니다. 내 블로그는 사람들이 올바른 도구를 사용하여 컴퓨터와 가전제품을 수리하는 방법을 배울 수 있도록 돕는 데 전념하고 있습니다. 그리고 내 Facebook 페이지는 컴퓨터와 관련된 모든 것에 대한 팁, 트릭 및 통찰력을 공유하는 곳입니다!



Related posts