Q. 텍스트를 굵게 또는 컬러를 바꾸고 싶어요
어떤 태그를 써야 하나요?

간단한 태그를 활용해서 텍스트를 꾸밀 수 있습니다.
아래 설명을 참고해 주세요.

텍스트 태그
폰트를 굵게 처리 방법1 <storng>굵은 글씨</strong> , <b>굵은 글씨2</b> 폰트를 얇게 처리 방법 <p style="font-weight: lighter;">얇은 글씨</p> 폰트 컬러 설정 <p style="color: #FFEB3B">#컬러값 넣어주기</p> 띄어쓰기는 &nbsp태그를 넣어주거나 공란(스페이스)로도 할 수 있음
br은 줄 바꿈을 가진 형식화된 텍스트를 표현
굵은 글씨
<p>그 치킨의 가격은 <strong>20,000원</strong>이었지만, <b>매우 맛이 없었습니다.</b></p>

그 치킨의 가격은 20,000원이었지만, 매우 맛이 없었습니다.

텍스트 컬러 지정
<p style="color:#ff5722;">조약돌이 날아왔다. 소년은 저도 모르게 벌떡 일어섰다.</p>

조약돌이 날아왔다.소년은 저도 모르게 벌떡 일어섰다.

띄어쓰기

조약돌이 날아왔다. 소년은 저도 모르게 벌떡 일어섰다.

조약돌이 날아왔다.       소년은 저도 모르게 벌떡 일어섰다.

줄바꿈
<p>조약돌이 날아왔다.<br>소년은 저도 모르게 벌떡 일어섰다.</p>

조약돌이 날아왔다.
소년은 저도 모르게 벌떡 일어섰다.

이미지 태그

<img class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-orig-src="image.jpg" alt="이미지의 묘사 내용" /> 즐거운 여름 휴가

카카오 캐릭터
즐거운 여름 휴가

주소 태그

<address> <p><a href="mailto:author@example.com" >메쎄이상</a></p> <p>서울 특별시 마포구.</p> <p>010-1234-5678</p> </address>
메쎄이상서울 특별시 마포구.010-1234-5678

이미지/ 텍스트 정렬

왼쪽 정렬
<img class="lazyload" style="text-align:left;" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-orig-src="image.jpg" alt="이미지의 묘사 내용" /> 즐거운 여름 휴가

카카오 캐릭터
즐거운 여름 휴가

가운데 정렬
<img class="lazyload" style="text-align:center;" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-orig-src="image.jpg" alt="이미지의 묘사 내용" /> 즐거운 여름 휴가

카카오 캐릭터
즐거운 여름 휴가

오른쪽 정렬
<img class="lazyload" style="text-align:right;" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-orig-src="image.jpg" alt="이미지의 묘사 내용" /> 즐거운 여름 휴가

카카오 캐릭터
즐거운 여름 휴가