본문 바로가기

HTML & CSS

[HTML 기초 03] 홈페이지에 이미지를 넣어보자~ IMG SRC 태그..!

[HTML 기초 03] 홈페이지에 이미지를 넣어보자~ IMG SRC 태그..!

 

 

 

홈페이지를 만들거나 게시글을 작성할때 글만 쓸수는 없죠!?

때때로 에디터 없는 HTML 게시판이 있어서 이미지를 못 쓰시는 분들도 있을꺼에요. (이런 게시판이 아직도 있나 싶긴 하지만 ㅎ)

 

그래서.. 오늘은 홈페이지에 이미지 넣는법을 포스팅 해 볼까 합니다.

 

보통 HTML에서 글을 쓸떄는 <P>, <FONT> 태그를 주로 쓰는데요, 이미지를 넣는 태그는 <IMG SRC=" 이미지 URL ">입니다.

 

예시를 들어보면?

 

 

 

위와같은 이미지를 자신의 홈페이지에 넣고 싶을때. 먼저 위의 이미지에 오른쪽버튼 -> 속성을 클릭..!

 

 

 

그러면 위와같은 창이뜨는데, 여기서 주소:URL을 복사..!!

 

그 후에 <IMG SRC="URL 붙여넣기">

위와같이 HTML 에서 작성하면 끝..!

 

이미지 넣기 참 쉬워요~

아 그리고 태그를 쓰실때 소문자든 대문자든 상관없습니다. 저는 주로 <img src="주소입력"> 와 같이 소문자를 많이쓰긴합니다.

 

 

 

글이 도움되셧으면 공감버튼 한번 클릭 해 주세요. 로그인도 필요없고 바로 카운터가 오릅니다...!