본문 바로가기

dl2

HTML 태그 - Lists 공통적으로 사용하는 항목을 나타내는 태그 1. 순서목록 순서가 있는 목록 사용 시 기본값으로 숫자가 정해져 있다. type 속성을 사용하여 로마자 숫자, 영어로 바꾸어 줄 수 있다. 5가지 사용 가능 숫자, 대문자 영어, 소문자 영여, 대문자 로마숫자, 소문자 로마숫자 CSS 속성을 사용하여 type 속성을 바꿀 수 있다. style="list-style-type: 다양한 값;" 다양한 값에 원하는 값 넣기 / 아래 링크에서 확인가능 start 속성으로 시작 번호를 지정할 수 있다. W3Schools CSS list-style-type demonstration www.w3schools.com 예> 순서 목록 사용 예 HTML5 CSS3 JavaScript jQuery HTML5 CSS3 JavaScrip.. 2023. 2. 14.
2월 14일 (1) HTML - 목록 요소의 형식 내용 [ ] 안의 내용은 생략가능하다. 쓸수도 있고 안 쓸 수도 있다. 공통 태그(List Item) : 항목을 나타낸다. 계층 구조를 가진다. 공통속성 width : 요소의 가로 길이를 지정하는 속성 단위 px 픽셀 한 점의 크기 (내장된 고정된 크기) % 백분율(기준 : 브라우저 창의 내부 화면 크기에 따라서 길이가 달라진다.) 세로보다 가로를 더 중요하여 여긴다. UX적 측면에서 보조적인 측면이 더 많이 들어가 있다. 비율을 사용하는 형태로 처리 세로를 먼저 지정하고 가로길이를 지정 태그 : 수평선 표현 주요 속성 : width 가로길이 지정 size 두께 지정(1-2px 차이 없음, 3px 정도만 사용, 그 이상을 잘 사용하지 않는다.) 목록태그 : List 화면에 목록 형태로 텍스트.. 2023. 2. 14.