1월 31일 국비교육

#1

1. HTML FORM TAG

1) 기본 구성 : action + method + encytype

2) input tag 

ⓐ type 속성을 이용하여 폼 태그의 이너 태그로 텍스트 입력 및 실행 버튼의 양식을 구성하는 태그 

ⓑ type = text | password | checkbox | radio | submit | reset | file

ⓒ name 속성으로 type 속성의 value를 담아 요청 페이지로 전달

3) 

ⓐ 

ⓑ 

4) 

5) CheckBox는 그룹핑을 위해 Name을 똑같이 주고 Radio Button은 Name을 다르게준다

6) Multiple Tag

7) placeholder는 HTML5에서 새로 나온 속성(attribute)으로 input 요소나 textarea 요소에 안내문을 넣을 수 있습니다.

8) hidden : 화면엔 안 보여주고 value는 넘기고 싶을 때 

9)

 

2. 구조화 태그 : 태그를 이용하여 전체 레이아웃을 섹션화한다.

1) section : 범위가 일반적인 장 절 항 등에서 있음을 나타내는 요소 

2) article : 범위가 섹션에서 독립적이며, 단지 완결하고 있음을 나타내는 요소

- <article> : 포럼의 게시물 잡지나 신문기사, 블로그 항목, 댓글 등을 사용할 때 선언

     <article>을 중첩하여 사용하는 경우 내부 <article>의 내용은 원칙적으로 외부의 <article>의 내용과 관련있는 것임
    예를 들어, <article> 태그로 묶인 블로그 항목 안에 더 <article> 태그로 묶인 사용자 의견을 중첩 배치함으로써 

     그 코멘트가 블로그 항목에 게시된 것으로 있다는 것을 보여준다.

3) aside : 페이지에서 콘텐츠와 관련성이 낮은 보충이나 광고 등을 나타내는 요소

4) nav ; 탐색임을 나타내는 요소, 메뉴 등

5) header : 웹 페이지의 제목 부분을 표시한다.

6) footer : 꼬리말 부분을 표시한다. 회사 주소, 담당자 이메일 등을 표시하는 주소

3.