0907 온라인

코딩수업
3p 아래

임시이미지 표기
<img src="http://placehold.it/너비x높이"> 픽셀사이즈

<figure>~</figure> p.100
- html 5 추가된 태그(ie 9이상 지원)
- <표, 멀티미디어(오디오, 비디오)>에 설명글(캡션)
<figure>
대상
<figcaption>설명글(캡션)</figcaption>
</figure>
- 밑 말고 위에 올려도 괜춘. > 오른쪽 배치는 css

링크만들기 p.48-49
<a> ~ </a>
1.
- 파란색이 밑줄 들어가 있는 것.
- 이미지의 경우 크롬에서는 밑줄 없음
- 인터넷 익스플로어에서는 f12 > 링크 이미지에 테두리 생기는데 css 제거 해야함 (초기화)
- css 마우스커서 모양 변경 가능
<a 속성="속성값">텍스트/이미지등</a>
*특성: 글자색 blue, 밑줄
*속성
a 탭
1) href: 링크할 문서나 사이트 주소 ex)href="event.html" or "http;//" 임시로 "#" (빈링크)
2) target: 링크한 내용이 표시될 위치,
_self 현재창/ 현재탭(default)/ >> 기본값
_blank 새창/새탭

2. <a hreff="mailto:이메일주소">텍스트/이미지등</a> 메일보내기
-figure 태그 안에 a 캡션 들어가면 안됨.
- a 태그가 밖에 있어야함.

메뉴에 링크 넣기

이미지맵 p.46-47
<map>~</map>
- 하나의 이미지에 클릭위치에 따라 서로 다른 링크 설정> 좌표값을 알아야함.
사각: rect, 타원: circle, 다각:poly
<img src="이미지경로/파일명" alt="대체텍스트" width="" height="" usemap="#이미지맵명"(2개이상)>
- #이름 > 회사마다 규칙 있음 (영문) ex) #abc, #map1, #u_map > 의미에 맞게 네이밍
- 사용불가: #123 #한글자 #a #1map #? (#u-map), #타원
<map name="이미지맵명">
<area shape ="모양" coords="좌표" href="연결주소" alt="대체텍스트" target="선택">
</map>

좌표값구학
window > info
x,y
사각형 마크툴 선택후 해당 영역에 마우스를 가져다 놓으면 info에 찍힌 숫자가 있음

손바닥 영역
원: 좌표 3개
ctrl r 가이드선빼서 > 사각형 마크툴로 드래그 >ctrl t > 가로세로 가이드선 추가 > esc > ctrl d > 마우스를 중간에 놓고 xy (중심값)/ 반지름: 사각선택툴로 반지름 잡고 w >

여러모양 > 모양에 따라서 좌표값이 달라짐.