티스토리 꾸미기: 본문 작성 중 일부 폰트 사이즈, 색상, 볼드체로 바꾸는 HTML 코드

제목 1, 2, 3, 본문 1, 2, 3, 말고

폰트 사이즈를 특정 부분만

세밀하게 조절하고 싶을 때가 있다.

그럴 때는 HTML에 들어가서

이 코드를 복사해서 붙여넣는다.

외웠다 싶었다가도 돌아서면 까먹어서

꼭 블로그에 적어둬야 함ㅠㅠ

 

폰트 사이즈 바꾸기

 

편집창 상단의 기본모드를 선택한다.

 

HTML을 고른다.

 

<p style="font-size:폰트사이즈px;">내용</p>를

붙여넣기하고 폰트 사이즈

입력하고 내용을 쓴다.

 

폰트 사이즈 변경 & 가운데 정렬

<p style="font-size:폰트사이즈px; text-align: center;">내용</p>

여기서 포인트는  font-size:폰트사이즈px; 넣기

 

폰트 사이즈 변경 & 가운데 정렬 & 색상 변경

<p style="font-size:폰트사이즈px; text-align: center;"><span style="color: #색상코드;">내용</span></p>

여기서 포인트는 <span style="color: #색상코드;"></span> 넣기

 

폰트 사이즈 변경 & 가운데 정렬 & 색상변경

<p style="font-size:폰트사이즈px; text-align: center;"><b><span style="color: #색상코드;">내용</span></b></p>

 

볼드체로 바꾸기

물론 기본모드 상단의

버튼B를 눌러도 되므로

HTML의 <b></b>가

볼드체라는 것만

알고 있으면 된다.

 

<p>와 <span>사이에 <b></b>를 추가한다.

<p style="text-align: center;"><b>내용</b></p>

 

폰트색 바꾸기

 

물론 기본모드 상단의

폰트색 변경을 누르고

HTML로 들어가서

색상코드 숫자만 바꿔도 되므로

색상코드를 입력하는 코드가

뭔지만 알고 있어도 된다.

 

<p></p> 사이에

<span style="color: #색상코드6자리;">내용</span> 넣기.