구글 문서(Google Docs)는 다방면으로 유연한 워드 프로세서지만, HTML을 문서에 직접 삽입할 수 있다는 사실은 의외로 많은 사람들이 모르고 있습니다.
삽입 방법은 여러 가지입니다. 브라우저에서 HTML 문서를 그대로 복사해 구글 문서에 붙여넣는 방법이 있고, 구글 스프레드시트의 importHTML 함수를 활용해 HTML 서식을 원하는 대로 조정한 뒤 문서에 삽입하는 방법도 있습니다.
웹페이지를 구글 문서에 삽입하기
웹상의 정보가 필요한 문서를 작성할 때, 그 정보를 단순 텍스트로 붙여넣는 것은 피해야 할 방법입니다.
온라인 정보에는 대부분 차트, 그래프, 이미지 등이 함께 들어 있기 때문입니다. 예를 들어 에세이 리서치 중 필기를 할 때도 웹페이지의 HTML을 구글 문서에 그대로 옮길 수 있다면 작업이 훨씬 수월해집니다.
다행히 구글 문서에서는 이 과정이 매우 간단합니다. 붙여넣은 웹페이지를 원본 서식 그대로 최대한 자동으로 삽입해 주기 때문입니다.
- 문서에 삽입하려는 웹페이지 영역을 드래그로 선택한 뒤, 키보드에서 Ctrl+C를 눌러 복사합니다.
위 예시는 위키백과 페이지의 일부를 복사해 붙여넣는 과정을 보여줍니다.
- 다음으로 해당 페이지를 삽입할 구글 문서를 열고 마우스 오른쪽 버튼을 클릭한 후 붙여넣기를 선택합니다. 이때 반드시 서식 없이 붙여넣기가 아닌 붙여넣기를 선택해야 합니다.
- 붙여넣기를 선택하면 구글 문서가 복사한 페이지 영역을 원본 페이지의 서식 그대로 최대한 가져옵니다. 이미지, URL 링크, 제목(헤더)까지 포함됩니다.
링크 위에 마우스를 올려보면 링크가 살아 있음을 확인할 수 있습니다. 구글 문서에서 외부 링크가 표시됩니다.
경우에 따라 이미지 서식(페이지 내 정렬 등)이 원본 페이지와 완벽히 일치하지 않을 수 있습니다.
이럴 때는 이미지를 선택한 뒤 상단 리본 메뉴에서 왼쪽 정렬 아이콘을 클릭하고, 이미지 아래의 텍스트 감싸기 아이콘을 선택하면 해결됩니다.
그러면 원본 웹페이지의 서식과 훨씬 비슷하게 표시됩니다. 이미지에 캡션이 있었다면 캡션을 이미지 아래나 적절한 위치로 직접 옮겨야 할 수도 있습니다.
이처럼 웹에서 복사·붙여넣기로 HTML을 구글 문서에 삽입하는 방법은 완벽하지 않습니다. 하지만 원본 웹페이지의 HTML 서식을 최대한 유지하면서 정보를 옮기는 가장 빠른 방법입니다.
importHTML 함수로 구글 문서에 HTML 삽입하기
구글 문서에 HTML을 삽입하는 또 다른 방법은 importHTML 함수를 사용해 구글 스프레드시트에 HTML을 불러온 뒤, 이를 문서에 삽입하는 것입니다.
이 함수는 페이지의 일부가 아니라 전체 페이지를 불러온다는 점에 유의하세요. 다만 함수 문법에 인덱스 번호를 활용하면 페이지에서 표나 목록만 골라 가져올 수 있습니다.
예를 들어 미국 인구 통계를 다룬 위키백과 페이지에서 네 번째 표를 삽입하고 싶다고 가정해 보겠습니다. 먼저 새 구글 스프레드시트를 열고 첫 번째 셀에 다음 함수를 입력합니다.
=ImportHTML("https://en.wikipedia.org/wiki/Demographics_of_the_United_States", "table", 4)
Enter 키를 누르면 해당 웹페이지의 네 번째 표가 커서가 있는 셀에 불러와집니다.
이제 구글 문서에 삽입할 HTML 데이터를 확보했습니다. 이 표를 구글 문서 안에서 원하는 모습으로 자유롭게 서식 지정할 수 있습니다.
- 먼저 구글 스프레드시트에서 표를 선택한 뒤 Ctrl+C를 눌러 복사합니다.
- 구글 문서에서 표를 넣을 위치에 커서를 놓고 마우스 오른쪽 버튼을 클릭한 후 붙여넣기를 선택합니다.
- 몇 가지 옵션이 담긴 팝업 창이 나타나면 스프레드시트에 연결을 선택하고 붙여넣기 버튼을 클릭합니다.
이렇게 하면 구글 스프레드시트의 표가 원본 서식 그대로 구글 문서에 삽입됩니다.
표를 연결해 두면 구글 스프레드시트에서 표를 수정할 때마다 구글 문서의 표도 자동으로 함께 업데이트된다는 장점이 있습니다.
Microsoft Word를 활용해 구글 문서에 HTML 삽입하기
.html 또는 .htm 파일로 저장된 간단한 HTML 코드가 있다면 먼저 Microsoft Word로 열어볼 수 있습니다. Word는 항상 HTML 파일을 렌더링하려고 시도하기 때문입니다. 그런 다음 이 문서를 구글 문서로 가져와 전체 페이지 또는 필요한 부분만 편집 중인 문서에 복사하면 됩니다.
- 이렇게 하려면 Microsoft Word를 열고 HTML 파일을 엽니다. 파일이 브라우저에서 보이는 모습과 비슷하게 렌더링되는 것을 확인할 수 있습니다.
- 이 문서를 Word 형식으로 저장합니다.
- 그다음 구글 드라이브로 돌아가 파일을 계정에 업로드합니다.
- 업로드가 완료되면 파일을 마우스 오른쪽 버튼으로 클릭하고 연결 프로그램을 선택한 뒤 Google 문서를 고릅니다.
그러면 문서가 구글 문서 형식으로 열리며, HTML 렌더링 결과와 최대한 비슷하게 서식이 지정됩니다.
이제 HTML 파일 전체 또는 원하는 부분만 복사해 편집 중인 구글 문서에 붙여넣으면 됩니다.
지금까지 구글 문서에 HTML을 삽입하는 세 가지 방법을 살펴봤습니다. 어떤 방법을 선택할지는 사용할 수 있는 도구, 전체 페이지가 필요한지 일부만 필요한지, 그리고 원본 HTML 서식을 얼마나 충실하게 재현해야 하는지에 따라 달라집니다.