본문 바로가기
html

html 티스토리 표 편집 - 색깔넣기

by connecting story 2024. 11. 18.
반응형
반응형

티스토리 표 색깔 넣기 html

 

티스토리 편집의 기본은 html

 

 
25년 전에 홈페이지 만들어볼 때 배웠던 html 도 흔적조차 기억에 남지 않아 다시 배워야 하는데 항상 느끼는 것이지만 나이먹고 배우는 것은 매우 어려운 일인 것 같다..ㅎㅎ
 

 
배움에는 부끄러움이 동반된다. 
 
나의 부족함을 인정하는 것부터 시작해야 배움이 생길 수 있는 것 같다.
 
그래도 요즘은 웹상에 수많은 정보들이 널려있어 다행이라는 생각이 든다. 
 
그래서 그나마 잘 할 수 있는 웹 검색을 통해 다른 유능한 블로거들의 팁들을 참고해 내가 자주 사용하는 html 활용법을 정리해봐야겠다. 
 

 
 

 

자주 사용하는 색들의 색상코드

 

 
티스토리 블로그 글을 쓸 때마다 참고하기 위해 html 카테고리를 만들었다. 
 
티스토리에 글을 쓰면서 가장 애먹었던 것 중 하나가 표 편집이다. 
 
네이버 블로그와 달리 티스토리는 표 편집하는게 어렵다.
 

 
자주 사용하는 색상코드를 정리해봐야겠다.

색깔 색상코드 색깔 색상코드 색깔 색상코드
빨강 #FF0000 연두 #CEF279 음.. 파스텔톤 파랑 #B2CCFF
연분홍 #FFB2D9 파랑 #0054FF 찐파랑 #4641D9
노랑 #FFE400 하늘 #B2EBF4 검정 #191919

 
 

 

 

티스토리 html 편집하기

 

 
요기서 우측 상단에 기본모드를 누르면 html을 선택할 수 있는 메뉴가 나온다. html을 선택하면 변경하겠냐는 물음이 나오는데 이때 확인을 누르면 된다.
 

 
 

 
그러면 html창이 뜨고 거기서 ctrl+f 를 눌러 table을 치면 다음과 같이 table이 있는 곳에 색깔이 들어온다.

 
 
요기서 bgcolor이 배경색깔이라는 뜻인데 bgcolor을 넣고 색상코드를 넣어주면 된다.
 
포털사이트에서 색상팔레트라고 검색하면 다양한 색깔의 색상코드를 확인할 수 있다.
 
 

 

 

 

그렇게 해서 만들어진 표는 아래와 같다.

 

이렇게 해보고 싶었는데 ... 된다. ㅎㅎ

 

 

색깔 색상코드 색깔 색상코드 색깔 색상코드
빨강 #FF0000 연두 #CEF279 음.. 파스텔톤 파랑 #B2CCFF
연분홍 #FFB2D9 파랑 #0054FF 찐파랑 #4641D9
노랑 #FFE400 하늘 #B2EBF4 검정 #191919

 
 

 

반응형