HTML 슬라이드 쇼를 만드는 방법

웹 사이트에 HTML 슬라이드 쇼를 게시하여 웹 방문자의 관심을 끌 수 있습니다. 간단하며 JavaScript 나 Flash 코드를 알 필요가 없습니다. 웹 페이지 메타 태그를 사용하면 일련의 웹 페이지를 표시되는 순서대로 쉽게 표시 할 수 있습니다. 다음 단계에 따라 자신 만의 슬라이드 쇼를 만듭니다.

자주 사용하는 HTML 편집기 또는 메모장을 사용하여 페이지를 코딩합니다. HTML 슬라이드 쇼에 포함 할 각 슬라이드에 대한 페이지를 만듭니다. 페이지 이름 뒤에 slide1.html, slide2.html, slide3.html과 같은 숫자를 붙여 각 페이지의 이름을 지정합니다.

슬라이드 쇼의 첫 페이지를 엽니 다. 페이지에 표시 할 텍스트 나 이미지를 추가하십시오. HTML 슬라이드 쇼의 나머지 페이지에 대해이 작업을 계속합니다.

다음과 같이 각 페이지의 및 태그 사이에 메타 태그를 괄호 안에 삽입하십시오. meta http-equiv = "refresh"content = "3; url = mypagename1.html"

시리즈에서 다음에 표시 할 페이지 이름을 "url ="뒤에 지정하십시오. 다음 페이지로 이동하기 전에 페이지를 표시하려는 "content ="이후의 시간 (초)을 지정하십시오.

시작 페이지와 끝 페이지를 만듭니다. 이러한 페이지는 슬라이드 쇼 직전과 직후에 표시됩니다. 시작 페이지에서 슬라이드 쇼의 첫 페이지 (slide1.html)로 텍스트 하이퍼 링크를 삽입합니다. 슬라이드 쇼 마지막 페이지의 메타 태그를 끝 페이지 이름에 연결합니다.

HTML 슬라이드 쇼 코드를 테스트합니다. 웹 브라우저에서 시작 페이지를 엽니 다. 슬라이드 쇼를 시작하는 링크를 클릭하십시오. 페이지가 잘못 실행될 수있는 모든 메타 태그 코드를 수정하세요. 슬라이드 쇼가 제대로 실행될 때까지 페이지를 테스트합니다. HTML 슬라이드 쇼 재생을보십시오.

필요한 항목

  • HTML 편집기 소프트웨어 또는 메모장

  • 웹 브라우저

  • HTML 핸드북 또는 기본 지식