소소한 경험, Daily/소소한 정보 🖤
HTML) 티스토리 글이랑 이미지 한줄에 같이 입력하기💻
이상한 버릇, 습관
2022. 2. 23. 01:18
728x90
나는 티스토리 초보자😆
글이랑 이미지를 한줄에 입력하는 방법이 너무 번거로워서 그동안 대충 써왔음.
그러다 안되겠다 싶어서 HTML 편집을 간단하게 하기 위해(나중에 복붙해서 수정만 하려고)
이 글을 작성함.
👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇
아래 이미지에서 
와 
이모티콘이 아닌 이미지
[HTML 코드] : 보기에는 Enter 입력이 되어 있는 것처럼 보이지만, 실제로는 Enter 없이 이어져 있음.
<h4 style="text-align: center;" data-ke-size="size20"><span style="font-family: 'Nanum Gothic';">1. 벨소리제작 어플에서 </span><img style="vertical-align: middle;"
src="https://blog.kakaocdn.net/dna/bVTamL/btrtqBMyaAD/AAAAAAAAAAAAAAAAAAAAAHf0xex1lCxqlkYVQT4a4rZ3BnzOTUak4C4pZteTEGFc/img.png?credential=yqXZFxpELC7KVnFOS48ylbz2pIh7yKj8&expires=1777561199&allow_ip=&allow_referer=&signature=zCYvGXxArQyoZeDY02wDNcT%2FoNE%3D" width="34" height="33" /><span style="font-family: 'Nanum Gothic';"> 버튼을 누르고 </span><img style="vertical-align: middle;" src="https://blog.kakaocdn.net/dna/cHiLLn/btrtsTGhHv9/AAAAAAAAAAAAAAAAAAAAACoUs5xRs9xRmz3DZopGGFFWdqWtG_0qffPxN01b1efQ/img.png?credential=yqXZFxpELC7KVnFOS48ylbz2pIh7yKj8&expires=1777561199&allow_ip=&allow_referer=&signature=Stg%2F7XSpilFPi0%2FqhnFtmBDUwuk%3D" 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. 벨소리제작 어플에서 </span>
- 공백, 한 개 추가할 때마다 한 칸씩 띄어짐.
- 글씨체 나눔고딕
- 밑줄 부분에 text 글자 입력
✅ <img style="vertical-align: middle;" src="https://blog.kakaocdn.net/dna/bVTamL/btrtqBMyaAD/AAAAAAAAAAAAAAAAAAAAAHf0xex1lCxqlkYVQT4a4rZ3BnzOTUak4C4pZteTEGFc/img.png?credential=yqXZFxpELC7KVnFOS48ylbz2pIh7yKj8&expires=1777561199&allow_ip=&allow_referer=&signature=zCYvGXxArQyoZeDY02wDNcT%2FoNE%3D " width="34" height="33" />
- 이미지 입력 부분.
- 여러 개를 입력할 경우, width와 height 값을 동일하게 숫자로 지정.
- 밑줄 부분에 이미지 주소 입력
이미지 주소 확인 방법🎔
👇👇👇👇👇 이미지- 마우스 우클릭
반응형