Language/└HTML, CSS 3

[HTML5/CSS] form태그의 전송 방식 GET과 POST의 차이점 | Yoon's Dev

form태그의 전송 방식 GET과 POST의 차이점 HTTP ■ HTTP란? □ HTTP(HyperText Transfer Protocol) ✓ W3 상에서 정보를 주고받을 수 있는 프로토콜이다. ✓ HTTP 메서드에는 GET 방식과 POST 방식으로 정보를 주고받을 수 있다. GET ■ GET □ URL에 파라미터를 포함시켜서 요청하는 방식 ✓ URL에 파라미터를 포함시킨다. ✓ 데이터를 헤더에 포함시켜 전송한다. ✓ 캐싱이 가능하다. ✓ 글자 수의 제한이 있다. 특징 ✓ 전송 속도가 POST 방식보다 빠르다 ✓ 데이터베이스에 대한 질의어 데이터와 같은 요청 자체를 위한 정보를 전송할 때 사용된다. ✓ 데이터가 URL 뒤에 붙기에 보안이 매우 취약하다 1 2 3 4 5 6 7 텍스트를 입력하세요 : c..

[HTML/CSS] form, input 태그의 다양한 타입 요소 | Yoon's Dev

form, input 태그의 다양한 타입 요소 form 요소 웹 페이지에서는 form태그를 사용하여 사용자로부터 입력을 받을 수 있다. 또한, 사용자가 입력한 데이터를 서버로 보낼 때 form 요소를 사용한다. form 태그는 다음과 같은 문법으로 사용한다. 1 cs action="" 은 입력받은 데이터를 처리할 스크립트 파일의 주소를 명시한다. 이것을 form-handler라고 한다. method=""는 입력받은 데이터를 서버에 전달할 방식이다. method의 속성은 다음과 같다 속성 설명 get 주소에 데이터를 추가하여 전달하는 방식, 데이터가 주소 창에 그대로 나타나고 데이터의 크기가 제한적 post 데이터를 별도로 첨부하여 전달, 데이터가 외부에 드러나지않으며 데이터의 크기가 제한이 없음, 보안성..

[HTML/CSS] table 테이블 태그 속성 및 사용법, 표 만들기 | Yoon's Dev

table 테이블 태그 속성 및 사용법, 표 만들기 colsapn과 rowspan 속성을 이용하여 행, 열 합치기 html5에서의 표를 만드는 방법에 대해서 알아보자. 테이블 태그는 단순히 표를 나타내는 것뿐만 아니라 웹 페이지의 레이아웃을 구성할 때에도 유용하게 쓰인다. 다만 div 태그를 활용하는 것이 더 좋지만 테이블 태그는 유용하게 쓰이니 알아보도록 하자. 1. 태그의 기본 : 표를 생성하는 가장 상위 태그 : 행을 나타내는 태그 : 열을 나타내는 태그 : 표의 제목을 나타내는 태그 아래와 같은 표를 테이블 태그를 이용해 구현해 보도록 하자. 1행 1열 1행 2열 1행 3열 2행 1열 2행 2열 2행 3열 3행 1열 3행 2열 3행 3열 1 2 3 4 5 6 7 8 9 10 11 12 13 14 ..