콘텐츠
사이트에 PDF를 삽입하는 방법에는 두 가지가 있습니다. 웹 페이지에 링크를 추가하거나 실제 PDF 문서를 웹 페이지에 포함 할 수 있습니다. 선택한 방법은 프로젝트의 목표에 따라 다릅니다. 항상 눈에 보이기를 원하는 PDF가있는 경우이를 통합하는 것이 더 현명한 선택 일 수 있습니다. 반면에 사용자가 웹 브라우저를 볼 필요가없는 경우 웹 브라우저에로드하지 않을 수 있습니다. HTML을 사용하여 PDF를 링크하거나 웹 사이트에 삽입 할 수 있습니다.
지침
웹 사이트에 PDF 파일을 저장하는 방법 배우기 (Fotolia.com에서 Sergio Hayashi의 파일 이미지)-
HTML 편집기를 시작하고 HTML 문서를 엽니 다.
-
이 코드를 문서의 "본문"섹션에 붙여 넣습니다.
"object"태그는 웹 페이지에 PDF를 통합합니다. "xyz.pdf"는 웹에있는 PDF의 URL로 바꿉니다. 예를 들어, PDF가 자신의 웹 서버에 있고 PDF의 URL이 "http : //www.myserver.com/test.pdf "를 입력하면 코드가 다음과 같이 나타나게됩니다.
"object"태그는 "pdf"라는 CSS 클래스를 참조합니다.
-
이전 코드 아래에 다음 HTML 코드를 입력하십시오.
PDF의 외부 링크보기
하이퍼 링크가 만들어집니다. "xyz.pdf"를 앞에서 지정한 PDF의 동일한 URL로 바꾸십시오.
-
아래 코드를 문서의 "head"섹션에 붙여 넣으십시오.
type = "text / css"> .pdf {height : 400px; 너비 : 500 픽셀;}이렇게하면 "body"섹션의 "object"태그에서 참조하는 "pdf"클래스가 만들어집니다. 이 클래스를 사용하면 PDF의 높이와 너비를 설정할 수 있습니다. 이 예제에서이 값은 400 및 500 픽셀입니다. 다른 값으로 변경하여 PDF 뷰어의 크기를 수정하십시오.
-
문서를 저장하고 브라우저에서 엽니 다. PDF가 표시됩니다. 페이지에 나타나는 링크를 클릭하십시오. 브라우저가 동일한 PDF 문서로 이동합니다.
어떻게
- "object"태그에는 "귀하의 브라우저가 PDF를 지원하지 않습니다"라는 텍스트가 포함되어 있습니다. 사용자의 브라우저가 PDF보기를 지원하지 않을 경우 표시되는 기본 텍스트입니다. 이 텍스트는 필요에 맞게 변경할 수 있습니다.