Web/Html

Web/Html

간편하게 이미지맵 생성한 후 반응형 적용하기

이미지 맵이란? 이미지 맵은 사용자가 이미지의 다른 부분을 클릭하여 다른 목적지로 이동할 수있는 그래픽 이미지입니다. 이미지 맵은 x 및 y 좌표 (왼쪽 상단 모서리 기준)로 각 핫 영역을 정의하여 만들어집니다. 각 좌표 세트를 사용하여 사용자가 영역 내를 클릭 할 때 연결되는 링크를 지정합니다. 이미지에 원하는 영역을 설정한 후 링크를 연결해주는 작업을 보통 이미지맵 작업이라고 하는데 간단하게 처리할 수 있는 사이트를 소개합니다. 이미지를 업로드 하거나 이미지 URL을 입력한 후 링크걸고자 하는 영역을 지정한 후 생성 버튼을 클릭을 하면 간편하게 HTML 코드가 생성이됩니다. 1. 이미지맵 HTML 코드 2. 이미지맵 반응형적용 코드 www.image-map.net/ Free Online Image M..

Web/Html

HTML 페이지에 PDF 파일 포함하는 방법

일부 웹 사이트는 PDF 파일의 다운로드 링크를 제공하지 않고 해당 사이트의 웹 페이지에 직접 pdf 파일을 표시하는 경향이 있습니다. HTML5 덕분에 타사 솔루션을 사용하지 않고도 간단한 HTML 코드로 동일한 작업을 수행 할 수도 있습니다. 우리가 보게 될 방법은 pdf 파일이 사용자에게 어떻게 표시되는지 제어 할 수있는 빠르고 쉬운 방법입니다. 또한 HTML5를 지원하는 모든 최신 웹 브라우저에서 작동합니다. HTML 페이지에 PDF 파일을 포함시키는 방법 HTML5는 이미지, 비디오, mp3 파일 또는 기타 멀티미디어 객체와 같은 외부 응용 프로그램의 컨테이너 역할을하는 요소를 제공 합니다. 이 태그를 사용하면 브라우저가 멀티미디어 객체에 대한 컨트롤을 자동으로 포함시킵니다 (브라우저가 특정 미..

projin
'Web/Html' 카테고리의 글 목록