HTML 문서에 컨텐츠를 포함 시키면 페이지가 더 풍부해질 수 있습니다.
내장 이미지IMG 요소를 사용하여 HTML 문서에 이미지에 포함될 수 있습니다.
1) SRC : 이미지의 URL을 표시하십시오.
2) alt : 장비 텍스트;
3) 높이 : 이미지의 높이;
4) 너비 : 이미지의 너비;
5) USEMAP : 이미지를 클라이언트 이미지 매핑으로 정의합니다.
6) ISMAP : 이미지는 서버 이미지 매핑으로 정의됩니다.
다음은 이미지의 작동을 도입합니다.
내장 이미지이미지는 SRC 및 ALT 특성으로 내장 될 수 있습니다.
<img src = triatlon.png <img src = triatlon.png </a>
이런 식으로 이미지를 클릭 한 후 브라우저는 부모 요소 A의 HREF 속성에 의해 지정된 URL로 탐색됩니다. IMG 요소에 대한 ISMAP 속성은 서버 -사이드 파티션 응답 다이어그램을 만듭니다.
<a href = otherpage.html> <img src = triatlon.png </a>
이러한 방식으로 이미지의 클릭 위치가 URL에 연결됩니다. 예를 들어 클릭 위치가 이미지 상단에서 4 픽셀이고 왼쪽의 10 픽셀이면 브라우저가 URL로 이동합니다.
http : //bjpowernode/listings/otherpage.html?
서버 파티션의 응답 다이어그램은 일반적으로 서버가 이미지의 이미지에서 사용자의 다른 클릭에 응답 함을 의미합니다.
클라이언트 파티션 응답 다이어그램클라이언트 파티션 응답 다이어그램은 특정 다이어그램의 다른 영역을 클릭하여 브라우저를 다른 URL로 탐색하도록 지원합니다 지역 요소.
지도 요소맵 요소의 역할은 클라이언트 이미지 맵핑을 정의하는 것입니다. 맵 요소는 일반적으로 속성을 포함합니다.
1) ID :지도 레이블의 고유 로고를 정의해야합니다.
2) 이름 : 선택 사항, 이름.
지역 요소영역 요소는 이미지 매핑의 영역을 정의하며, 항상 맵 요소에 중첩됩니다. 지역 요소의 속성은 두 가지 범주로 나뉩니다. 첫 번째 유형의 처리는 사용자가 브라우저를 탐색하는 URL에 의해 영역으로 표시되는 이미지 영역입니다.
1) HREF :이 영역을 클릭 한 후 브라우저를로드 해야하는 URL;
2) ALT : 대체 내용, IMG 요소에 대한 해당 속성;
3) 대상 : 기본 요소의 해당 속성 인 URL의 브라우징 컨텍스트를 표시합니다.
4) rel : 현재 문서와 대상 문서의 관계와 링크 요소의 해당 속성을 설명합니다.
5) 미디어 : 스타일 요소의 매체, 해당 속성;
6) Hreflang : 대상 문서의 언어;
7) 유형 : 대상 문서의 마임 유형.
두 번째 범주에는 속성이 포함되어 있습니다. Shape and Coords 속성은 사용자가 클릭 할 수있는 각 이미지 영역을 표시하는 데 사용됩니다. 모양 속성의 값은 다음과 같습니다.
1) rect : 직사각형 영역을 나타냅니다. 해당 코디 속성은 쉼표로 분리 된 4 개의 정수 분리 (a, b, c, d)로 구성되어야합니다. 사각형의 D는 이미지의 사각형의 하단과 하단을 나타냅니다.
2) 원 : 원형 영역을 나타냅니다. 코디서 속성은 쉼표로 분리 된 3 개의 정수로 구성되어야합니다 (A, B, C).
3) 폴리 : 다각형을 나타냅니다. 코디서 속성에는 쉼표로 분리 된 최소 6 개의 정수가 포함되어야하며, 각 숫자 쌍은 다각형의 정점 중 하나를 나타냅니다.
4) 기본값 : 전체 그림을 다루는 기본 영역. 코디 값을 제공 할 필요가 없습니다.
다음은 예입니다.
<p> <img src = triathlon.png usemap =#mymap <map name = mymap> <rea href = swimpage.html shape = 3,5,68,62 ml shape = rect coords = 70,5,130,62 <rea href = OtherPage.html shape = default </map>
위의 스크립트는 사용자가 그림의 수영 부분을 클릭하면 브라우저가 이미지의 사이클링 부분을 클릭하면 CyclePage.html로 이동합니다
HTML 문서에 포함됩니다기존 HTML 문서의 다른 문서에 iframe 요소를 포함시킬 수 있습니다. 이 요소에서 지원하는 속성은 다음과 같습니다.
1) SRC : iframe에 표시된 문서의 URL;
2) srcdoc : iframe에 표시된 페이지에 표시된 페이지의 HTML 컨텐츠를 지정합니다.
3) 이름 : iframe의 이름은 컨텍스트 및 기타 요소 (예 : A, 양식, 버튼, 입력 및 기본)의 대상에 사용할 수 있습니다.
4) 너비 : Iframe의 너비를 정의합니다.
5) 높이 : 표준 Iframe의 높이;
6) 샌드 박스 : Iframe의 컨텐츠의 추가 한계에는 지원 가치가 다음과 같습니다.
---- : 아래의 모든 제한 사항을 적용하십시오.
--- 허용-사기점 : 허용 iframe 컨텐츠는 문서의 나머지 부분과 동일한 소스로 간주됩니다.
--- 허용-탑-검색 : 현재 전체 문서를 다른 문서로 바꾸거나 새 레이블 및 창을 생성 할 수 있도록 최상위 브라우징 컨텍스트에 대한 링크를 허용합니다.
7) SEAMLESS : 브라우저는 기본 HTML 문서의 전체 구성 요소처럼 iframe의 내용을 표시하도록 지시합니다. 이 속성의 사용은 다음과 같습니다 (이 속성의 대부분의 브라우저는 아직 지원되지 않습니다).
<iframe src = demo_iframe.htm seamless> </iframe>
아래는 iframe의 전체 예입니다.
<Header> <H1> 내가 좋아하는 것들 </h1> <av> <ul> <li> <a href = fruits.html target = myframe> 과일 ilike </a> </li> <li> <a href = Activition.html Target = MyFrame> 활동 Ilike </a> </a> </li> </ul> </nav> </header> <iframe name = myframe width = 300 높이 = 100/>플러그 인을 통해 내장
객체 요소 및 임베드 요소는 브라우저의 용량을 확장하고 플러그 인 지원을 추가하는 데 사용됩니다.
포함 요소Embed Element 내장 내용을 정의하고 지원 속성은 다음과 같습니다.
1) 높이 : 임베디드 함량의 높이를 설정하십시오.
2) SRC : 내용의 URL;
3) 유형 : 브라우저가이를 다루는 방법을 알 수 있도록 마임 유형의 임베디드 컨텐츠를 정의하십시오.
4) 너비 : 내장 내용의 너비를 설정하십시오.
귀하가 적용하는 다른 속성은 플러그 인 또는 컨텐츠의 매개 변수로 간주됩니다. 아래 예를보십시오.
<embed src = http://www.youtube.com/v/qza60hca9s = Application/x-shockwave-flash 너비 = 560 높이 = 340 allowfullscreen = true/>
허용 된 화면 속성은 위의 전체 화면보기 기능을 활성화할지 여부를 설정하는 데 위에서 사용됩니다.
객체 요소객체 요소는 이미지, 오디오, 비디오, PDF, 플래시 등과 같은 임베디드 객체를 정의하는 데 사용됩니다. 객체 요소에는 지정된 컨텐츠를 사용할 수없는 경우 표시되는 여분의 컨텐츠가 포함될 수 있습니다.
매
데이터 속성에 의해 참조 된 리소스가 존재하지 않으면 객체 요소의 내용이 표시됩니다.
진행률 바진행 요소는 진행률 표시 줄을 나타냅니다. 지원 속성에는 다음이 포함됩니다.
1) MAX : 작업의 최대 값을 나타냅니다.
2) 값 : 0의 값과 최대 속성 사이의 현재 진행 상황을 정의합니다.
3) 형태 : 속의 하나 이상의 형태.
최대 속성이 생략되면 범위는 0에서 1이며 값 속성은 float -Point 숫자를 사용하여 0.3과 같은 진행 상황을 나타냅니다.
<진행 ID = MyProgress value = 10 max = 100> </progress> <p> <버튼 유형 = 버튼 값 = 30> 30%</button> <버튼 타입 = 60> 60%</butt on> < 버튼 유형 = 버튼 값 = 90> 90%</p> <cript> var buttons.getElementsByTagName ( 'myProgress'); .length; i if+) {버튼 [i] .onclick = function (e) {progress.value = e.target.value;};} </script>위의 예는 다른 값을 표시하여 다른 값을 표시하는 다른 값을 보여줍니다.
디스플레이 범위의 값미터 요소는 특정 범위 내의 특정 값을 보여줍니다. 지원 속성에는 다음이 포함됩니다.
1) 최소 및 최대 : 범위의 범위 만 지정하면 부동 소수점을 사용할 수 있습니다.
2) 낮음 : 낮은 값 범위를 지정하면 그에 따른 소유권은 너무 낮은 것으로 간주됩니다.
3) 높음 : 높은 값 범위를 지정하고, 그 위의 모든 값은 너무 높은 것으로 간주됩니다.
4) 최적 : 최고의 가치를 지정하십시오.
5) 값 : 측정의 현재 값은 필수입니다.
6) 형태 : 속의 하나 이상의 형태.
<meter id = mymeter value = 90 min = 10 max = 100 낮음 = 40 High = 80optimum = 60> </meter> <p> <버튼 유형 = 30> 30%> Utton value = 60> 60%< /<버튼 유형 = 버튼 값 = 90> 90%</p> <cript> var buttons.getElementsByTagName); = 0; i < ^ ++) {버튼 [i].미터 요소의 값이 너무 낮고 너무 높고 최상의 값이 있으면 브라우저는 다른 방식으로 제시합니다.