웹 사이트에 PDF 문서를 넣는 방법

작가: Judy Howell
창조 날짜: 3 칠월 2021
업데이트 날짜: 1 칠월 2024
Anonim
이제 PDF가 대세 PDF편집하는 방법 애크로뱃 프로, 어도비 스캔활용법
동영상: 이제 PDF가 대세 PDF편집하는 방법 애크로뱃 프로, 어도비 스캔활용법

콘텐츠

사이트에 PDF를 삽입하는 방법에는 두 가지가 있습니다. 웹 페이지에 링크를 추가하거나 실제 PDF 문서를 웹 페이지에 포함 할 수 있습니다. 선택한 방법은 프로젝트의 목표에 따라 다릅니다. 항상 눈에 보이기를 원하는 PDF가있는 경우이를 통합하는 것이 더 현명한 선택 일 수 있습니다. 반면에 사용자가 웹 브라우저를 볼 필요가없는 경우 웹 브라우저에로드하지 않을 수 있습니다. HTML을 사용하여 PDF를 링크하거나 웹 사이트에 삽입 할 수 있습니다.


지침

웹 사이트에 PDF 파일을 저장하는 방법 배우기 (Fotolia.com에서 Sergio Hayashi의 파일 이미지)
  1. HTML 편집기를 시작하고 HTML 문서를 엽니 다.

  2. 이 코드를 문서의 "본문"섹션에 붙여 넣습니다.

    브라우저가 PDF를 지원하지 않습니다.

    "object"태그는 웹 페이지에 PDF를 통합합니다. "xyz.pdf"는 웹에있는 PDF의 URL로 바꿉니다. 예를 들어, PDF가 자신의 웹 서버에 있고 PDF의 URL이 "http : //www.myserver.com/test.pdf "를 입력하면 코드가 다음과 같이 나타나게됩니다.

    브라우저가 PDF를 지원하지 않습니다.

    "object"태그는 "pdf"라는 CSS 클래스를 참조합니다.

  3. 이전 코드 아래에 다음 HTML 코드를 입력하십시오.

    PDF의 외부 링크보기

    하이퍼 링크가 만들어집니다. "xyz.pdf"를 앞에서 지정한 PDF의 동일한 URL로 바꾸십시오.

  4. 아래 코드를 문서의 "head"섹션에 붙여 넣으십시오.

    type = "text / css"> .pdf {height : 400px; 너비 : 500 픽셀;}

    이렇게하면 "body"섹션의 "object"태그에서 참조하는 "pdf"클래스가 만들어집니다. 이 클래스를 사용하면 PDF의 높이와 너비를 설정할 수 있습니다. 이 예제에서이 값은 400 및 500 픽셀입니다. 다른 값으로 변경하여 PDF 뷰어의 크기를 수정하십시오.


  5. 문서를 저장하고 브라우저에서 엽니 다. PDF가 표시됩니다. 페이지에 나타나는 링크를 클릭하십시오. 브라우저가 동일한 PDF 문서로 이동합니다.

어떻게

  • "object"태그에는 "귀하의 브라우저가 PDF를 지원하지 않습니다"라는 텍스트가 포함되어 있습니다. 사용자의 브라우저가 PDF보기를 지원하지 않을 경우 표시되는 기본 텍스트입니다. 이 텍스트는 필요에 맞게 변경할 수 있습니다.