[HTML] 이미지 가운데 정렬 방법 feat. 티스토리 구글지도 넣기

HTML 가운데 정렬 코드 넣는 법

<티스토리 구글지도 넣기>

 

글을 작성하다보면 HTML 코드로 가져오게 된다면

편집도 HTML에서 해야합니다.

그 중에서 가장 많이 사용하는 것이 정렬이 아닐까 생각이듭니다.

저는 가운데 정렬을 이용해서 많이 작성하는데

구글 지도를 HTML코드로 가져와서

가운데 정렬하는 방법을 알려드리겠습니다.

 

구글 지도에서 공유를 누르시면

링크 보내기말고

지도퍼가기를 이용하면

블로그에 지도와 링크가 포함된 정보를 넣을 수 있습니다.

 

구글지도 html 가운데정렬 티스토리

 

하지만 HTML 복사를 눌러서

블로그 HTML 모드에 들어가서 붙여주기 해주시면

지도가 왼쪽 정렬로 나타납니다.

 

구글지도 html 가운데정렬 티스토리

 

HTML 코드로 입력한 정보는

기본모드에서 편집이 안되기 때문에 html 코드를 수정해주셔야 합니다.

 

가운데 정렬을 하고 싶은 지도 HTML 코드 앞뒤로

<center> </center>

이렇게 코드를 넣어주시면 됩니다.

 

html 이미지 정렬 코드

 

그러면 이렇게 가운데 정렬이 되고

이미지 말고 모든 html 코드에 적용이 가능합니다.

구글지도 html 가운데정렬 티스토리

 

이렇게 티스토리에서 글을 쓸때

구글지도를 이쁘게 넣을 수 있습니다.

 

그럼 끝!