태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.
Loading
2015.07.31 20:33 | BLOG/Blog - 나이롱박

생활코딩 2일차 (html-2)

생활코딩 홈페이지 캡쳐화면


2일차 수업내용


-title : 

title은 마우스가 올려졌을때 이동되는곳의 간략한 정보를 상단탭에 보여준다. 티스토리는 이를 치환자로 대신하기에 글 제목인 "생활코딩 2일차 (html-2)"가 페이지 상단 탭에 기록될 것이다.


-form : 로그인, 댓글, 글작성 등 데이터를 서버컴에 전송할때 사용되는 테그. form태그 문법과 get방식 post방식의 차이에대해 설명한다.

<form action="./후처리에 사용될php" method="get or post">

<input>,<textarea>,<option>...등 데이터 값을 입력할 테그 

</form>


action : input, textarea, option등 데이터값이 정해지면 보내질 주소를 적는곳 (후처리 연산에 사용될 php주소를 적는곳) 

method : get방식과 post방식중 선택

-get방식은 url로 전송되어 처리되기 때문에 링크주소로 url을 사용할 수 있으나 많은양의 데이터를 담기 어렵다. (url길이에 제약을 받는다)

-post방식은 php에 담아서 전송되기에 링크주소로 url을 사용할 수 없으나 많은양의 데이터를 담기에 용이하다.


결국 input, textarea, option등 데이터값이 action에 기입된 php주소로 보내어져 지정된 연산을거쳐 get 이나 post 방식으로 서버에 보내지고 내가보는 화면에 출력된다는 내용


- 텍스트입력 : 

<input type="text" name="값의 이름" value="" disabled="disabled" readonly="readonly" />

<input type="submit" />

input 테그는 "text"(한줄글자창), "password"(값입력시 *표로 표기), "textarea"(여러줄 입력창), "sumit"(확인창) "hidden"(출력창에서 숨김)등의 명령어를 사용할 수 있다.  

name : 입력된 데이터의 이름

value : 데이터 기본값으로 입력창에 선택된다.

disabled : 사용안함의 상태로 선택이나 전송이 안됨

readonly : 읽을수만 있는상태로 전송이안됨

...


음... 2일차 학습까지 마쳐서 html과정은 끝냈다.

직접 만들어보지 않으면 금새 잊혀질 기억들이기에 옮겨적기 시작한거라지만 의미없이 시간을 허비한다는 생각에 학습방법을 수정하기로 했다.

덮어놓고 보고 간단한 디자인을짜서 만들어보며 체득하는게 훨씬 빠를것 같다.해서 의미없이 홈페이지 글을 퍼오고 캡쳐하는 필기노트는 오늘로 끝이다.

신고

댓글을 입력하세요