TM1-5. 이전 페이지를 이미지로 등록하기

저는 금방 아래의 이전이라는 문구를 포토샵으로 만들었습니다.

여러분들도 포토샵을 이용해 간단하게 이전과 다음 이라는 이미지를 만들어 보시길 바랍니다. 

 

포토샵으로 글자 및 로고 이미지 만들기 : https://ggom-nyang-web.tistory.com/14

[포토샵 글자 로고 만들기]

 

 

 

 

1. 이미지를 사용하여 링크 페이지로 이동시키고 싶을 때 기본형식 입니다. 

  <a href =”링크할 주소” [속성=”속성 값]> <img src=”이미지 경로”> </a>

 

Step 

1. 사용할 이지미를  웹 상에 업로드 해 주세요. 

 

: 만약 웹상에 업로드 하지 않는다면 사용 시마다 해당 파일을 업로드 해야하므로  

구글 드라이브, 클라우드, 자신 티스토리의 게시물 등에 업로드를 진행하여 URL 주소를 

복사하여 따로 보관하시는 것을 추천합니다. 

 

저는 지금 포스팅 시에 해당 주소에 완료를 통해 비공개 저장으로 url 업로드를 마친 상태입니다. 

 

2. URL 주소를 보관하고 복사해 둡니다. 

3. 사용 형식에 따라 글쓰기에서 HTML 편집 수정해 주세요. 

 

 

위의 해당 아이콘을 클릭하시면 이전 페이지로 새창으로 이동하실 수 있습니다. 

 

<a href=" 연결한 페이지 url" target=_blank >   _blank : 새창으로 링크 연결.  _self : 현재 창에서 이동 됩니다. 

    <img src=" 업로드 이미지 URL" >  

</a>

 

이제 여러분들은 아래의 이미지를 

 

 

   <-- 클릭하시면 이동하실 수 있습니다. 

 

 

TM1-4. 티스토리 게시물 다음과 이전 페이지 만들기

전에 배운 것처럼  링크페이지를 건 후에 엔터를 입력해서  opengraph를 통해 미리보기를 생성하실 수도 있습니다. 

 

제가 이 티스토리에 HTML 초급과정을 같이 포스팅하고 있는데요. 다음번에는 인용하는 태그를 CSS 적용해서 

꾸미셔 이뿌게 게시물을 적용하는 방법에 대해서 작성해 보도록 하겠습니다.