웹 페이지에서 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">
这是一个表格 |
여기에 글을 써주세요...
하이퍼링크
http://msdn.microsoft.com/downloads/samples/internet/behaviors/library/mpc/mpc.htc
htc 파일을 탭이 있는 htm 파일과 동일한 디렉터리에 넣거나 아래 페이지 소스 코드에서 htc 위치를 변경하세요.
mpc:컨테이너
동작:url(mpc.htc);
mpc:페이지
동작:url(mpc.htc);