10. 목록 표시하기
목록이란, 연관 있는 항목들을 나열한 것을 의미한다.
-
순서 없는 목록(unordered list) - 토끼,다람쥐,청설모,호랑이 - "ul"태그 사용
-
순서 있는 목록(ordered list) - 1.html 2.css 3.javascript - "ol"태그 사용
-
"li"태그 : 목록에 들어가는 항목 하나하나를 표현할 때 사용하는 태그.
=> "ul", "ol", "li" 태그는 모두 블록 레벨 요소를 만드는 태그이다.
다음은 순서가 없는 목록과 순서가 있는 목록을 각각 해당하는 태그를 사용해서 구현한 결과이다.
순서가 없는 "ul"태그의 경우는 그냥 나타나지만, 순서가 있는 "ol"태그의 경우에는 옆에 숫자와 함께 나타나게 된다.
11. 입력 요소 만들기
-
input 태그: 사용자로부터 값을 입력받을 수 있는 대화형 컨트롤 ('필드' , '입력창') 을 나타낸다. 기본적으로 인라인 요소이며 단일 태그이다.
-
type 속성 : type의 값에 따라 입력 요소의 형태나 입력 데이터 유형 등이 달라진다.
-- 사용 가능한 type은 20여가지 이며, 기본값은 text이다.
- input 태그에는 name 식별자를 추가할 수 있다.
input 태그들의 사용
- 1.text
text 타입의 input 태그는 말 그대로 텍스트를 입력받는 것이다. 따라서 입력받을 최대 문자 개수를 설정하는 maxlength를 설정할 수 있다.
- 2.button
button 타입의 input 태그는 버튼을 누를 수 있는 기능을 가진 것이다. 버튼에 글을 쓸 수 있는 value 값을 설정해줄 수 있다. 실행화면에서는 "PUSH" 값을 주었다.
- 3.color
color 타입의 input 태그는 색상을 지정할 수 있는 기능을 가진 것이다.
- 4.range
range 타입의 input 태그는 범위를 지정할 수 있는 기능을 가진 것이다. 범위의 최소값인 min, 최대값인 max, 한 칸씩 움직일 때 마다 이동할 크기인 step을 지정할 수 있다.
- 5.date
date 타입의 input 태그는 날짜를 지정할 수 있는 기능을 가진 것이다.
=> "name" 속성으로 input을 구별할 수 있으며 ,사용자의 편의를 위해서 지정하는 것이 좋다 !
