본문 바로가기
소소한 경험, Daily/소소한 정보 🖤

HTML) 티스토리 글이랑 이미지 한줄에 같이 입력하기💻

by 이상한 버릇, 습관 2022. 2. 23.
728x90
반응형

나는 티스토리 초보자😆

글이랑 이미지를 한줄에 입력하는 방법이 너무 번거로워서 그동안 대충 써왔음.

그러다 안되겠다 싶어서 HTML 편집을 간단하게 하기 위해(나중에 복붙해서 수정만 하려고)

이 글을 작성함.

 

 

👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇

 

 

아래 이미지에서    와   이모티콘이 아닌 이미지

예시 이미지

 

[HTML 코드] : 보기에는 Enter 입력이 되어 있는 것처럼 보이지만, 실제로는 Enter 없이 이어져 있음.

<h4 style="text-align: center;" data-ke-size="size20"><span style="font-family: 'Nanum Gothic';">1. 벨소리제작 어플에서&nbsp;</span><img style="vertical-align: middle;"
src="https://blog.kakaocdn.net/dn/bVTamL/btrtqBMyaAD/wwcC90SsRX1DrJzvcgUzeK/img.png" width="34" height="33" /><span style="font-family: 'Nanum Gothic';">&nbsp; 버튼을 누르고&nbsp; </span><img style="vertical-align: middle;" src="https://blog.kakaocdn.net/dn/cHiLLn/btrtsTGhHv9/pod4N7bVxFsHmF3WA3KFnk/img.png" width="34" height="33" /><span style="font-family: 'Nanum Gothic';"> 녹화한 동영상 불러오기.</span></h4>

 

자세하게는 아니어도, 어느 정도는 알고 써야 하니 아래 내용 참고!

✅ <h4 style="text-align: center;" data-ke-size="size20">

- h4는 글자 크기

- 코드 내용은 가운데 정렬, 글자 크기 내용.

 

✅ <span style="font-family: 'Nanum Gothic';">1. 벨소리제작 어플에서&nbsp; &nbsp;</span>

- &nbsp; 공백, 한 개 추가할 때마다 한 칸씩 띄어짐.

- 글씨체 나눔고딕

- 밑줄 부분에 text 글자 입력

 

✅ <img style="vertical-align: middle;" src="https://blog.kakaocdn.net/dn/bVTamL/btrtqBMyaAD/wwcC90SsRX1DrJzvcgUzeK/img.png " width="34" height="33" />

- 이미지 입력 부분.

- 여러 개를 입력할 경우, width와 height 값을 동일하게 숫자로 지정.

- 밑줄 부분에 이미지 주소 입력

 

이미지 주소 확인 방법🎔

👇👇👇👇👇 이미지- 마우스 우클릭

이미지 주소 복사하기

 

 
반응형

댓글