HTML 속성값, layout tag

강정우·2022년 6월 23일
0

HTML, CSS

목록 보기
7/27
post-thumbnail

#3 HTML 복습.

1.input 태그의 type 속성값 정리.

1) button : 버튼
2) checkbox : 체크박스
3) file : 파일 입력 양식 생성
4) hidden : 안 보임
5) image : 이미지형태 생성
6) password : 비밀번호 입력 양식
7) radio : 라디오 버튼 (둘 중 하나만 선택되게 하는 것.)
8) reset : 초기화
9) submit : 제출
10) text : 글자입력 양식
11) color : 색상선택 양식
12) date : date 선택 양식
13) datetime-local : 지역 날짜 선택 양식
14) email : 이메일 입력 양식
15) month : 월 선택 양식
16) number : 숫자 생성 양식
17) range : 범위 선택 양식
18) search : 검색어 입력 양식
19) tel : 전화번호 입력 양식
20) time : 시간 선택 양식
21) url : URL 주소 입력 양식
22) weel : 주 선택 양식
  1. label 태그
    label태그는 for="id이름" 형식으로 쓰이고 이것을 클릭하면 자동으로 미리 걸어두었던 id로 넘어감.
  2. fieldset 태그
    마치 div 처럼 입력 양식을 그룹화 하는 태그
    그 밑에 legend 태그와 함께 사용하여 그룹화된 내용을 설명하는 태그임.
  3. div 태그
    저번 추가공부 때 배웠던 시맨틱 태그의 기본형으로 문서의 영역을 나누거나 그룹화 할 때 사용하는 태그
  4. span 태그
    콘텐츠 요소를 표현하거나 인라인 요소를 그룹화하기 위한 태그
    div와 다르게 문장단위로 그룹화 되어있음.
profile
智(지)! 德(덕)! 體(체)!

0개의 댓글