>웹 프론트엔드 >JS 튜토리얼 >HTC 컴포넌트로 윈도우 탭 만들기_기본지식

HTC 컴포넌트로 윈도우 탭 만들기_기본지식

WBOY
WBOY원래의
2016-05-16 19:20:451161검색

웹 페이지에서 Windows 스타일 탭 만들기를 시뮬레이션하는 방법은 여러 가지가 있습니다. 여기서는 비교적 간단한 방법인 HTC 구성 요소를 사용하여 만드는 방법을 소개하겠습니다.​

htc를 사용하면 자유롭게 호출할 수 있다는 장점이 있고, 약간 일괄처리 같은 느낌이 듭니다. 예를 들어 이 탭을 사용하는 웹페이지가 많다면 htc 하나만 만들면 됩니다. 를 클릭한 다음 다시 만들 필요 없이 별도로 호출하여 다른 웹 페이지에서 사용할 수 있습니다. 사용하기 매우 편리하며 많은 시간을 절약할 수 있습니다.​

구체적인 제작방법은 다음과 같습니다.

1.mpc.htc를 다운로드합니다.

먼저 마이크로소프트 홈페이지에 접속하여 윈도우 탭을 만들기 위한 원재료인 mpc.htc라는 컴포넌트를 다운로드 받으세요.​

2. 웹페이지를 편집하고 mpc.htc를 호출합니다.

1. html 태그를 다음과 같이 작성합니다.
다음 내용은 인용문입니다.


2. 스타일 동작 생성:
다음 내용은 인용문입니다. ​ mpc:컨테이너,mpc:페이지{
동작:url(mpc.htc);
 }



즉, mpc:container와 mpc:page 모두 mpc.htc를 호출하기 위해 동작을 사용합니다.


3. 특정 콘텐츠 호출:
다음 내용은 인용문입니다.



  아이디="이름"
TABTITLE="마우스를 누르면 여기의 내용이 표시됩니다."
TABTEXT="탭 라벨의 내용은 다음과 같습니다.">
탭의 구체적인 내용은 다음과 같습니다.  
 
 







여기 태그에서 스타일 스타일의 너비와 높이를 사용하여 전체 탭의 너비와 높이를 결정한 다음 사이에 탭의 특정 세부 정보를 추가합니다. . 태그 콘텐츠, 여러 옵션이 있는 경우 ... 태그의 여러 그룹을 사용하세요.​
첨부된 내용은 기사의 Windows 탭 샘플 페이지에 대한 코드입니다.
다음 내용은 인용문입니다.


mpc

mpc:컨테이너,mpc:페이지{ 동작:url(mpc.htc);
}



      width:300; height:150; color:white">  
      
    
这是一个表格
       
이것은 테이블입니다

 

 
 

여기에 글을 써주세요...
 

 

 
 HTC 컴포넌트로 윈도우 탭 만들기_기본지식
 

 
 하이퍼링크
 







http://msdn.microsoft.com/downloads/samples/internet/behaviors/library/mpc/mpc.htc

htc 파일을 탭이 있는 htm 파일과 동일한 디렉터리에 넣거나 아래 페이지 소스 코드에서 htc 위치를 변경하세요.

                  mpc:컨테이너                    
동작:url(mpc.htc);
                                                        

               mpc:페이지                  
동작:url(mpc.htc);
                                                                 

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.