html 이미지 넣기 몇 가지 간단한 방법

html 이미지 넣기에 대한 방법에 대해서 알아보았습니다. 이는 구글포토, 원드라이브에서 태그를 등록하는 방법을 기준으로 작성이 됐으니 참고를 하시기 바라겠습니다.

html사진넣는 방법은 아래와 같겠습니다.
1. 구글포토(Google Photos)
2. 원드라이브(Onedrive)
3. 인터넷에 올려져 있는 사진을 이용
4. 네이버 블로그, 카페(공개글, 카페만 해당)

<img> 이미지(사진) 태그를 먼저 알아두셔야합니다.

▶이미지 소스 바로가기(클릭)◀

1. <img src='이미지주소' style='border: 0 none;vertical-align: middle;'/>
2. <img src="이미지주소" border=0 width="넓이" height="높이">

▲첫 번째에 있는 [이미지주소]를 삭제하고 인터넷 환경에 공개등록된 이미지의 주소를 적으시면 됩니다.

▲두 번째의 소스는 사진의 크기를 사용자가 원하는 크기로 조절을 할 수 있는데요. width="500" height="600" 이런식으로 바꾸어서 등록을 하시면 되겠습니다.


html사진넣는법 - 공개 사진, 구글포토
개인 블로그, 공개카페에 등록된 사진 및 인터넷환경에 있는 사진들의 주소를 복사하여서 사용을 할 때는 저작권 침해를 조심하셔야 합니다.

또한 html태그로 사진을 올렸는데 올린 사진이 삭제가 됐을 경우에는 html태그로 올린 이미지 또한 함께 삭제가 되므로 참고하시기 바라겠습니다.

그러므로 개인클라우드 혹은 구글포토를 이용하시면 되겠습니다.

<사진을 클릭하면 크게 볼 수 있습니다.>
메모 장에 코드(html)를 먼저 적어둡니다.

그리고 가지고 올 사진에 마우스 오른쪽 클릭을 하시고 [이미지주소복사]를 복사하여줍니다.


[이미지주소]라고 적힌 곳을 삭제 후에 복사한 이미지주소를 붙여넣기(컨트롤+v)를 하여줍니다.

코드를 붙여넣기 한 이후에 이제 해당 주소 전체를 복사(컨트롤+c)하시고 본인이 html이미지 삽입을 하고 싶은 곳에 붙여넣기를 하시면 되겠습니다.


원드라이브(OneDrive)를 이용하기
구글포토같은 경우에는 공식적으로 아직 임베드를 지원하지 않습니다. 그러나 원드라이브같은 경우에는 공식적으로 임베드를 쓸 수 있게 지원을 하고 있습니다.

<사진을 클릭하면 크게 볼 수 있습니다.>
html이미지로 사용할 사진을 원드라이브에 업로드하여줍니다. 그리고 해당 사진을 클릭 후에 우측 위에 있는 [임베드]를 눌러줍니다.

[생성]을 눌러줍니다.

이미지 주소를 복사를 하여서 html태그소스에 넣고 html사진 삽입을 하고 싶은 곳에 사용을 하시면 되겠습니다.


댓글 없음:

댓글 쓰기