글자 스타일 챙기기
👀 글자 색
글자 색 바꾸기
<span style="color:royalblue">글자 색 바꾸기</span>볼드체 이탤릭체 하고 싶으면 span 겉에 씌우기
옵션 여러개 주고 싶으면 "" 안에 ; 하고 옆에 더 줘
스타일 옵션 여러개 주기
<span style="color:salmon; background-color: linen; font-size:150%">스타일 옵션 여러개 주기</span>컬러명 대신 rgba(242,179,188,0.5)나 #e5c1c5 넣어도 됨
자주 쓸 법한 컬러명 리스트
palevioletred firebrick crimson
darkorange gold
yellowgreen mediumseagreen darkcyan forestgreen
steelblue cornflowerblue royalblue mediumblue navy
slateblue mediumpurple plum
👀 글자 배경색
형광펜 쫙
<span style="background-color: #f5df4d">형광펜 쫙</span>자주 쓸 법한 컬러 리스트
lavenderblush mistyrose lightpink
bisque gold
#cfdc83 mediumaquamarine
aliceblue lightskyblue #6aeb
thistle #ccccff lavender
lightgray
더 많은 엄선된 컬러들 https://velog.io/@serotonins/color-code
👀 글자 크기
글자 크기
글자 크기
<span style="font-size:150%">글자 크기</span>
<span style="font-size:50%">글자 크기</span>
<div style="font-size:300%">글자 크기</div>
<div style="font-size:30px">글자 크기</div>이게 지금 작성 화면에서는 되는데, 그리고 이 글 쓰기 전까지도 됐는데 글 올리고 나니까 갑자기 안 된다.
👀 볼드, 이탤릭, 취소선, 밑줄
볼드랑 이탤릭, 취소선은 각각 ** **, __ __, ~~ ~~ 로 감싸주면 된다.
밑줄 쫙
<u>밑줄 쫙</u>👀 정렬
<div style="text-align: left"> 왼쪽 </div>
<div style="text-align: center"> 중앙 </div>
<div style="text-align: right"> 오른쪽 </div>👀 줄바꿈, 공백
줄바꿈 <br> or <br/>
공백
본격적 마크다운
👀 구분선
---, ***, ___ 셋 중 하나 골라서 사용!
👀 체크박스
- 체크 안 된 거
- 체크 된 거
- [ ], * [ ], + [ ] 셋 중 하나 골라서 사용!
근데 체크 상태가 저장은 안 되고 해당 페이지 들어올 때마다 x 작성 유무에 따라 상태 표시됨.
👀 접기/펼치기
벨로그 화면에서 적용은 안 되고 작성할 때 오른쪽 화면에서만 해볼 수 있는데 일단은 적어놔봄
접기/펼치기 접을 내용들이것저것
<details>
<summary>접기/펼치기</summary>
접을 내용들<br>
이것저것
</details>👀 리스트
- 리스트
- 이렇게
- 하나씩
-, *, + 셋 중 하나 맨 앞에 쓰면 리스트화 됩니다
👀 표 만들기
| 이런 카테고리 | 저런 카테고리 | 그런 카테고리 |
|---|---|---|
| 이런 내용 | 저런 내용 | 그런 내용 |
| 이런 내용을 한 칸 더 | 저런 내용을 한 칸 더 | 그런 내용을 한 칸 더 |
|이런 카테고리|저런 카테고리|그런 카테고리|
|:-----------|:-----------:|------------:|
|이런 내용|저런 내용|그런 내용|
|이런 내용을 한 칸 더|저런 내용을 한 칸 더|그런 내용을 한 칸 더|저 -는 하나만 써도 되는데 작성할 때 보기 편하라고 여러개 해놨다.
콜론은 생략 가능
- 왼쪽에 콜론을 두면 좌측 정렬, 오른쪽이면 우측 정렬, 양옆에 두면 중앙 정렬
생략하면 제목은 중양 정렬, 내용은 좌측 정렬된다.
👀 마크다운 적용 안 되게
\를 형식 안이나 앞에 쑤셔 넣으면 됨.
<> 이렇게 있으면 > 앞에 넣으면 웬만하면 원하는 대로 되더라.
이미지
👀 이미지 사이즈 조절
<img src="이미지 주소" width="" height="" alt="이미지 설명" align="정렬"></img>큰 따옴표 안에 순서대로 30px, 50px, 10%, 15%를 넣은 모습
align 주고 바로 밑에 글 쓰면 이렇게 이미지 옆에 글 쓸 수도 있다.
근데 이거 벗어나는 방법을 모르겠어서 <br> 엄청 복붙해서 빠져나오긴 했는데 정석적으로 빠져나오는 방법이 뭘까?
