오늘은 html 9강으로 이미지 삽입방법에 대해서 알아보도록 하겠습니다.
이미지 삽입하기
1. 이미지 삽입 방법
<img src="이미지 주소">
ex)<img src="http://vonzone.hosting.paran.com/html/images/lny.jpg">
2. 너비, 높이, 테두리 변경하기
너비 : width=값 높이 : height=값 테두리의 굵기 : border=값 풍선말(보조설명) : title='글'
ex) <img src="http://vonzone.hosting.paran.com/html/images/lny.jpg" width=300 height=500 border=3 title='이나영 사진'>
<img src="http://vonzone.hosting.paran.com/html/images/lny.jpg" width=30% height=50% border=2 title='이나영 사진이에요'>
3. 정렬(align)
align : 그림에 글자를 정렬할 때에는 align속성에 top/middle/bottom을 지정한다.
<img src="http://vonzone.hosting.paran.com/html/images/lny.jpg" align="top">
<img src="http://vonzone.hosting.paran.com/html/images/lny.jpg" align="middle">
4. 이미지에 하이퍼링크 만들기
하이퍼링크 태그와 이미지 태그를 이용하면 홈페이지에 삽입된 이미지에 하이퍼링크를 만들 수 있다.
<a href="이동할 페이지 주소" target="_blank">
<img src="http://vonzone.hosting.paran.com/html/images/lny.jpg" border=0>
</a>
*border=0 을 쓰지 않을 경우 이미지에 테두리가 생긴다.
'웹제작 강의 > HTML' 카테고리의 다른 글
| HTML 14강 table ( rowspan, colspan) (12) | 2009/04/04 |
|---|---|
| HTML 13강 table에 효과주기 (6) | 2009/04/04 |
| HTML 12강 table (6) | 2009/04/04 |
| HTML 11강 - 수평선, marquee 태그 - (1) | 2009/04/04 |
| HTML 10강 - 음악, 동영상, 플래시 삽입하기 - (15) | 2009/04/04 |
| HTML 9강 - 이미지 삽입 - (13) | 2009/04/04 |
| HTML 8강 (글자관련 태그, 글자 모양 태그(font)) (5) | 2009/04/04 |
| HTML 7강 - 리스트 만들기 - (18) | 2009/04/04 |
| HTML 6강 -아크로 에디터, 하이퍼 링크- (31) | 2009/04/04 |
| HTML 5강 html 태그연습(body 태그, 글자크기) (17) | 2009/04/04 |
| HTML 4강 - HTML, 서버와 클라이언트 - (16) | 2009/04/04 |
Trackback http://www.imlcc.com/trackback/11
-
초보자1 2009/11/05 12:37
그냥 강의듣다가 질문드리는건데요 head 이건 써도되고 안써도되던데 쓰는경우는 무슨이유때문이에요?..
-
vonzone 2009/11/05 23:17
안녕하세요 방갑습니다...
<head>부분에는 보통 메타태그나 스타일시트 부분이 들어갑니다...메타태그란 검색엔진에 노출이 더욱 잘 되도록 하는 태그인데 저도 정확히 어떻게 사용하는지는 잘 모르겠습니다...그리고 스타일시트는 웹의 전체적인 스타일을 입력하는 것으로 글자의 크기나 글자의 색깔 등을 조절하는 기능을 합니다...^^
-
-
왕초보 2009/11/06 18:43
이미지가 X표시가 뜨면서 안나오는데 어떻게 해야하나요? ㅠㅠ
아..동영상보면서 똑같이 따라했는데 뭐가 잘못됬는지 이미지가 안나오네요.-
vonzone 2009/11/08 22:36
그런 경우는 보통 이미지의 주소를 잘못 입력했을 경우 나오는 현상입니다....이미지의 url 주소를 정확히 입력해 보시기 바랍니다...
그리고 FTP로 서버에 접속하셔서 이미지 파일명도 확인해보시구요^^
-
-
이순신 2010/05/22 23:38
훌룡한 강의 입니다^^ 감사드려요~ 오늘은 여기까지 공부해야겠네요~
-
지혜 2010/07/30 00:20
머리에 쏙 쏙 들어오는 좋은 강의입니다 감사합니다.
-
얼짱 2010/08/17 14:56
그런데요 The destination filename can not be empty
이렇게뜨면서 저장이 안되요 ㅣ;;;왜그럴까요 ;; -
수영 2010/10/24 04:41
11강이 아니라 9강 강의가 안보이네요... 확인부탁드려요.. 프리즈
-
vonzone 2010/10/24 21:47
안녕하세요 수영님 확인해본결과 잘 나오고 있습니다....^^
아무래도 동영상이다 보니 실행되는데 시간이 좀 걸려서 그런 것 같아요~~~
-
-
미라 2010/12/09 16:31
우와! 진짜 감사합니다.
입사하고 갑자기 관련된일을 맡게되서요!
진짜진짜진짜! 심란했는데 정말고맙습니다
1편부터 쭉 들을꺼예요!!
