script 태그는 body 끝태그 전에 위치     함수 기본 형태 function 함수명(){ }      이름 별명   함수 만들고body에서 버튼 클릭했을 때 (onclick) 함수 실행하도록 함  alert된 것 확인        아무것도 없을 때 버튼 누르면 아무것도 실행 x document.getElement ~~을 사용해서 대상에 접근    function btn(){ console.log(document.getElementsByTagName('form')); } form이라는 요소에 접근  버튼 클릭하..

: 사용자 입력을 위한 양식 생성 - 서버로 값을 전송할 때 사용하는 태그- 내부 요소들의 각 name 속성으로 값을 전달한다. (AJAX사용시 제외)- 한 페이지 내에 여러 번 작성해도 상관 없지만 태그안에 태그는 넣지 않는다. (자주하는 실수)- action 생략시 기본 값은 현재 페이지의 url이 되고, 실제 action 위치는 보통 서버 페이지로 지정한다.   Form 전송 방식get (자원 요청. read)url 주소 뒤에 파라미터를 붙여서 데이터를 전달하는 방식- 요청에 길이 제한이 있는데, 브라우저마다 다르다.- ?name1=value1&name2=value2&...형식으로 정보를 전달하고 이를 queryString이라고 부른다.- 정보가 노출되는 형태(url+queryString)이므로 보..

,   : 인라인 컨테이너자체적으로 특별한 의미 없음 (장식용 태그)스타일을 적용하기 위한 css선택자로 사용하거나html 속성을 적용하기 위한 범위를 나타내기 위해 주로 사용되거나자바스크립트에서 특정 부분을 선택하거나 조작하는데 사용크기 지정 불가(width, height) -> display 속성으로 블록처리 해주면 크기 조절 가능(display:inline-block;)margin 속성은 좌우 여백만 가능(padding은 모두 사용가능)   : 레이아웃을 만들거나 콘텐츠를 나누는 컨테이너span과 마찬가지로  자체적으로 특별한 의미 없음div는 레이아웃을 구성하거나 그룹화된 콘텐츠에 스타일을 적용하기 위한 컨테이너span은 단순 텍스트나 텍스트에 관련된 구문 컨텐츠에 스타일 적용하기 위한 컨테이너 ..