html 이미지 삽입과 이미지 링크 넣는 방법

html 이미지 삽입 하는 방법과 이미지 링크 넣는 방법을 알려드릴게요 블로그 포스팅 하다보면 그냥 사진이아닌 HTML로된 이미지를 사용할 일이 많아지게되요 또 링크도 넣어야 하구요 처음이라면 더욱더 막막하답니다. 하지만 포스팅해주는 글쓰기란에서 쉽게 해결할 수 있어요~ 순서대로 따라해보세요

오늘 올린 포스팅인데요, 중간에 HTML 이미지 삽입이 필요하다면 이렇게 공간을 약간 만들어준다음 

외부컨텐츠 버튼을 눌러서 복사한html을 붙여넣기하면 되는데요, 

만약 이미지 자체에 코딩을 모른다면 

올리고 싶은 이미지를 먼저 업로드해야되요

티스토리 블로그의 관리자로 들어간다음

HTML/CSS  편집으로 들어갑니다

그럼 오른쪽 상단에 파일업로드라고 있을거에요. 

그부분에 사진을 올린다음 

파일에 마우스오른쪽 버튼을 눌러서 

링크주소복사를 누르면 

그 사진의 코딩을 알게 되요~

이제 메뉴의 위쪽의 외부컨텐츠 버튼을 누릅니다. 

오른쪽은 링크에요 

링크말고 왼쪽에 소스입력으로 가서

바로 붙여넣기를 한다음 확인을 누르세요~ 

하지만 현재 글쓰기하고 있는 화면에서는 

HTML소스들이 나오지 않을거에요. 

그렇다고해도 잘못한게 아니니까 

그대로 놔두고 

다음단락에서 글쓰기를 해봅니다

대신 하단에 미리보기를 눌러볼까요?

그럼 내가 선택한 이미지가 

그자리에 잘 들어가 있는게 보일거에요. 

이런식으로 삽입이 되니까 

나오지 않는다고 

걱정하지 않아도 되요~

html 이미지 삽입은 이렇게 해주면 되구요 

이미지 링크 넣는 방법도 같이 알려드릴게요.

 요즘 홍보캠페인 생성을 해서 광고이미지를 넣거나 

또는 배너를 중간중간 넣는 경우가 아주 많아요 

이럴때에는 먼저 사용할 사진을 업로드버튼으로 누른다음 

이미지를 마우스로 클릭합니다. 

그럼 파란색으로 변하죠?

그 상태에서 

사람얼굴이 있는 아이콘 옆에 있는 

url을 누르면 링크를 넣는 메뉴가 나오게 되요 . 

그부분에다가 필요한 

랜딩페이지 주소를 입력한다음 

확인버튼을 누릅니다. 그

런데 클릭 새창, 현재창 두가지가 있어요. 

왠만해서 지금 보고있는 페이지에 

방해를 주지않으려면 

새창으로 하는게 낫다고 생각해요.

이렇게 해주면 이미지에 링크가 잘 연결되게 되요. 두가지가 모두 메뉴상에 있는 기능으로 해줄 수 있어서 아주 편리하답니다. 모르면 사용할 수가 없어요. html 이미지 삽입도 이미지 링크도 자주 쓰이니까 꼭 알아두고 잘 활용해 보길 바랍니다