컴퓨터 엑셀 워드 포토숍 구글어스 WINDOWS JAVASCRIPT JAVA C++

 
Previous Post HTML CSS 글자 간격 조정 방법, 문자 간격 확대 축소 태그? letter-spaci...캐논 파워샷, 익시(익서스)와 니콘 쿨픽스 어느 것이 좋나요? IXY IXUS Coolpi...니콘 D80 용 메모리 카드 종류는? Nikon D80 지원하는 Memory CardC언어에서 오른쪽 정렬하기; 문자열, 숫자를 우측에 맞추어 출력; printf Right도스창 CMD 에서 파일명 변경 방법, 파일, 폴더 이름 바꾸기 명령; Rename Fil...이메일로 사진 보내는 방법; Email JPG ZIP RAR 파일 보내기윈라로 압축하기 방법; WinRAR 로 파일 압축하는 법; Add File엑셀로 표 만들기 방법; Excel에서 표 작성법; TableMP3 파일 음악 앞뒤 잘라내기, 지우기 프로그램; MP3Trim mpTrim중앙값, 중간값, 메디안 계산법 소스; Median

HTML 사진 올리는 법; 웹페이지에 그림 파일 붙이기 방법; JPG GIF

Tuesday, September 11, 2007

우선 자신의 컴퓨터의 하드에 있는 사진 파일(.jpg 파일) 자체를 인터넷 사이트 서버에 업로드해야 합니다. 즉 올려야 합니다. 그런 후 HTML 웹페이지에 사진을 붙이려면 img 라는 태그를 사용하여 웹문서를 작성합니다. img 태그는 다음과 같은 형식으로 사용됩니다.

<img src="그림 파일 주소" alt="설명문" />

자세한 설명: ▶▶ [HTML-CSS] 그림/사진 태그인 img 태그의 속성

단순히 그림, 사진을 웹페이지에 표현하는 것이 아니라, 그 그림이나 사진을 마우스로 클릭했을 때 다른 페이지로 링크되게 하려면 a태그로 img 태그를 둘러싸야 합니다. 예제 참고: ▶▶ [HTML-CSS 기초] 웹페이지에, 링크(link) 만드는 태그는?; 하이퍼텍스트 링크 만드는 법?


그런데 디카로 찍은 원본 사진 파일은 너무 커서 HTML 웹문서에 직접 붙이기 곤란합니다. 이때는 포토샵으로 사진 크기를 적당히 (책받침이나 엽서 크기 정도로) 줄인 후에 웹서버에 올려야 합니다:
▶▶ 포토샵] 사진 크기 조절; 이미지 사이즈 조정 변경; Image Size Photoshop



구글 블로그에 사진 올리기: ▶▶ 구글 블로그(blogger.com)에, 그림 올리는 방법, 사진 업로드(Upload)하기

0 Comments:

Post a Comment

<< Home RSS 2.0 feed

구글 Google 에서 제공하는 무료 블로그 서비스인 블로거 Blogger 의 인터넷 주소는 www.blogger.com 입니다. Blogger 에 블로그를 만들면, blogspot.com 이라는 주소에 블로그가 생성됩니다.
블로그를 직접 방문하지 않고도 최신 게시물을 구독하려면 RSS 2.0 feed 주소를 리더기에 등록하시면 됩니다.
Categories
Previous Posts
Monthly Archives
Top