• 돌아가기
  • 아래로
  • 위로
  • 목록
  • 댓글
일반

이미지와 글

오작교 25180

0


이미지와 글

이미지 옆에 글 넣는 방법 입니다.


게시판의 글을 보던중
이미지 옆에 글 넣는걸 모르시는분이 계신것같아 올립니다
이미지 옆에 글을 넣을때는
align 를 넣어 주시면 됩니다.
<img src='https:///mysesang.com/buty/img/t3.gif' border=1 align=left>
이렇게 하면
여러줄의 글을 넣을수 있습니다
그러다가
이미지에서 글을 빠져 나가게 할려면

<br clear=left>라고 넣으면
이렇게 이미지 밑에 글을 넣을수 있어요.

border는 아래를 설명하기위하여 넣은것 입니다.
그런데
위의 것은 이미지와 글이 너무 붙어 있죠?
글과 이미지 사이를 띄울려면
vspace=띄우고져 하는 수
hspace=띄우고자하는수
이렇게 넣으시면 됩니다

위의것은
<img src='https://mysesang.com/buty/img/t3.gif' border=1 align=left vspace=0 hspace=30>
으로 설정한것 입니다
vspace와
hspace의 용도는 수치를 바꾸어 가면서
실험해보세요
어떻게 변하는지 보시면 설명보다 이해가 빨리 될겁니다.

그림의 오른쪽에 글자를 오게 할려면 align=right 로 넣어 주세요. 그러면 이렇게 그림의 오른쪽에 글자가 위치하게 됩니다.
<img src='https:///mysesang.com/buty/img/t3.gif' border=1 align=right>
이렇게 한것이죠.

도움이 되셨으면 합니다

안녕히~~~

공유
0

댓글 쓰기 권한이 없습니다. 로그인

취소 댓글 등록

신고

"님의 댓글"

이 댓글을 신고하시겠습니까?

댓글 삭제

"님의 댓글"

삭제하시겠습니까?

목록

공유

facebooktwitterpinterestbandkakao story
검색어 : 201907
번호 분류 제목 글쓴이 날짜 조회 추천
공지 HTML HTML 기초 다지기 4 오작교 08.06.17.16:26 291228 0
공지 HTML HTML과 CSS의 종합 정리 1 오작교 07.10.01.10:21 350206 0
공지 일반 스타일시트의 총정리 오작교 06.09.14.13:08 294829 +14
53 일반
normal
오작교 05.08.24.22:41 24153 +18
52 일반
normal
오작교 08.07.07.16:18 19533 0
51 일반
normal
오작교 07.10.25.13:02 49086 0
50 일반
normal
오작교 07.10.25.12:50 45166 0
일반
normal
오작교 07.06.19.16:44 25180 +12
48 일반
normal
오작교 07.03.27.13:25 24055 +12
47 일반
normal
오작교 06.10.29.19:50 21271 +11
46 일반
normal
오작교 06.10.29.19:30 17538 +12
45 일반
normal
오작교 06.10.23.16:28 25485 +14
44 일반
normal
오작교 06.09.20.15:05 20482 +33
43 일반
normal
오작교 06.05.06.20:20 34596 +23
42 일반
normal
오작교 06.05.06.20:14 21978 +12
41 일반
normal
오작교 06.05.06.19:58 19417 +9
40 일반
normal
오작교 06.05.06.19:52 35832 +12
39 일반
normal
오작교 06.05.06.09:30 19882 +17
38 일반
normal
오작교 06.05.06.09:27 18861 +20
37 일반
normal
오작교 06.05.06.09:14 18396 +19
36 일반
normal
오작교 06.05.05.11:04 25862 +8
35 일반
normal
오작교 06.04.17.15:55 27826 +10
34 일반
normal
오작교 06.04.17.15:37 21453 +15