티스토리에서 사용가능한 HTML 목록 태그 이해하기
| ▣ 목록 (LIST) ▣ |
1. 티스토리 블로그에서 목록 태그 HTML 사용할 때 문제점 알아보기
2. 목록 태그 문제 해결방법 알아보기
3. 목록 태그 참고할 데이터 (Value)
※ 코코쥬안(Cocojuan's Tistory Blog)
▶ HTML for tistory blog https://cocojuan.tistory.com/643
1. 티스토리 블로그에서 목록 태그 HTML 사용할 때 문제점 알아보기
(1) 티스토리에서는 목록 태그 이용 시 "disk"를 넣고 하위 내용을 "decimal"로 넣고 "완료" 클릭하기
(2) 블로그를 확인하면 하위 내용 "decimal"이 "disk"로 바뀌어 버립니다.
2. 목록 태그 문제 해결방법 알아보기
(1) "ul", "li" 태그를 사용하면 다음 하위 공간 때문에 공간이 떠 버리는 문제가 해결 되지 않는다
(2) "ol", "li" 태그를 사용해야 문제를 해결 할 수 있다.
(3) 아무래도 CSS쪽을 고춰야 할 것 같은데 그냥 사용하자
(4) 아래에 정리 된 Value 값을 "decimal"자리에 두 군데 넣자
(5) 이제 빈칸 없이 정상적으로 하위 "List"를 사용할 수 있습니다.
3. 목록 태그 참고할 데이터 (Value)
※ decimal → upper-alpha → lower-alpha → lower-roman
- disc : 속이 찬 원형 블릿
- circle : 속이 빈 원형 블릿
- square : 속이찬 사각형 블릿
- decimal : 1부터 시작하는 10진수
- decimal-leading-zero : 01부터 시작하는 십진수
- lower-roman : 로마숫자의 소문자
- upper-roman : 로마숫자의 대문자
- lower-greek : 고대 그리스문자의 소문자
- lower-alpha : 알파벳의 소문자
- lower-latin : 라틴어의 소문자
- upper-alpha : 알파벳의 대문자
- upper-latin : 라틴어의 대문자
- hebrew : 헤브라이 숫자
- armenian : 아르메니아 숫자
- georgian : 그루지아 숫자
- cjk-ideographic : 한자의 숫자
- hiragana : 일본어의 히라가나
- katakana : 일본어의 카타카나
- hiragana-iroha : 일본어 히라가나의 '이로하'순
- katakana-iroha : 일본어 카타카나의 '이로하'순
- none : 지정하지 않는다.
이상으로
티스토리 블로그 목록 태그 문제점 및 해결 방법을 알아보고, 목록 태그 자세한 정보를 정리하였습니다.
댓글