반응형

HTML 12

이미지 맵 정의 _ map Tag

map 태그는 이미지 맵을 정의하는 데 사용됩니다. 이미지 맵은 클릭 가능한 영역을 정의하는 요소 입니다. ​ 요소 의 필수 이름 속성은 의 usemap 속성과 연관되며 태그의 usemap은 name 값을 사용하여, 이미지와 지도 사이의 관계를 생성합니다. ​ 태그는 이미지 맵 내부의 영역을 정의합니다. 그리고 해당 요소는 항상 태그 안에 중첩됩니다 ​ map 속성 usemap 은 요소의 name속성 과 연결되어 있으며 이미지와지도 간의 관계를 생성합니다. coords 이미지 맵의 영역의 좌표 [ x1, y1, x2, y2 ] 를 지정한다. 함께 사용되는 shape영역의 크기, 형상 및 위치를 지정하는 속성. Shape 영역의 형태를 지정한다. alt 해당 이미지가 없는 경우 또는 경로가 잘..

HTML 2023.07.22

콘텐츠 카테고리 _ HTML5

콘텐츠 카테고리 모든 HTML 요소는 특성을 공유하는 요소끼리 묶는 콘텐츠 카테고리 한 가지 이상에 속합니다. 콘텐츠 카테고리는 느슨한 관계로 서로 간에 어떤 관계를 형성하지는 않지만, 카테고리에서 공유하는 동작이나 관련 규칙을 정의하고 설명할 때, 특히 복잡한 세부사항을 포함할 때는 더욱 도움이 됩니다. 요소가 아무런 카테고리에도 속하지 않는 것 역시 가능합니다. 콘텐츠 카테고리의 유형은 다음의 세 가지가 있습니다. ​ 메인 콘텐츠 카테고리 여러 요소가 서로 공유하는 일반적인 콘텐츠 규칙을 설명합니다. 폼 관련 콘텐츠 카테고리 입력 폼 관련 요소가 공통으로 가지는 규칙을 설명합니다. 특정 콘텐츠 카테고리 소수의 요소만 공유하는 카테고리를 설명하며, 특정 문맥에서만 유효하기도 합니다. 참고 콘텐츠 카테고..

HTML 2023.07.21

블럭 요소, 인라인 요소

Block 요소 태그를 사용해 요소 기입 시 가로 한줄을 통째로 차지합니다. 대표적으로는 div, p, h1 태그가 있습니다. 이 속성은 width, height, margin, padding 모두 반영 됩니다. , , , , , , ,, , , , , , , , , , , , , , , , , , , inline 요소 Block과는 달리 가로 한줄을 통째로 차지하지 않으며, 컨텐츠 영역 만큼만 차지하기에 가로 한 줄에 여러 컨텐츠 들이 올 수 있습니다. 이 속성은 width, height 속성을 지정해도 무시가 됩니다. margin, padding은 좌우만 반영됩니다. , , ,, , , , , , , , , , , , , , , , , , , 요약 블럭요소는 인라인요소까지 담을 수 있지만 인라인 요소..

HTML 2023.07.21

링크 _ A Tag

A태그는 링크를 연결하는 경우 사용됩니다. HTML 삽입 미리보기할 수 없는 소스 링크 속성. href 링크의 목적지를 정의. Target 속성은 다음 값 중 하나를 사용할 수 있습니다 _self : 기본. 클릭 한 것과 동일한 창 / 탭에서 문서를 연다 _blank : 새 창 또는 탭에서 문서를 연다 _parent : 상위 프레임에서 문서를 연다. _top : 창 전체에 문서를 연다. 메일 속성 : mailto : 내부 windows 프로그램을 사용하여, 이메일을 보낼 수 있도록 열어줍니다. (새 이메일을 보낼 수 있도록 허용). 책갈피 구현 무엇일까? 나야놔 이미지 링크

HTML 2023.07.21
반응형