광주자동차밧데리 출장밧데리탑 | 이미지 삽입하기 - 다양한 이미지 삽입방법과 속성알기

<img src="https://t1.daumcdn.net/cfile/cafe/152D76174AF2F5FE1A" class="tx-daum-image" style="CLEAR: none; FLOAT: none" actualwidth="752" hspace="1" width="752" vspace="1" border="0" /> <DL> <DT class=dlterm>W and H  : 이미지의 가로/세로 크기를 지정(기본px단위) <DT class=dlterm>Src : 이미지의 경로(상대경로/절대경로 지정</DT> <DT class=dlterm>Link : 이미지에 의해 연결되는 하이퍼링크 URL을 입력하는데 Poin to file이나 Browse..버튼을 눌러 직접 연결 <DT class=dlterm>Align : 이미지의 텍스트의 정렬방법 <DT class=dlterm>Alt : 이미지를 대신하여 나타낼 수 있는 대체텍스트 작성. 접근성 측면에서 ALT는 스크린리더가 음성으로 전달할 수 있는 내용 <DT class=dlterm>Map Name and Hotspot tools : 이미지맵을 사용할 경우 이미지맵에 이름(=라벨)을 주고 이미지맵(사각형,원형,다각형) 작성 <DT class=dlterm>V Space and H Space : 픽셀단위의 이미지 상/하, 좌/우 여백을 결정 <DT class=dlterm>Target : 링크 타겟으로 연결된 페이지를 보여줄 프레임이나 윈도우창을 결정, 링크가 없을경우 사용불가. 프레임문서일 경우는 해당 프레임의 이름이 창에 나타남. <DT class=dlterm><SAMP class=codeph>①_blank : 연결된 문서를 새창을 만들어 보여줌</SAMP> <DT class=dlterm><SAMP class=codeph>②_parent</SAMP> : 연결된 문서를 부모창이나 부모프레임에 보여줌 <DT class=dlterm><SAMP class=codeph>③_self</SAMP> : 연결된 문서를 현재창이나 현재프레임에 보여주고, 이것이 링크타겟의 기본값이므로 생략가능 <DT class=dlterm><SAMP class=codeph>④_top</SAMP> : 프레임이나 윈도우를 무시하고 항상 최상위 프레임이나 창으로 보여줌 <DT class=dlterm>  <DT class=dlterm>Low Src : 이미지를 로딩할때 낮은 이미지를 보여주고, 이미지를 보여줄수 있도록 다운로드가 완료되면 실제이미지를 보여줌 <DT class=dlterm>Border : 이미지의 경계선으로 px단위, 기본값은 경계선 없음  <DT class=dlterm> <img src="https://t1.daumcdn.net/cfile/cafe/19507B184AF2F7C387" class="tx-daum-image" style="CLEAR: none; FLOAT: none" actualwidth="832" hspace="1" width="832" vspace="1" border="0" />   <DT class=dlterm> I. 이미지 삽입하기 : 메뉴 이용해보기 Insert > Image.. <DT class=dlterm>  <img src="https://t1.daumcdn.net/cfile/cafe/174AD5194AF2F8D935" class="tx-daum-image" style="CLEAR: none; FLOAT: none" actualwidth="567" hspace="1" width="567" vspace="1" border="0" /></DT></DL> 이미지 삽입을 선택하면, 삽입할 이미지를 묻는 대화창이 나타납니다. 파일 탐색기와 같은 구조이므로 문서에 삽입하고자 하는 이미지를 찾아주시면 됩니다.  <img src="https://t1.daumcdn.net/cfile/cafe/184AD5194AF2F8D936" class="tx-daum-image" style="CLEAR: none; FLOAT: none" actualwidth="725" hspace="1" width="725" vspace="1" border="0" />   만약, 로컬사이트가 아닌 다른 경로의 이미지를 삽입할 경우 다음 대화창을 보실수 있습니다. <img src="https://t1.daumcdn.net/cfile/cafe/194AD5194AF2F8D937" class="tx-daum-image" style="CLEAR: none; FLOAT: none" actualwidth="431" hspace="1" width="431" vspace="1" border="0" />  드림위버는 로컬사이트폴더와 리모트디렉터리가 같다고 생각합니다. 즉, 내PC에서 작업한 내용이 곧 홈페이지 내용이라고 인식하고 동기화(Synch)하기 때문에 정해진 폴더가 아닌 다른 경로의 이미지를 삽입할 경우 파일을 복사할것인지 물어봅니다.   II. 삽입막대 - Common 자주사용하는 여러가지 명령을 모아둔곳으로 이미지 삽입하기 버튼을 클릭 <img src="https://t1.daumcdn.net/cfile/cafe/184AD5194AF2F8DA38" class="tx-daum-image" style="CLEAR: none; FLOAT: none" actualwidth="567" hspace="1" width="567" vspace="1" border="0" />  Image 선택시 I번 과정과 같은 대화상자가 나타나게 되고, ok 버튼을 누르면 이미지 삽입이 완료됩니다. <DL> <DT class=dlterm>  III. Asset 패널을 이용한 이미지 삽입 <img src="https://t1.daumcdn.net/cfile/cafe/13152E174AF2FA7132" class="tx-daum-image" style="CLEAR: none; FLOAT: none" actualwidth="654" hspace="1" width="654" vspace="1" border="0" />   <DT class=dlterm> ※ 이미지 삽입시 접근성(=Accessibility) 대화상자가 나타나는 경우 <img src="https://t1.daumcdn.net/cfile/cafe/15152E174AF2FA7233" class="tx-daum-image" style="CLEAR: none; FLOAT: none" actualwidth="475" hspace="1" width="475" vspace="1" border="0" />  이미지의 경우, 엑박이 뜰때를 사용자가 불편함을 겪지 않고, 모든이가 적절한 방법으로 이미지의 내용을 읽기위한 접근성 대화상자가 나타납니다. <DT class=dlterm>   - Alternate text : 이미지를 설명할  수 있는 간단한 텍스트 입력 <DT class=dlterm>   - Long description : 설명이 아주 길 경우, 설명문서를 만들어서 지정하면, 이미지 엑박시 클릭하면 설명문서를 연결 <DT class=dlterm> 만약, 접근성 대화상자가 불편할 경우 환경설정의 접근성 에서 옵션을 활성화/비활성화 가능 <DT class=dlterm>  </DT></DL>