여러 이미지가 있는 선택 윤곽을 스크롤하는 방법

사용하는 동안 페이지에서 단일 이미지를 스크롤하는 데 필요한 HTML 코딩에 어느 정도 익숙하다면 태그를 사용하면 화면에서 여러 이미지를 스크롤하는 것이 어렵지 않을 것입니다. HTML 페이지에서 여러 이미지를 스크롤할 때 태그를 사용하면 몇 개의 추가 이미지 태그와 함께 하나의 이미지만 스크롤하는 데 사용하는 것과 동일한 기본 구조가 사용됨을 알 수 있습니다.

1 단계

여러 이미지를 스크롤하려는 HTML 페이지를 엽니다.

오늘의 비디오

2 단계

이미지를 스크롤할 문서 섹션에 다음 코드를 삽입합니다. 다음과 태그 사이에 있어야 합니다.

3단계

바꾸다 "http://www.website.com/image1.jpg," "http://www.website.com/image2.jpg" 그리고 "http://www.website.com/image3.jpg" 페이지에서 스크롤하려는 이미지의 파일 경로 또는 URL.

웹사이트와 동일한 서버에 저장된 이미지를 사용하는 경우에만 파일 경로를 사용해야 합니다. 파일 경로에 "http://www.website.com" URL의 일부, 슬래시 다음에 오는 것 예를 들어 전체 URL이 "http://www.website.com/image3.jpg," "image3.jpg"만 삽입하면 됩니다.

이미지를 다른 웹사이트에서 가져온 경우 전체 URL을 삽입해야 합니다. 이것은 온라인 사진 서버 또는 게시된 이미지의 URL이 있는 다른 웹사이트의 사진일 수 있습니다.

4단계

페이지를 게시합니다.

참조 및 리소스

• Blu Archer: 기차 GIF 튜토리얼
• W3 학교: HTML 배우기