목록자기개발/HTML|CSS|JS (2)
Netroy's Blog
HTML에서 Image를 사용할 때 Image Map이라는 걸 사용할 수 있다는 걸 알게 되었다. 꽤나 신기하고 다른곳에서도 종종 봤던 기능인 것 같은데 그저 신기하게만 생각하고 넘겼던 것 같다. 추가적은 JavaScript까지 사용하지 않으니 꽤 많은 곳에서 사용할 것만 같다. 예시 코드는 위와 같다. workplace.jpg라는 큰 이미지 안에 존재하는 컴퓨터, 핸드폰, 커피 3가지 물체에 좌표를 정해서 해당 좌표 내에서는 정해진 href 속성이 적용된다. 테스트는 여기에서 가능하다. 접속해서 오른쪽에 있는 컴퓨터, 핸드폰, 커피를 각각 눌러보시라 좌표를 정하는 방법은 총 4가지가 존재한다. rect - 정사각형 구역 지정 circle - 원형 구역 지정 poly - 다각형 구역 지정 default ..
HTML이란 Hyper Text Markup Language로 Github에 쓰는 .md 확장자의 마크다운처럼 정해진 규칙에 따라 작성하면 해당 부분을 웹 브라우저에서 출력해준다. My First Heading My first paragraph. 예시로 위 내용을 메모장으로 입력하고 사용하는 브라우저로 열어보면 정해진 규칙에 따라 브라우저는 My First Heading과 My first paragraph만 표시한다. 상세한 규칙의 경우 적지 않겠다. 위 내용 중 궁금한게 있다면 복사하여 그대로 구글의 검색창에 붙여 넣으면 나보다 더 친절하고 수많은 사람들이 알려 줄 것이다. 이나 와 같은 것들을 element, 요소라고 부른다. 안에 내용이 들어가는 요소도 있고 과 같이 내용이 들어가지 않는 요소도 있..