2020-06-10 IT 자습 FORM

 

1. 스맨틱 태그를 이용하는 실습 

일반 <H1~6> 이나 <div> 태그만을 사용해서 웹을 만들게되면 검색엔진에 걸리지 않는다.  하지만 시맨틱 태그 

<header><nav><footer><section>등의 태그를 이용하면 검색엔진에 쉽게 검색이 될 수 있도록 해준다. 

 

2. <form> 만들기  

 

로그인 화면에  아이디 입력창과 비밀번호 입력창을 만들어봤다. 

그리고  datalist 를 이용해서  목록중에서 선택할 수 있도록 만들어 보기도 했다. 

 

그리고 각종 버튼을 만들어봤다.   버튼을 만드는 방법에는 두가지가 있었다. 

 1) <input type="button" value=""> 을 주는 방법과 

 2) <button type="">이름</button> 

 

그리고 checkbox와 radio 를 이용해서 목록중에 클릭해서 선택하는  form형식도 만들어봤다. 

 

============실습과정에서 궁금한점 + 막힌점 ============ 

시맨틱 태그에서 CSS를 활용해서 따로 영역을 나눠 줬는데, 그 과정에서 사용된 float와 clear은 무슨 기능을 하는지 궁금했다. 

 

그리고 submit 용 버튼을 만들때 사용하는 action 속성이 없기 떄문에 웹 서버에 데이터가 전송 되지않는다는데 action 속성이 뭔가??   

---> 책에 본 내용으로는 action =" URL" 서버주소를 줘서 서버에 데이터가 전송할 수 있도록 해주는것이었다.